テーマ「profitmag」はページがいくつにも分割され、インパクトのあるテーマです。しかしスライダーの設定やブロック分けの設定の部分は日本語化されていません。
やり方がわかれば設定は簡単なので、profitmagの設定方法を実際のページを例に説明したいと思います。また、表示する画像が同じくらいのサイズの方が美しく表示されます。そのためのプラグインもご紹介します。
「サイトの基本情報」から「追加CSS」までは日本語に翻訳されているので理解できると思います。
サイトのロゴ、サイトのタイトル、キャッチフレーズ、アイコン(ファビコン)を指定します。
メニューの追加、編集、削除ができます。
ナビゲーションバーに表示するメニューを選びます。
2通りの表示方法があります。
最新の投稿にすると、最新の投稿から順番に表示されます。
固定ページを選択するとアイキャッチ画像などを並べて表示できます。固定ページを選択した場合は設定することが多くあります。以下をご参考ください。
ウィジェットの設定は簡単です。
右サイドバーは2分割されています。
ウィジェットの追加で選べます。
スラ―ダーの下、サイドバーの一番上に表示されます。
同じように「Right Sidebar Middle」も設定します。「Right Sidebar Middle」が表示される位置は下の画像で確認下さい。
同じようにFooterも設定します。Footerは8分割できます。例は「Footer Top Column ONE」と「Footer Bottom Column ONE」を設定しています。
分かりやすいように、タイトルを「Footer Top Column ONE」と「Footer Bottom Column ONE」で設定しました。
※「Footer Bottom Column ONE」はカレンダーです。
ページ中央にウィジェットエリアがあります。
例は「Right Sidebar Middle」と「Home Popular Widget Area」です。
タイトルを「Right Sidebar Middle」と「Home Popular Widget Area」で設定しました。
※「Right Sidebar Middle」はカレンダーを設定しています。
Thema Optionsの設定で、細かい設定をします。
ロゴをアップロードする場合、チェックする。
サイトタイトルと説明が表示したい場合はチェックする。
「例」のブログの場合の設定は以下です。
ヘッダーに広告を表示することができます。
※「例」のブログにはこの広告は表示していません。
「例」には「home icon」「検索窓」「LATEST」を表示していますのでご確認下さい。
ナビゲーションバーにホームアイコンを表示する場合はチェックする。
ナビゲーションバーに検索窓を表示する場合はチェックし、案内の言葉を入れます。デフォルトは「search」です。
ナビゲーションバーにLATEST(最新)を表示する場合はチェックを入れる。
例
デフォルトは「Copyright 20xx. All rights reserved」
幅が違うデパイスでも見やすいように最適化する。最適化しない場合はチェックを入れる。
表示しない場合はチェックする。
3色からカラーを選びます。HeaderとFooterは4色から選べます。
どちらかを選びます。
他の言葉に変える場合はその言葉を記載します。
Slider Blockでスライダーの設定をします。
どのスライダーを表示するか以下から選びます。
表示するカテゴリーを指定します。プルダウンからカテゴリーを選びます。
プルダウンから表示する投稿を4つ選びます。
スライダーを先送り・後戻しするアイコンを表示するか否かの指定です。
スライダーを自動でスライドさせるか否かを指定します。
スライダーのスピードを指定します。デフォルトは2000です。
表示するカテゴリーをプルダウンから選びます。
ホームページをブロックに分けて表示する投稿を指定します。
スライダーのすぐ下が「ブロック1」です。「ブロック1」に表示するカテゴリーを指定します。
プルダウンから表示するカテゴリーを選び、投稿数を指定します。
「ブロック1」のすぐ下が「ブロック2」です。「ブロック2」に表示するカテゴリーを指定します。
プルダウンから表示するカテゴリーを選び、投稿数を指定します。
「ブロック2」のすぐ下が「ブロック3」です。「ブロック3」に表示するカテゴリーを指定します。
プルダウンから表示するカテゴリーを選び、投稿数を指定します。
例の指定は以下のように設定しました。
Block | Category | 表示数 |
---|---|---|
ブロック1 | 製薬業界 | 3 |
ブロック2 | アレルギー | 3 |
ブロック3 | 医薬品 | 5 |
製薬業界が「ブロック1」、アレルギーが「ブロック2」、医薬品が「ブロック3」です。
ページの中間に広告の表示ができます。広告のサイズは855×91pxにします。
※「例」のブログにはこの広告は表示していません。
広告の下が「ブロック4」です。「ブロック4」に表示するカテゴリーを指定します。
プルダウンから表示するカテゴリーを選び、投稿数を指定します。
「ブロック4」の下、左側が「ブロック5 左」です。「ブロック5 左」に表示するカテゴリーを指定します。
プルダウンから表示するカテゴリーを選び、投稿数を指定します。
「ブロック5 左」の右側が「ブロック5 右」です。「ブロック5 右」に表示するカテゴリーを指定します。
プルダウンから表示するカテゴリーを選び、投稿数を指定します。
画像を表示します。
最後はテーマについてのサイトとリセットするボタンがあります。
「Simple Image Sizes」で画像の最大高さを統一すれば、見た目も美しくなります。
ブロック毎に最大値を決めておきます。
Category Post Oneを利用して、カテゴリーを「最新記事」や「特集記事」に置き換えることができるようです。