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

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

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, 新着情報
-, ,

執筆者:

関連記事

メダルの背後にiPadあり 世界バレーで眞鍋監督が使っていたアプリの正体

Amplify’d from www.itmedia.co.jp  チームを指揮&#123 …

365日懸賞

ツイッターで応募できる懸賞企画がスタート

有限会社マップ高知(高知県高知市知寄町1-5-1 電話088-880-0770 FAX088-884-3700 http://www.ewalk.ne.jp/map/)は、2011年3月1日、ツイッタ …

Evernote

evernoteにwebページをクリッピングする便利な手法

みんな大好きevernote! 数あるクラウドサービスの中でも、特に利用者が多いと思われるのがevernoteだ。 片っ端からメモしていけるので、私はなんでもかんでもブッ込んじゃってる。 Everno …

レスポンシブ対応

メニューとフッターのレスポンシブ対応css装飾 ⇒ STINGER8設定その12

見出しと同じイメージを使う H2タグの装飾とイメージを同じにするため、メインメニューとフッターの背景画像を設定する。 H2タグを修飾 ⇒ STINGER8設定その9 最初は単純に背景画像を設定するだけ …

iphone4s

Siriちゃんで話題沸騰のiOS5.1の本当のキモはバッテリーの長寿命化だった

iOSが5.1にアップデートされたのが3月8日。 それからというもの、iPhone4Sユーザーの間ではもっぱらSiriの日本語化の話題で持ちきりだった。 今まで英語、フランス語、ドイツ語でしか使えなか …