MENU
モン
世界一やさしい人
モンブログのモンです!
「暇な人達のたまり場」をモットーに、日々の生活をワンアップする情報を発信中。
➤イチゴがすき。
更新した日をチェック!
2024年4月
1234567
891011121314
15161718192021
22232425262728
2930 
カテゴリー

【SWELLカスタマイズ】見出しをオリジナルのデザインにする方法

SWELL大好き、モンです。

今回は、SWELLカスタマイズ「見出し」についてシェアしていきます!

この記事で分かる事

  • SWELLの見出し設定
  • オリジナル見出しにする方法

簡単に出来るので、自分色にカスタマイズしちゃってください♪

まだSWELLにしてない方は、【CocoonからSWELL】移行の手順を12枚の写真付きで解説を参考にしてくださいね。

目次

見出しをオリジナルのデザインにする方法

STEP
見出しデザインの設定

「外観」「カスタマイズ」「投稿・固定ページ」「コンテンツのデザイン」の順で進みます。

見出しデザインの設定

「見出しのデザイン設定」のオリジナルにしたい見出しを「装飾なし」にしてください。

例:h2見出しをオリジナルにしたい➡見出しh2のデザインを装飾なしに設定

STEP
見出しデザインをCSSに追加

オリジナルにしたい見出しのデザインCSSを「追加CSS」にコピペします。

気を付けたいのが、CSSの前に「.post_content」を付ける事!

.post_content h2{ 

となるようにしてください。

これで完了!

お疲れ様でした!(^^)!

まとめ

今回は、SWELLのオリジナル見出しの設定についてでした!

自分色にしていくと、愛着が湧くのでドンドンオリジナルにカスタマイズしてみて下さいね♪

カスタマイズ方法については別の記事で説明してるよ~

ではまた!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

モンブログのモンです!
2000年生まれ➤ハリー・ポッターが大好き。イチゴも好き。
➤「日常」「ハリーポッター」など好きな事を色々語る好きな事に特化したブログです。

コメント

コメントする

CAPTCHA


目次