[対応:5]「続きを読む」で記事を省略してサムネイル風にする

賢威のトップページに表示される、
新着記事の表示方法の変更をご説明します。

通常だと記事全文が表示されてしまいますが
「この投稿の続きを読む」を設定する事で、
記事の途中省略が可能です。

記事の途中省略

賢威カスタマイズ「この投稿の続きを読む」を表示する方法

記事の途中省略は非常に簡単です。

ダッシュボード⇒投稿⇒新規追加で
通常に記事を作成します。

記事を作成して、省略したい場所で、下記のMoreタグをクリックします。

Moreタグをクイック

 

下記の赤線内のタグが表示されれば、完成です。

ac00001231

 

次にサムネイル風にするために画像を回り込みする

次にサムネイル風にするために、画像の回り込みを選択します。

賢威には最初から、画像の回り込みタグが設定されているので、
そのタグを指定する事で、画像の回り込みが可能です。

画像の回り込み指定

WordPressでの回り込みタグの指定方法

画像の編集
画像をアップロード後に、画像の編集をクリックします。

 

詳細設定タブ
次に、詳細設定タブをクリックします。

 

詳細画像設定のCSSクラス

詳細画像設定のCSSクラスに「left」もしくは「right」を指定します。
※最初にCSSクラス内に違う英語が書かれてますが、消してOKです。

設定完了後に、「更新」をクリックして画像の編集を保存します。

ac00001235

記事投稿前に、プレビューで確認してみましょう。
見事に画像が回り込みしています。

行の高さなどは調整してください^^
これで完成です。

サムネイル風画像の回り込み

以上
賢威カスタマイズ「この投稿の続きを読む」で
省略してサムネイル風にするでした。

コメントを残す

サブコンテンツ

このページの先頭へ