Facebook
RSS Feed
Jan 11, 2012

STEP3:トップページの作成・ギャラリー画像の表示方法

テーマの基本設定とオリジナルへの衣替えが済んだら、
ウィジェットを使ってトップページを作成したり、
トップのギャラリーエリアやギャラリーカテゴリーに画像を表示させてみましょう。

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

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

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

トップウィジェット

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

ウィジェット

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

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

テキストウィジェットは通常のHTMLコードも記入出来ますので、
画像を表示させたり、リンクを付けたり、通常のHTMLと同様の使い方が出来ます。

*ウィジェットはWordPress公式の標準機能です。

 

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

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

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

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

 

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

top-gallery

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

新規記事の作成

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

*サムネイル画像が表示できるのは投稿記事のみです。固定ページでは表示出来ません。
*サムネイル画像の推奨サイズは各テーマの詳細ページをご確認ください。

参考記事:トップページのギャラリーの表示カテゴリーを変更する方法 >
参考記事:トップページのギャラリーの表示件数を変更する方法 >
参考記事:アイキャッチ画像(サムネイル画像)を自動で作成する方法(Auto Post Thumbnail)>

 

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

Gallery

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

アイキャッチ画像を追加

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

*サムネイル画像の推奨サイズは各テーマの詳細ページをご確認ください。

ギャラリー表示する画像の件数を変更したい場合は、
「表示設定」(ダッシュボード>設定>表示設定>1ページに表示する最大投稿数)から
好きな件数に変更可能です。

参考記事:ギャラリーレイアウトを複数使う方法 >
参考記事:アイキャッチ画像(サムネイル画像)を自動で作成する方法(Auto Post Thumbnail)>

 

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

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

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

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

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

関連記事

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

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト