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

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

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

執筆者:

関連記事

コード表示の最適化 ⇒ STINGER8設定その8

コードが見にくい preタグでコードを表示した時に困るのが、いまいち見づらいことだ。 コードのハイライト表示を導入したことで、多少は見やすくはなっていた。 google code-prettifyでコ …

Evernote

Evernoteのノートがどんどん複製されて容量が圧迫される現象が発生した

Evernoteをガシガシと使い倒している俺。 仕事においてもプライベートでも、今や無くてはならない物となっている。 Evernote 5.2.3(無料) カテゴリ: 仕事効率化, ユーティリティ 現 …

gifアニメーション

燃えるgifアニメーション文字の作成 ⇒ トップページの作り込み5

gifアニメーションとは 最近はSNSブームの関係でgifアニメーションが見直されているようだ。 基本的に動画ファイルではなく画像ファイルの拡張なので、動作やサポート状況は画像ファイルに準じ、これが長 …

MacBook Pro with Retina Display

MacBook Pro with Retina Displayを買うべきこれだけの理由

先日から話題となっているMacBook Pro with Retina Displayを注文した。 当初はMacBook Air 13″を購入しようと思っていたのだが、急遽変更した。 &n …

Tポイントは衰退していくのか?

蔦屋書店でカードが使えない!? Tポイントは衰退していくのか?

蔦屋書店でクレジットカードもモバイルTカードも使えない 先日、高知蔦屋書店でランチを食べたのだが、その時に気になったのが支払いにカードが使えないことだ。 高知蔦屋書店 ⇒ 広い店内に多数のテナント 高 …