カスタマイザー>[HB]記事の設定の解説です。
記事の外観
![](https://hannya-builder.com/guide/wp-content/uploads/2023/05/2023-05-21_19h59_53.png)
日付の表示
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_01h25_09-1200x645.png)
デフォルトでは記事の最下部に表示されます。運用スタイルに合わせて「公開日」「更新日」を選んでください。
固定ページには日付を表示しない
記事設定とは別に、固定ページに日付を表示しない場合はチェックを入れてください。
カテゴリーにカラーを反映
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-19_16h52_34.png)
カテゴリーにカテゴリーカラーを反映させた場合
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-17_03h29_00.png)
記事一覧にも表示されます。
日付、カテゴリ・タグ、コメントの表示位置
![](https://hannya-builder.com/guide/wp-content/uploads/2024/04/2024-04-05_03h57_52.png)
![](https://hannya-builder.com/guide/wp-content/uploads/2024/04/2024-04-05_03h57_17.png)
- 日付の表示
- カテゴリ・タグのリンク
- コメントのリンク
を記事の上に表示するか、記事の下に表示するか、それぞれ設定できます。ユーザーにアピールしたい項目は記事の上に、アピる必要がない項目は記事の下に表示するとよいです。
サイト全体設定はもちろん、記事ごとに表示位置を変えることもできます。記事ごとに設定する場合は「般若ビルダー記事設定」で設定してください。
前後の記事の表示
![](https://hannya-builder.com/guide/wp-content/uploads/2021/08/2021-08-25_03h22_33.png)
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_05h48_08.png)
同じカテゴリーの次の記事と前の記事が表示されます。
記事の横幅
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_05h49_51.png)
ノーマル(620px)
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_05h56_54.png)
ワイド(720px)
コンテンツ幅
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_05h57_29.png)
記事のh2タグデザイン
![](https://hannya-builder.com/guide/wp-content/uploads/2020/03/2020-03-08_19h27_01.png)
テーマカラー背景
吹き出し
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_06h08_51.png)
吹き出し(角丸)
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_06h09_06.png)
※上記3つを使う場合は、ウィジェット見出しデザインも「テーマカラー背景」を選択してデザインを統一することをおすすめします。
下線(細め)
下線(太め)
四角2個+点線
縦ライン
上下に線(細め)
上下に線(太め)
途中で色が変わる下線
ストライプの下線
両端に線
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_06h07_16.png)
かぎ括弧
1文字目を大きく
画像のスタイル
![](https://hannya-builder.com/guide/wp-content/uploads/2024/04/2024-04-05_04h13_45.png)
![](https://hannya-builder.com/guide/wp-content/uploads/2024/04/2024-04-05_04h13_45.png)
すべての記事の画像に一括で影か枠をつけることができます。
記事ごとに影や枠をつけるか切り分ける場合は「般若ビルダー記事設定 」で、画像ごとに個別に付ける(外す)場合は「画像ブロック」をお使いください。
PCの見出し文字サイズ
PCサイトのh1~h5タグの見出しの文字サイズを変更できます。
スマホの見出し文字サイズ
スマホサイトのh1~h5タグの見出しの文字サイズを変更できます。
TOP「新着記事見出し」文字サイズ
トップページの新着記事一覧の文字サイズを変更できます。
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-11_19h19_48.png)
ブログカード
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_06h26_58.png)
テキストベースのURLを記事に表示したい場合に、ブログカード機能をOFFにしてください。
ON
OFF
テキストリンク(ver.1.3.0より)
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_00h17_26.png)
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_00h24_19-1.png)
テキストリンクに外部リンクアイコンを表示したい場合は、チェックを入れてください。
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_00h21_08.png)
「新しいタブで開く」をONにしたテキストリンクが対象です。
目次の設定
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_06h36_32.png)
目次タイトル
![](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-02-18_06h36_46.png)
目次の表示条件
![](https://hannya-builder.com/guide/wp-content/uploads/2020/03/2020-03-08_19h28_14.png)
見出しが最低何個ある記事に目次を表示するかを設定できます。
![](https://hannya-builder.com/guide/wp-content/uploads/2020/03/2020-03-08_19h29_31.png)
目次を閉じておいて、ユーザーが任意で開けるようにしたい場合は「非表示にする」にチェックを入れます。
目次を表示する場所
最初の見出しの前
最初の見出しの後ろ
見出しの前後ではなくて任意の場所に表示するには、表示させたい箇所にショートコード[mokuji]を挿入してください。
目次の外観
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_02h06_21.png)
階層表示する
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_02h08_44.png)
番号を振る
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_02h08_55.png)
階層表示には番号を振らない
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_02h09_08.png)
テキストリンクの色を本文と同じにする
![](https://hannya-builder.com/guide/wp-content/uploads/2020/11/2020-11-24_02h09_18.png)
番号のスタイル
丸
![](https://hannya-builder.com/guide/wp-content/uploads/2020/12/2020-12-23_22h18_29.png)
四角
![](https://hannya-builder.com/guide/wp-content/uploads/2020/12/2020-12-23_22h18_18.png)
シンプル丸数字
![](https://hannya-builder.com/guide/wp-content/uploads/2020/12/2020-12-23_22h19_41.png)
シンプル四角数字
![](https://hannya-builder.com/guide/wp-content/uploads/2020/12/2020-12-23_22h20_00.png)
表示する見出し
h2のみにした場合
脚注の設定
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/hb1-7.png)
脚注を使う場合のデフォルト設定をします。
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-10_02h32_28.png)
脚注タイトル
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-10_02h38_06.png)
脚注の見出しのテキストを変更できます。
脚注の見出しのタグ
h2~h4まで選択できます。
脚注をアコーディオンにする
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-10_02h41_43.png)
脚注をアコーディオンで格納できます。
記事終わりに脚注を表示しない
脚注は表示しないで、記事内の注釈のみにすることができます。
なお、脚注設定は「般若ビルダー記事設定」で記事ごとに設定することもできます。
脚注機能の使い方
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-10_02h50_20.png)
注釈(PCはツールチップ、スマホはモーダルウインドウ)を表示したい箇所をクリックして、カーソルを置きます。
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-10_02h54_11.png)
ツールバーから「脚注」をクリックします。「fn」というショートコードが挿入されます。
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-10_03h01_30.png)
ショートコード内に表示させたい内容を記入して完了です。
![](https://hannya-builder.com/guide/wp-content/uploads/2022/10/2022-10-10_03h14_08.png)
ブログランキングボタン
![ブログランキングボタン](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-05-14_16h50_09.png)
![ブログランキングボタン表示例](https://hannya-builder.com/guide/wp-content/uploads/2020/02/2020-05-10_17h26_50.png)
記事の最後(記事下広告の上)に「にほんブログ村」「人気ブログランキング 」などのブログランキングボタンを設置できます。各ランキングサービスのソースコードを貼り付けてください。
「誘導文」はテキストのみで、HTMLは使えません。改行タグなどHTMLを使いたい場合は、「ランキングボタンソース」のほうに誘導文も添えてください。
以上「[HB] 記事の設定」の解説でした。