ウィジェット・メニューの設定

Chemで使えるウィジェットエリア・メニューエリア

Chemで使えるウィジェットエリアメニューエリアは以下のようになっています。

ウィジェットの設定方法

ウィジェットは「外観」⇒「ウィジェット」から設定することができます。

ドラッグ&ドロップで各エリアにウィジェットを出し入れすることができます。

各ウィジェットエリアに配置可能なウィジェット

注意

各エリアにどのウィジェットが入るかを想定してデザインが組まれているので、各エリアに対象外のウィジェットを入れると、デザインが崩れる可能性があります。

トップページ最上・トップページ上・トップページ下

  • おすすめ記事(トップページ上)
  • 人気記事(トップページ上)
  • カテゴリー別記事

サイドバー・固定サイドバー・フッター

  • 人気記事(サイドバー・フッター)
  • 新着記事(サイドバー・フッター)
  • カテゴリー
  • カテゴリー(カスタム)
  • アーカイブ
  • アーカイブ(カスタム)
  • タグ(カスタム)
  • 検索(カスタム)
  • プロフィール

固定サイドバー(目次用)

「目次」ウィジェットにご利用ください。

※「目次」ウィジェットはプラグイン「Easy Table of Contents」を導入すると使えるようになります。

記事上

  • SNSシェア
  • 記事投稿者

記事下

  • SNSシェア
  • 記事投稿者
  • 関連記事
  • おすすめ記事(記事下)
  • 人気記事(記事下)

各ウィジェットの設定方法

おすすめ記事(トップページ上・記事下)

おすすめ記事は、記事の投稿IDを指定して表示します。

投稿IDを調べるには、「投稿一覧」を開き、記事のタイトルにカーソルを合わせると左下にURLが表示されるので、その中の「post=xxxx」の数字が投稿IDだと分かります。

「おすすめ記事」はスライダー表示されます。

記事投稿者

記事投稿者に表示される内容は、管理画面の「ユーザー」⇒「あなたのプロフィール」から設定します。

プロフィール写真はGravatarを使って設定する必要があります。

設定方法については以下の記事が参考になるでしょう。

「カテゴリー」と「カテゴリー(カスタム)」の違い

(カスタム)が付いていないウィジェットはWordPressにデフォルトで用意されているウィジェットです。

ただ、デフォルトのウィジェットだと投稿数を表示したときに表示がおかしくなってしまうので、オリジナルのウィジェットを用意しました。

カスタマイザーでの設定が確実に反映されるように、基本的には「カテゴリー(カスタム)」を、ドロップダウン表示する場合のみ「カテゴリー」を使用してください。

※「アーカイブ」と「アーカイブ(カスタム)」についても同様です。

広告の貼り方

広告を貼るには、「テキスト」ウィジェットを配置し、「テキスト」タブにコードを貼り付けてください。

広告はどのウィジェットエリアにも配置できますが、「固定サイドバー」に配置するとGoogleアドセンスの規約違反になる可能性があるので、詳しくは調べてみてください。

メニューの設定方法

メニューは「外観」⇒「メニュー」から設定することができます。

まずは新規メニューを作成しましょう。

メニュー名を入力し、「メニューを作成」をクリック。

「メニュー項目を追加」が出てくるので、追加したいページにチェックを入れて「メニューに追加」をクリック。

メニューを追加した後は、「メニュー設定」から「メニューの位置」を選んでメニューを保存します。

メニューの位置は「ヘッダー」「フッター」「ヘッダー(レスポンシブ)」の3つがあるので、適切なものを選んでください。

モバイル用ヘッダーメニュー

PC用のヘッダーメニューは端末の幅が1200px未満の時に非表示になり、代わりにモバイル用のヘッダーメニューを利用できます。

モバイル用のヘッダーメニューを設定するには、「メニューの位置」を「ヘッダー(レスポンシブ)」に指定して行います。

モバイル用ヘッダーメニューの「開く」アイコン

アイコンの種類は下の2つから選択できます。

Author

Nauts

WordPressテーマを作ったり、YouTubeでピアノを弾いたりしています。

Related

インストール方法 「外観」⇒「テーマ」へと進みます。 「新規追加」をクリック。 「テーマのアップロード」をクリック。 ZIPファイルを選択し […]

テーマのインストール方法・アップデート方法

目次を自分で作らなくても自動で挿入してくれる便利なプラグイン「Easy Table of Contents」をご紹介します。 このプラグイン […]

目次を自動挿入してくれるプラグイン「Easy Table of Contents...

カスタマイザーでは、サイトのタイトルやヘッダーロゴの設定などの基本的な部分から、見出しやボタンの装飾といった細かなデザインに関する部分まで、 […]

カスタマイザーの設定

CSSを追加したい CSSを追加したいときは、以下の3つの方法があります。どの方法でもいいですが、ファイルのアップデートがあったときの手間が […]

CSSやPHPファイルを独自にカスタマイズする方法【子テーマの導入方法】

ここでは、デフォルトのエディタにはないChem独自の機能を紹介していきます。 ビジュアルエディタ マーカー 文字にマーカーを引くには、マーカ […]

マーカーを引く・画像にエフェクトをかける

画像・ボタンなどの中央寄せ ボタン ボタンのデザインは「外観」⇒「カスタマイズ」⇒「ボタン」から設定できます。 デザインは最大で3パターン設 […]

ショートコード一覧