ゴールドブログで箇条書きや注意書きを書く方法

※当サイトにはプロモーションが含まれています。

• Facebook
• Twitter
• はてブ
• LINE
• Pocket

このサイトは「ゴールドブログ（GOLD BLOG）」という、2024年１月に発売されたテーマで作られています。

箇条書きや注意書きを書く場合、１行目に「●」や「※」などの記号を利用して文章を作成することがあると思います。

例えば、下記のような文章です。

※箇条書き、注意書きの１行目です。箇条書き、注意書きの１行目です。
２行目です。２行目です。２行目です。２行目です。２行目です。

ただ、2024年４月現在「ゴールドブログ」には、“注意書き”の機能がないのでCSSを使って字下げをしてみました。

その方法について説明します。

箇条書きや注意書きを書く方法

ゴールドブログで箇条書きや注意書きを書く方法についてです。

①字下げや段落下げをするCSS

字下げや段落下げをするCSSが下記です。

.fl-note {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

これを「追加CSS」に記載します。

②追加CSSへの記載方法

左メニューにある、

外観 > カスタマイズ

を選択します。

左メニューの一番下にある「追加CSS」を選択。

追加するCSSを記述します（コピペして貼り付けます）。

※全角スペースが入るとレイアウトが崩れる事があります。余計な全角スペースが入らないように気を付けてください。

「公開」ボタンを押して保存します。

③カスタムHTMLを選択

例えば、

※大谷翔平選手は、卓越したパフォーマンスにより、リーグトップの成績を収めています。
また、左へ流すバッティングがチームに大きく貢献している為、2024年度はMVPの獲得が期待されます。

のような文章があった場合、次のような手順で記載します。

「カスタムHTML」を選択します。

④HTMLを作成する

今回、紹介した字下げのCSSを使用する場合、基本的に<span>タグで囲む必要があります。

<span class="fl-note">※字下げしたい文章を書く</span>

といった感じです。

ただ、文章というのは、通常、<p>タグで囲まれていますので、実際に使う場合は次のようになります。

青い下線が引かれているのは、<br>タグです。これで改行をしています。

実際には、このように表示されます。

※大谷翔平選手は、卓越したパフォーマンスにより、リーグトップの成績を収めています。
また、左へ流すバッティングがチームに大きく貢献している為、2024年度はMVPの獲得が期待されます。

二行目から、字下げができました。

楽天市場の検索結果

HTMLサイトをWordPressにする本 [ 久保田 涼子 ]

2,640円(税込)【送料込】

楽天ブックス

久保田 涼子 西原 礼奈 ソシムエイチティーエムエルサイトヲワードプレスニスルホン クボタ リョウコ ニシハラ アヤナ 発行年月：2023年08月29日 予約締切日：2023年06月06日 ページ数：360p サイズ：単行本 ISBN：9784802614214 久保田涼子（クボタリョウコ） 「ワクワクするモノ・時間・場所を生み出す」をテ

1冊ですべて身につくWordPress入門講座 [ Mana ]

2,200円(税込)【送料込】

楽天ブックス

Mana SBクリエイティブイチサツデスベテミニツクワードプレスニュウモンコウザ マナ 発行年月：2022年03月24日 予約締切日：2022年03月23日 ページ数：344p サイズ：単行本 ISBN：9784815609405 Mana（MANA） 日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作

今すぐ使えるかんたん　WordPress　やさしい入門［6.x対応版］ [ 桑名

1,760円(税込)【送料込】

楽天ブックス

桑名 由美 はつみ 技術評論社イマスグツカエルカンタンワードプレスヤサシイニュウモンロクテンエックスタイオウバン クワナ ユミ ハツミ 発行年月：2023年09月28日 予約締切日：2023年06月02日 ページ数：256p サイズ：単行本 ISBN：9784297136253 桑名由美（クワナユミ） 2023年8月、合同会社ワイズベスト

たった1日で基本が身に付く！　WordPress 超入門 ［改訂2版］ [ 佐々

1,980円(税込)【送料込】

楽天ブックス

佐々木 恵 リブロワークス 技術評論社タッタイチニチデキホンガミニツクワードプレスチョウニュウモンカイテイニハン ササキ メグミ リブロワークス 発行年月：2022年04月14日 予約締切日：2022年01月05日 ページ数：192p サイズ：単行本 ISBN：9784297126957 佐々木恵（ササキメグミ） 2002年より独学でWe

ビジネスサイトを作って学ぶ WordPressの教科書 Ver.6.x対応版 [

3,278円(税込)【送料込】

楽天ブックス

小川 欣一 穂苅 智哉 ソシムビジネスサイトヲツクッテマナブ ワードプレスノキョウカショ バージョンロクテンエックスタイオウバン オガワ ヨシカズ ホカリ トモヤ 発行年月：2023年05月01日 予約締切日：2023年01月12日 ページ数：436p サイズ：単行本 ISBN：9784802614030 1　開発環境を構築しよう／2　テ

• Facebook
• Twitter
• はてブ
• LINE
• Pocket