アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

CMS php 新着情報

アイキャッチ画像を表示させる ⇒ STINGER8設定その6

投稿日:2019年4月30日 更新日:

アイキャッチ画像が表示されない

STINGER8では投稿ページにアイキャッチ画像が表示されない。

ちょっと寂しいので、アイキャッチ画像が表示されるようにしてみよう。

single.phpを変える

投稿ページにアイキャッチ画像を冒頭部分に表示させるようにするには、single.phpで次の一行を実行させればよい。

<p id="amiens-featured-image"><!--?php the_post_thumbnail('full'); ?--></p>

このままだとアイキャッチ画像なのか本文の画像なのか不明になるので、枠で囲んで分かりやすくなるようにした。

cssに下記のコードを追加。


#amiens-featured-image{
    margin: 1em;
    padding: 1em 0;
    border: 1px solid #aaa;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
#amiens-featured-image img{
margin: 0;
}

これでいいだろう。

-CMS, php, 新着情報
-, ,

執筆者:

関連記事

Dropboxから乗り換えるべき? トレンドマイクロの容量無制限オンラインストレージ「SafeSync」の実力は?

Amplify’d from trendy.nikkeibp.co.jp SafeSyncの最大の魅力は、年間4980円を支払えば保存容量が無制限という点だ。普段、Dropboxを使いながら「保存容量 …

2段組

cssで2段組にする方法 ⇒ トップページの作り込み7

さらにコンテンツを増やす 引き続き、コンテンツを加える。 このブロックは、2段組にする。 <div id=”amiens-07″ class=”amiens-black”> <div …

before

カテゴリーのデザイン-サイドバーメニューの成形(3) ⇒ STINGER8設定その5

カテゴリーが長すぎる サイドバーのカテゴリーだが、項目数が多すぎて縦にやたら長くなってしまう。 そこで、第一階層をリストにして第二階層はボタンにして並べることにした。 まず、第二階層をボタン化 .ca …

ファストエバー

iPhoneの神アプリをおすすめ【2】FastEver

私のiPhoneのホーム画面1画面目に鎮座する神アプリを紹介するシリーズ。 1画面目のヘビーに使い込んでいるiPhoneアプリ 第2回目は、FastEverを紹介する。 FastEver 230円 f …

怪しいものではありません。簡単にauケータイでテザリングができる「NEX-fi」

Amplify’d from www.gizmodo.jp なんと、auケータイでテザリングができる周辺機器「NEX-fi」が発売されました。モバイルデータ通信定額対応機種に、このNEX-fiを接続す …