-
【SWELL】SNSアイコンリスト（プロフィールウィジェット）のサイズを変更する方法
SNSアイコンリスト（プロフィールウィジェット）の大きさを変更する方法をまとめておきます。 CSSでサイズを変更する プロフィールウィジェットのSNSアイコンは、初期設定で16px（丸枠で囲む時は14px）に設定されています。 大きさを変更したい時は、下記CSSを追加して20pxの部分で自由に調整して下さい。 .p-profileBox__iconList .c-iconLi... -
SWELLを導入したらブロックエディターを使うべき？クラシックエディターを使い続けるデメリット
SWELLでクラシックエディターを使い続けるデメリットについてまとめておきます。 クラシックエディターを使い続けるデメリット 僕がSWELLでクラシックエディターを使い続けて感じたデメリットです。 レイアウトが崩れるタグがある クラシックエディターで挿入したタグには、一部レイアウトが崩れるものがあります。 僕はCSSで修正していまし... -
SWELLでHighlighting Code Blockのコピーボタンが表示されない時の対処法
SWELLでHighlighting Code Blockのコピーボタンが表示されない時に確認してほしいことをまとめています。 プラグインの設定 プラグインの設定画面で、「コピーボタン」の表示にチェックが入っていることを確認して下さい。 管理画面 ▶ 設定 ▶ [HCB] 設定 ▶ コピーボタン チェックが入っているのに表示されない場合は、... -
【SWELL】テキストカラーと背景色の変更
SWELLのテキストカラーと背景色を変更する方法をまとています。 テキストカラーと背景色の変更 テキストカラーと背景色の設定は、「サイト全体＜ブロック＜指定した範囲」の順で優先されます。 サイト全体 サイト全体の設定は、カスタマイザーの「基本カラー」から変更できます。 カスタマイザー ▶ サイト全体設定 ▶ 基本カラ... -
【SWELL】ブログパーツの設定と使い方
SWELLの「ブログパーツ」の設定と使い方をまとめています。 同期パターンとブログパーツの違い 同期パターンはWordPress共通の機能、ブログパーツはSWELL専用の機能です。 どちらも使いまわしたいコンテンツを登録して呼び出す機能ですが、できることが若干異なります。 機能 機能同期パターンブログパーツパターンに追加 ショー... -
【SWELL】グローバルナビ（ヘッダーメニュー）の設定
SWELLの「グローバルナビ（ヘッダーメニュー）」の設定についてまとめています。 グローバルナビの設定 グローバルナビは、管理画面の外観「メニュー」から設定できます。 グローバルナビ用のメニューを作成して、メニューの位置「グローバルナビ」にチェックを入れて下さい。 管理画面 ▶ 外観 ▶ メニュー SWELLのグローバルナ... -
【SWELL】投稿のタイトル横と下に表示される日付の設定
SWELLの投稿のタイトル横と下に表示される日付の設定についてまとめています。 タイトル横と下の日付 タイトル横と下に表示される日付は、カスタマイザーから設定できます。 カスタマイザー ▶ 投稿・固定ページ ▶ タイトル ▶ 投稿ページ 投稿ページを開いて、お好みで公開日と更新日の表示有無を設定して下さい。 タイ... -
【SWELL】スマホ用固定フッターメニューの設定
SWELLのスマホ用固定フッターメニューの設定についてまとめています。 スマホ用固定フッターメニュー スマホ用固定フッターメニューを表示させたい時は、「 固定フッター（SP）」にチェックを入れたメニューを作成しておく必要があります。また、特殊なメニューボタンはカスタマイザーから追加します。 スマホ用の固定フッターメニューの設定... -
【SWELL】ウィジェットのカテゴリーを折り畳み表示にする方法
SWELLのウィジェットのカテゴリーを折り畳み表示（アコーディオン化）する方法をまとめています。 折り畳み表示（アコーディオン化） ウィジェットのカテゴリーをアコーディオン化すには3つの設定が必要です。 必要な設定 子カテゴリーの設定 カテゴリーウィジェットの設定 サブメニューの表示形式の設定 子カテゴリーの設定 アコーディオン... -
【SWELL】コメントエリアを非表示にする方法
SWELLのコメントエリアを非表示にする方法をまとめています。 コメントエリアの設定 SWELLのコメントエリアは、全体及び記事ごとに設定を変更することができます。 ポイント コメントエリアを全て非表示にできる 記事ごとに表示・非表示を切り替えることができる 投稿済みのコメントも全て非表示になる チェックボタン一つでいつでも表示・非... -
【SWELL】<head>セクションにHTMLタグを挿入する方法
SWELLの<head>セクションにHTMLタグを挿入する方法をまとめています。 <head>セクションにHTMLタグを挿入 <head>セクションにHTMLタグを挿入したい時は、カスタマイザーの「高度な設定」から設定します。 カスタマイザー ▶ 高度な設定 ▶ headタグ終了直前に出力するコード ここに入力したコードは、</head>... -
【SWELL】ABテストブロックの設定と使い方
SWELLの「ABテスト」ブロックの使い方をまとめています。 ABテストブロックとは？ SWELL専用「ABテスト」ブロックは、2つのブロックをランダムに表示させる機能です。 2つのブロック（コンテンツ）をランダムで表示させたり、SWELL専用「広告タグ」や「SWELLボタン」ブロックと併用して、クリック率を計測する等、比較検証したい時にも使えま...
