Wrod Pressのテーマ profitmag
テーマ「profitmag」はページがいくつにも分割され、インパクトのあるテーマです。しかしスライダーの設定やブロック分けの設定の部分は日本語化されていません。
やり方がわかれば設定は簡単なので、profitmagの設定方法を実際のページを例に説明したいと思います。また、表示する画像が同じくらいのサイズの方が美しく表示されます。そのためのプラグインもご紹介します。
サイト基本情報から追加CSSまで
「サイトの基本情報」から「追加CSS」までは日本語に翻訳されているので理解できると思います。
サイトの基本情報
サイトのロゴ、サイトのタイトル、キャッチフレーズ、アイコン(ファビコン)を指定します。
メニューの設定
メニューの追加、編集、削除ができます。
メニューの位置
ナビゲーションバーに表示するメニューを選びます。
固定フロントページ
2通りの表示方法があります。
フロントページの表示
- 最新の投稿
- 固定ページ
最新の投稿
最新の投稿にすると、最新の投稿から順番に表示されます。
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/profitmag1-2-600x338.png)
固定ページ
固定ページを選択するとアイキャッチ画像などを並べて表示できます。固定ページを選択した場合は設定することが多くあります。以下をご参考ください。
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/profitmag2-600x1500.png)
固定ページを選択し、分割させる場合
- フロントページを選択して下さい。
- 投稿ページは選択しないで下さい。
ウィジェットの設定
ウィジェットの設定は簡単です。
Right Sidebar
- Right Sidebar Top
- Right Sidebar Middle
右サイドバーは2分割されています。
Right Sidebar Top
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/Right-Sidebar-Top-1-600x338.png)
ウィジェットの追加で選べます。
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/Right-Sidebar-Top2-1-600x338.png)
スラ―ダーの下、サイドバーの一番上に表示されます。
Right Sidebar Middle
同じように「Right Sidebar Middle」も設定します。「Right Sidebar Middle」が表示される位置は下の画像で確認下さい。
Footerのウィジェット
同じようにFooterも設定します。Footerは8分割できます。例は「Footer Top Column ONE」と「Footer Bottom Column ONE」を設定しています。
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/Footer-Bottom-Column-ONE-1-600x338.png)
分かりやすいように、タイトルを「Footer Top Column ONE」と「Footer Bottom Column ONE」で設定しました。
※「Footer Bottom Column ONE」はカレンダーです。
Home Popular Widget Area
ページ中央にウィジェットエリアがあります。
例は「Right Sidebar Middle」と「Home Popular Widget Area」です。
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/Right-Sidebar-Middle-1-600x338.png)
タイトルを「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(最新)を表示する場合はチェックを入れる。
例
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/header-1-600x338.png)
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 |
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/Block-One-Category-1-600x338.png)
製薬業界が「ブロック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
画像を表示します。
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/Block-Four-Category-1-600x871.png)
その他
最後はテーマについてのサイトとリセットするボタンがあります。
- About thema
- Reset リセット
表示される画像のサイズについて
「Simple Image Sizes」で画像の最大高さを統一すれば、見た目も美しくなります。
Simple Image Sizesの設定画面
![profitmagの設定](https://library.vogue.tokyo/wp-content/uploads/2021/04/Simple-Image-Sizes2-1-600x338.png)
ブロック毎に最大値を決めておきます。
便利な利用法
Category Post Oneを利用
Category Post Oneを利用して、カテゴリーを「最新記事」や「特集記事」に置き換えることができるようです。