Lightningのサンプルページ

各ページタイトルの上に「アイキャッチ画像」を表示する方法

このサイトは、テーマLightningの各ページヘッダーに「アイキャッチ画像」を表示するように設定したサンプルになります。
１．子テーマを設定する。
２．function.phpにアイキャッチ画像の表示設定を追記する。（FTP使用）
　/* ページタイトルの上にアイキャッチ画像を表示 */
　function my_lightning_pageTitHtml($value) {
　$temp = ”; $temp .= get_the_post_thumbnail($post->ID, ‘small’); $temp .= ”;
　　return $temp . $value;
　}
　add_filter(‘lightning_pageTitHtml’, ‘my_lightning_pageTitHtml’);

３．ExUnitでCSSを追記する。
　/* ページタイトルのアイキャッチ画像 */
　.page-header-image {
　width: 100%;
　height: 250px;
　overflow: hidden;
　}
　.page-header-image img {
　width: 100%;
　}

４．各ページに「アイキャッチ画像」を設定する。
以上の設定でヘッダーに画像を表示することができます。

文字サイズを変更するプラグイン追加

文字サイズの変更できるプラグインを追加する。
プラグイン＝「Acccessibility Widget」 （90%～120％）90%、100%、110%、120%の変更が可能です。

最新情報に「New」マークを表示するプラグイン追加

最新投稿の一覧表に「New」マークを表示するプラグインを追加する。
プラグイン＝「What’s New Generater」右ウィジェットに表示し、5行で7日間表示するように指定した。