ブログジャンル以外でも運営中 アクセスはこちら!

SWELLで見出しをカスタマイズ変更方法と見出しの種類を解説

当ページのリンクには広告が含まれています。
SWELLの見出しのカスタマイズ変更方法
悩み

SWELLの見出しってどうやって変えるのかがわかりません!
どこから設定できるのかが教えて欲しいです

という内容で疑問にお答えしていきます。

こういう方におすすめ!
  • 見出しのカスタマイズ方法がわからない方
  • 見出しがどういうふうにしたいのかがよくわからない方
目次

SWELLの見出し設定変更方法

SWELLはCSSによるプログラミングコードを不要で見出しをデザインをすることができます。

SWELLの機能には見出しを簡単に装飾を変更できる機能があります

STEP
外観からカスタマイズ設定へ

WordPress管理画面から、外観の項目を押して、カスタマイズを選択します。

STEP
カスタマイズ設定から投稿・固定ページへ開く

カスタマイズ設定から「投稿・固定ページ」の項目を開き、その後はコンテンツデザインを開きます。

STEP
コンテンツのデザインから見出しのデザインを設定

コンテンツのデザインにたどり着いたら、見出しのデザインを変更することができます。
そのうち、見出し2、見出し3、見出し4を変更できます。

SWELLの特徴を見てみる

SWELLの見出し種類

SWELLの見出しには様々な種類が用意されています。
そのため通常、CSSによる見出しの装飾は不要です。

ゴールドコイン

逆にCSSで改変を行うと不具合起こす可能性があるので未推奨。

通常用とセクション用がある

SWELLには通常に使うデフォルトと、おしゃれなデザインを前提にしたセクション用があります。
見出しのデザインは基本的に重要じゃないのでデフォルトでも十分と言えるでしょう。

H2タグ

SWELLが標準搭載している見出しは全部で11個用意しています。
H2は一番よく使われることから種類も豊富でデザインも目立つようなものも多くあります。

初期状態のH2です。
見やすくて少しオシャレ感を入れている状況が伺えます。

SWELLH2タグ帯

塗りつぶし

こちらは完全にシンプルに塗りつぶされたVerです。
完全に塗りつぶししているので思い切って濃いいろおすすめです。

SWELLH2タグ:塗りつぶし

左に縦線

付箋のようなタイプの見出しです。

SWELLH2タグ:左に縦線

左に2色のブロック

上記の付箋のようなタイプを2色化Verの見出しです。

SWELLH2タグ:左に2色のブロック

付箋風

縦線とは別で、こちらが本物の付箋ですが、違いがよくわかりません。

SWELLH2タグ:付箋風

付箋風ストライプ

下地がストライプになったVerです。
しかし、ストライプの色があまり区別できないので正直どちらでも同じな気がします。

SWELLH2タグ;付箋風ストライプ

ステッチ

家庭科学習で服を縫う際にでてくる線のあれです。
色的にはデフォルトを使っているのでイメージつきにくいですが
可愛い色のブログと相性がよいです。

SWELLH2タグ:ステッチ

ふきだし風

女性やビジネス形によく使われているタイプです。
女性系はピンク色で、ビジネス系はスーツ色のようなものが多いです。

なお、当ブログの別サイト「マイクラはクリエィティブだ」ではこのタイプを採用しています。

上下に線

当ブログでも使われているこのタイプ。
SFやデジタルだと相性が良くて気に入っています。

1文字目にアクセント

たまに個性的なブログで使われていることがあるこのタイプ。
1文字目だけ大きく目立つようにカラーリングと大きさが変わっています。

装飾なし

最後は装飾なし。
特にこれと行っていいものはありません。

H3タグ

次なる見出しH3ではH2ほど目立ちはなく比較的シンプルなものを8種類用意されています。
それでも使用頻度は高いのである程度はたくさんあるのでしょう

2色の下線(メイン・グレー)

2色の下線(メイン・薄メイン)

下線(メインカラー)

下線のメインカラーの見出しです

下線(グラデーション)

下線(ストライプ)

左に縦線

左に2色のブロック

装飾なし

H4タグ

最後はH4です。
H2やH3に比べて使用頻度が少なく、種類も3種類程度しかありません。

なお、それ以下のH5やH6には装飾はなく、実際にもほとんど使われることもないことから今後も実装されないと思われます。

左に縦線

チェックアイコン

当ブログでも使用しているVer。
付箋など使っていたり、細かい論点がたくさんあるならこの項目はおすすめです

装飾なし

まとめ

SWELLには見出しを簡単にカスタマイズ変更できる機能がありました。

SWELLの見出し
  • SWELLには見出しをカスタマイズできる機能がある
  • ただし、見出しの変更できるのはH2、H3、H4のみである
  • 見出しの種類はH2が一番多く、H4は少なめ。

デザインをこだわりたい上級者には少し物足りない気がしますが

そうでもない人はコードを書く自体が面倒なので見出しのカスタマイズ機能は本当に便利なものです。

宣伝

まだ契約をしてない方はSWELLを割引購入できる
エックスサーバーがおすすめ!


お友達プレゼントで最大¥10,000割引実施!

6ヶ月
¥3,000割引

24ヶ月
¥7,500割引

12ヶ月
¥5,000割引

36ヶ月
¥10,000割引

\キャンペーン、10日間無料お試し併用可能/

サイトのリンク先https://www.xserver.ne.jp

すでにサーバーを契約をしている方は
WordPressテーマ「SWELL」のページへアクセスがおすすめ!

サイトのリンク先

https://swell-theme.com/

]]>
よかったらシェアしてね!

コメント

コメントする