SWELLでmanablog風にしてみる

SWELLでmanablog風にする方法

こんにちは、ブログがんばってますか
シンプルでかっこいいブログいいですよね

参考になるブログはたくさんあると思いますが
マナブさんによるマナグログは初心者から熟練者まで
とても参考になるブログかと思います

マナブログを見ていろいろ真似て良いところを吸収しましょう

さて、そんなマナブログ風にするためには

ここらへんを変えればマナブログ風になるかと思います
今回WordPressの有料テーマSWELLの設定内でできる方法を紹介します
さっそく見てみましょう

WordPressテーマ「SWELL」

h2見出し

ダッシュボードの「外観」から「カスタマイズ」、
「投稿・固定ページ」の中の「コンテンツのデザイン」へ行きます
見出しのキーカラーを「#1e73be」にします
見出し２のデザインを「左に縦線」にします
右上の歯車マークから背景色をうすいグレーに変更します

h3見出し

見出し3のデザインを「左に縦線」にします

チェックマーク見出し

見出し４のデザインを「チェックアイコン」にします

こんなかんじになります

リストの背景色、枠線

ダッシュボードのSWELL設定のエディター設定をクリック
ボーダーセット:03を「dashed」「1px」色を「カスタム」「#4865b2」にします

実際使う際はブロックエディタでプラスボタンで選択、下の「すべて表示」から
「SWELLブロック」の中の「リスト入りグループ」を選び
右上の歯車マークから「ボーダー設定03」選択、「スタイルをクリア」を選択し、
背景色を薄い青に変更します

背景色変えて強調する

右上の歯車マークをクリック
下の方の「色」設定の「背景」を選択

以上になります
お疲れ様でした