Facebook
RSS Feed
Jan 11, 2012

STEP3:トップページの作成・サムネイル画像一覧の表示方法

テーマの基本設定とオリジナルへの衣替えが済んだら、
ウィジェットを使ってトップページを作成したり、
トップページの新着記事一覧にサムネイル画像を表示させてみましょう。

*テーマによって対応している項目が異なりますのでデモサイトを参考にどうぞ。

<目次>
1) トップページのテキストブロック(ウィジェットエリア)を表示する方法
2) トップページの見出し設定
3) トップページの新着サムネイル画像一覧の表示方法(アイキャッチ画像の使い方)
4) ギャラリーカテゴリーの画像表示方法(アイキャッチ画像の使い方)

1) トップページのテキストブロック(ウィジェットエリア)を表示する方法

トップウィジェット

デモサイトでトップページにテキストやカテゴリーなどを表示しているテーマがありますが、
ここはウィジェットエリアですので、お好きな項目をドラッグ&ドロップで追加したり、
順番を並べ替えたりが出来ます。

ウィジェット

ダッシュボード>外観>ウィジェット

右側に並んでいるのがウィジェットが使える場所です。
左側に並んでいる項目の中から好きな項目をドラッグして追加すればOKです。

テキストウィジェットは通常のHTMLコードも記入出来ますので、
画像を表示させたり、リンクを貼ったり、太字にしたり、ブログパーツを貼ったり、
通常のHTML/CSSと同様の使い方が出来ます(HTMLの基礎知識は必要です)。

*各ウィジェットはWordPress公式の標準機能です。使い方は以下のリンクをどうぞ。

 

2) トップページの見出し設定

トップページの見出し設定

ダッシュボード > 外観 > Minimal WPカスタム

トップページの新着記事ギャラリーエリアの見出し等が、個別に設定出来るテーマがあります。
管理画面から好きなテキストを入力するだけでOKです。

 

3) トップページの新着サムネイル画像一覧の表示方法(アイキャッチ画像の使い方)

top-gallery

トップページにサムネイル画像が一覧で表示されるようになっているテーマもあります。
基本的に「全記事の新着サムネイル画像(アイキャッチ画像)」が自動で表示されます。

新規記事の作成

「アイキャッチ画像を設定」から、サムネイルで表示したい画像を選択して追加し、
通常通り記事を公開すれば自動で表示されます。

*サムネイル画像からリンクされるのは各投稿記事です。固定ページにはリンクされません。
*サムネイル画像の推奨サイズは各テーマの詳細ページ内「テーマの使い方・表示サイズなど」をご確認ください。

 

4) ギャラリーカテゴリーの画像表示方法(アイキャッチ画像の使い方)

*一部テーマのみの機能です(Ver.20170321で廃止しました)

Gallery

Minimal WPのテーマは、カテゴリーのスラッグ名を「gallery」で作成すると、
カテゴリーページがサムネイル画像一覧表示レイアウトになるテーマがあります(デモ参照)。
投稿記事のアイキャッチ画像が、カテゴリーページに一覧で表示される仕組みです。

記事投稿画面の右欄の「アイキャッチ画像を設定」から、
ギャラリーに表示したい画像を選択して追加し、
通常通り記事を公開すれば自動で表示されます。

*一部テーマのみの機能です(Ver.20170321で廃止しました)

 

以上で「テーマの設定」「基本の使い方」は全て完了です。

もし不明な点がある場合は「よくある質問」も合わせてご覧ください。
ちょっとしたミスや勘違いでうまくいかない事例等の解決方法をまとめてあります。
また、STEP2とSTEP3のみ無料メールサポートも行なっています(購入後7日間)。
よくある質問を読んでも、どうしてもうまくいかない!という場合はお気軽にご質問ください。

*カテゴリーやタグの使い方、アイキャッチ画像の使い方、ウィジェットの使い方など、
一般的なWordPress共通の基本操作に関しては無料サポートを行ってませんので、
WordPress公式の解説」をしっかり読むか、Google検索を活用してください!

次のSTEP4では応用編としてプラグインを使ったカスタマイズ方法をご紹介しています。
STEP4:プラグインを追加してカスタマイズへ >

Posted in Minimal WPテーマの設定方法Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Folclore」
ビジネス・企業サイト / マガジン
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト