WordPress 『メニュー・カテゴリー』の設定方法(画像付きで解説) STINGER7編

      2016/04/24

テーマ『STINGER7』の設定方法解説①

 

 

WordPress-logo

 

前項では、“『WordPress』へ『テーマ』をインストール”ということで、テーマ『STINGER7』をインストールしました。
本項では、その『STINGER7』の細かな設定を行っていきます。

 

 

 

 

『STINGER7』設定前の重要作業

“テーマ”のインストールも完了し、早く記事を作成したいという気持ちになっている事と思います。
しかし、これから説明する『リセット』という作業をしておかないと、せっかく作成した記事がうまく表示されないといったトラブルに繋がるかもしれません。
トラブルを回避するためにも『リセット』作業をすることをおすすめ致します。

 

STINGER管理リセットの方法

手順は次の通りです。

左メニューにある「STINGER管理」「STINGER管理リセット」をクリックします。

すると下の画像が表示されますので、「全てリセット」にチェックを入れ、「save」をクリックします。

これで『リセット』作業完了です。

STINGER7 管理リセット

 

 

STINGER7 テーマの初期設定

さて、『リセット』作業も完了し、ようやく各設定に取り掛かることができるようになりました。
まずは、『テーマの初期設定』の方法をご紹介致します。

設定方法の手順は次の通りです。

テーマ初期設定

 

1. 左メニューにあるダッシュボードの「STINGER管理」→「STINGER管理」をクリックします。

 

2. デザイン・レイアウト関連設定

・オリジナルテーマカスタマイザーを使用する
 オリジナルテーマカスタマイザーを有効にすると、
 管理画面メニューの「外観」→「カスマイザー」の機能に
 「オリジナルカラー」が追加され様々なカラー変更ができるようになります。
 当サイトでは、『有効』に設定しています。

・ウィジェットにショートコードを使用する
 ショートコードにウィジェットを使用できるようになります。
 プラグイン「simple map」などで地図をサイドバーに表示させたり出来るようになります。
 当サイトでは、『有効』に設定しています。

 

3. 英数字のGoogleフォント

 好きなフォントをお選びください。
 当サイトでは、『PT Sans Caption』に設定しています。

 

4. トップページのレイアウト

・トップページに固定記事を挿入(記事ID):
 トップページに固定ページの投稿をIDを指定して挿入します。
 (挿入した固定ページは自動でnoindexとなります。)
 当サイトでは、デフォルトのまま『2』に設定しています。

次にトップページのカラム数を変更します。
・トップページを1カラムにする
・トップページをLP化する
トップページのレイアウトをリセットする
 当サイトでは、デフォルトのまま上記のみ設定しています。

 

5. PC用メインメニュー

・PC用メインメニューを上に表示する
PC用メインメニューを下に表示する(デフォルト)
・PC用メインメニューを表示しない
 PCでトップに表示されるメニューをヘッダー画像の上に表示するか、
 下に表示するか、はたまた表示しないかを選択できます。
 当サイトでは、デフォルトのまま上記のみ設定しています。

テーマ初期設定

 

6. 表示非表示設定

・ヘッダー上部にフッター用リンクを追加する
・投稿の関連記事を非表示にする
・SNSボタンを非表示にする
・RSSボタンを表示しない
・コメント欄を非表示にする
・著者情報を表示する
固定ページに子ページへのリンクを表示
・H3タグにチェックマークを適応する
・ヘッダーとフッターに電話番号を追加する

サイトデザインを考えながらお好みで選択ください。
当サイトでは、上記のみ設定しています。

 

7. 投稿一覧

投稿一覧のサムネイルを丸くする
・投稿一覧のサムネイルを表示しない
投稿に「投稿日」「更新日」を表示しない
サイドバーの新しい投稿一覧を非表示にする
・トップページの投稿一覧を非表示にする
当サイトでは、上記の設定をしています。

テーマ初期設定

 

8. ヘッダー画像

下層ページにもヘッダー画像を表示する
当サイトでは、上記の設定をしています。

 

9. スライドショー設定

ヘッダー画像をスライドショーで表示する
スライドショーの表方法: フェードイン・アウト 右から左 左から右
スライドショーの表示速度: 5000 ミリ秒
当サイトでは、上記の設定はしておりません。

 

10. NEWS(お知らせ)の表示

お知らせをTOPページの一番上に表示する
お知らせタイトルバーに表示する文字: NEWS
※お知らせのタイトルバーに表示したい文字を記入して下さい。現在は「 NEWS 」です。
お知らせに表示するカテゴリ(カテゴリID※デフォルトは「0(全て)」):
複数指定する場合は半角カンマ「,」で区切ってください
お知らせに表示する件数: 5
当サイトでは、上記の設定はしておりません。

