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