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

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

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

執筆者:

関連記事

フェイスブック

Facebookページのiframe化にチャレンジ

Facebookでビジネスをするのに欠かせない独自タブを作るには、従来はstaticFBMLを使ってきた。 これはこれで簡便で使いやすかったのだが、3/10で使用できなくなる。 これからはstatic …

フェイスブック

FacebookがついにYahooを抜いて世界第三位の巨大Webサイトになった

Amplify’d from jp.techcrunch.com 今年丸一年かけて、ついにこうなった。comScoreによると、FacebookはYahooを追い越して世界三位のWebサイトになった。 …

ロゴを表示する

レスポンシブ対応のロゴを表示する ⇒ STINGER8設定その11

ロゴを表示する STINGER8にして、アミアンインターナショナルのロゴが表示されなくなった。 これは少々まずい。 そこで、背景画像として表示させるようにした。 スマートフォン スマートフォンでは、現 …

宮松さん

今日はザッポスの話も聞けるらしいので、楽しみだ

コンテンツ

説明文の加筆 ⇒ トップページの作り込み6

コンテンツを増やす コンテンツを加える。 600px幅で表示。 <div id=”amiens-05″ class=”amiens-black”> <div class=”amien …