テーマ初期設定

 

11. おすすめ記事一覧の作成

おすすめ記事一覧に表示する文字: お薦めの記事はこちら!
※おすすめ記事一覧の見出しに表示したい文字を記入して下さい。現在は「 お薦めの記事はこちら! 」です。
任意の人気記事を指定(投稿又は固定記事ID):
複数指定する場合は半角カンマ「,」で区切ってください
サイドのスクロールに表示にする
投稿の記事下に表示にする
固定記事の下に表示にする
当サイトでは、上記の設定はしておりません。

 

12. アイコン・ファビコン設定

メディアより画像をアップロードして「ファイルのURL」を記入して下さい。
(例:http://example.com/wp-content/uploads/2015/11/favicon.ico )
現在のファビコン※32pxで表示
現在のapple-touch-icon※74pxで表示
当サイトでは、上記の設定をしています。

テーマ初期設定

 

13. Twitter設定

Twitterアカウント@:
「SNS Count Cacheプラグイン」を利用するとソーシャルカウントが表示されます(※Twitterは出ません)
当サイトでは、上記の設定はしておりません。

 

14. SEO関連設定

トップタイトルを書き替え(ここに記述したタイトルが優先されます)
日々の-はてな(HATENA)-日記

トップ用のメタキーワード(複数ある場合は半角カンマ「,」で区切る)
日常,疑問,不思議,日記,芸能,スポーツ,趣味,ブログ,はてな,HATENA

トップ用のメタディスクリプション
「日々の-はてな(HATENA)-日記」は、・・・・・・・・、末長くお付き合い頂ければ幸いです。

ヘッダーソースを自動で綺麗にしない(Head Cleaner使用の場合など)
カテゴリーをindexしない
日本語パーマリンクを自動変換する※更新時にURLが変更されます
テキスト選択不可にする※100%コピーを禁止できるわけではありません(個々の設定が優先されます。)
当サイトでは、上記の設定をしています。

テーマ初期設定

 

15. Google連携に関する設定

現在のトラッキングID:UA-**********
現在のサーチコンソールHTMLタグ:W3*********
当サイトでは、上記の設定をしています。

 

16. その他のアクセス解析

※こちらはβ版機能です。設置後は必ず自身でも御確認下さい
その他アクセス解析タグ(β):

WordPressの自動更新を停止する
※非推奨(100%更新停止を保証するものではありません)
当サイトでは、上記の設定はしておりません。

 

17. 最後に、「save」をクリックして完了です。

 

 

 

 

『メニュー』の設定方法

次に『メニュー』の設定を行います。

『メニュー』とは下の画像の赤枠部分のスペースを指します。
『メニュー』は、上部に表示するメインメニューと下部に表示するフッター用メニューの2種が設定できます。

STINGER7 メニュの設定

『メニュー』設定方法の手順は次の通りです。

 

1.
左メニューにあるダッシュボードの「外観」「メニュー」をクリックします。

・「メニュー名」に任意の名前を付けます。ここでは「TOP」としました。
・「メニューを作成」をクリック。

STINGER7 メニュの設定

 

2.
現時点では、まだ記事が無いので仮に「サンプルページ」を設定しておきます。

※ 記事の作成後、改めて「メニュー」にカテゴリーを表示させます。
  その時に、この「サンプルページ」を削除したいと思います。

・「サンプルページ」チェックボックスにチェックを入れます。
・「メニューに追加」→「メニューを保存」をクリック。

STINGER7 メニュの設定

 

3.
「メニュー構造」に「サンプルページ」が追加されます。

・「ナビゲーションラベル」に任意の名前を付けます。ここでは「サンプルページ」としました。
・「メニューを保存」をクリック。

STINGER7 メニュの設定

 

4.
フッター用のメニュー登録

・「新規メニューを作成」をクリックして先ほどと同様に作成します。
・「メニュー名」に任意の名前を付けます。ここでは「FOOTER」としました。
・「メニューを作成」をクリック。

STINGER7 メニュの設定

 

5.
メニュー設定

・「固定ページの自動追加」のチェックボックスは空白のままでOK。
・「テーマの位置」はそれぞれテックボックスにチェックを入れます。

STINGER7 メニュの設定

 

6.
位置の管理で指定メニューを決定

・「位置の管理」をクリックします。
・トップ用メニューは「TOP」、フッター用メニューは「FOOTER」を指定。
・「変更を保存」をクリックして完了です。

STINGER7 メニュの設定

 

 

 

 

『メニュー』に『カテゴリー』を表示させる方法

次に『メニュー』に『カテゴリー』を表示させる方法をご紹介致します。
当ブログも、メニューに『カテゴリー』を表示させています。

【STINGER7メニューの設定方法】で仮登録を行った「サンプルページ」は既に削除しており、下の画像は、現在幾つかカテゴリー登録を行った状態です。
※ 後ほど削除の方法をご紹介させて頂きます。

STINGER7 メニュの設定

それでは、今から新たにカテゴリーを追加登録を行い、メニューに表示させていきたいと思います。

『カテゴリー追加登録』の手順は次の通りです。

 

1.
『カテゴリー』登録・編集ページ

左メニューにあるダッシュボードの「投稿」→「カテゴリー」をクリックします。
下の画像のように、「カテゴリー」ページは、①作成エリアと②一覧エリアに分けられています。
カテゴリーを作成する際は①で作成し、作成後は②の一覧エリアで編集を行うという流れになります。

STINGER7 カテゴリー設定

 

2.
『カテゴリー』登録

・①「名前」:カテゴリーに表示される名前です。
       ここでは「サンプルページ」としました。
・②「スラッグ」:カテゴリーURLを入力します。
         ここでは「sample」としました。
         当サイトでは、
         「http://daily-question.xyz/category/sample
         の赤文字の部分となります。
・③「親」:親子カテゴリーの設定ができます。
      今回は「なし」としました。

・④「説明」:カテゴリーの概要を入力します。
       『テーマ』によっては表示されないものもあります。
       「STINGER7」では、カテゴリーページを表示した際に、
       表示されるようなっています。
       ここでは「Wordpressのサンプルページです。」としました。
・⑤「新規カテゴリーを追加」をクリック。

STINGER7 カテゴリー設定

 

3.
『カテゴリー』一覧エリア

これで、「サンプルページ」カテゴリーの登録ができました。
『カテゴリー』一覧エリアに「サンプルページ」が作成されました。

STINGER7 カテゴリー設定

 

4.
『メニュー』へ『カテゴリー』を追加

左メニューにあるダッシュボードの①「外観」→②「メニュー」をクリックします。
・③「カテゴリー」→④「すべて表示」の順にクリック。
・⑤「サンプルページ」のチェックボックスにチェックを入れ、
 ⑥「メニューに追加」をクリックします。

STINGER7 カテゴリー追加

 

5.
『メニュー構造』に選択したカテゴリーが追加される。

・①『メニュー構造』エリアに「サンプルページ」が追加されていれば、
・②「メニューを保存」をクリック。

STINGER7 カテゴリー追加

 

6.
『メニュー』へ『カテゴリー』の追加が完了

サイトを確認して頂くと、『メニュー』に『カテゴリー』が表示されているはずです。
ここでは、「サンプルページ」というカテゴリーが追加登録されました。

STINGER7 カテゴリー追加

 

 

 

 

不要な『カテゴリー』を削除する方法

ここでは、先ほど登録を行った「サンプルページ」のカテゴリーを削除致します。

手順は次の通りです。

 

1.
『カテゴリー』を削除

左メニューにあるダッシュボードの「外観」→「メニュー」をクリックします。
・一覧エリア内の削除したいカテゴリー「サンプルページ」のチェックボックスにチェックを入れ、
 削除をクリックします。

STINGER7 カテゴリー削除

これで、先ほど登録した『カテゴリー』サンプルページが削除されました。

STINGER7 メニュの設定

 

 

記事作成時にカテゴリーを設定する方法

記事を作成する際、どのカテゴリーに登録するかを選択します。

手順は次の通りです。

 

1.
カテゴリーの選択方法

左メニューにあるダッシュボードの「投稿」→「新規追加」をクリックします。
・右サイドバーの「カテゴリー一覧」から記事に関連したカテゴリーのチェックボックスにチェックを入れます。
※右サイドバーに『カテゴリー』が表示されていない場合は、画面右上の『表示オプション』を開き、『カテゴリー』のチェックボックスにチェックを入れてください。
チェックが入っていない場合は、「カテゴリー一覧」は表示されません。

STINGER7 カテゴリー選択

これで、『STINGER7』メニュー・カテゴリー設定が完了しました。
次項は、『STINGER7』の細かい部分の設定で
WordPress 『一般・投稿・表示・ディスカッション・メディア・パーマリンク』の設定方法(画像付きで解説)”をご紹介させて頂きます。

WordPress初心者がブログ作成から、Google AdSense、Affiliateの設定を行った手順”TOPページはこちら

 

 

 

 

ブログランキング参加中!
バナーを「ポチッと」お願いします。

 - WordPress , , , , , , , , ,