-
フッター直前に、リッチなCTAを設置するカスタマイズ（Lightning Pro風）
Lightning Pro風のリッチなCTAを、SWELLのフッター直前に設置するカスタマイズです。 【サンプル】 実物はこのサイトの最下部に掲載していますので、よろしければ見てみてくださいね。 PC表示 SP表示 【カスタマイズ手順】 まず最初に、ブログパーツを以下... -
PC・SPヘッダー右上部分に電話番号・お問い合わせボタンなどを設置する設定・カスタマイズ
お問い合わせを増やすために、PC・SPヘッダー右上部分に電話番号・お問い合わせボタンなどを設置する設定・カスタマイズです。 【PC用ヘッダー】 グローバルナビの一番最後のメニューを強調する 当サイトのグローバルナビの「お問い合わせ」ボタンのように... -
SWELLボタンのアイコン表示位置を文字の直後に変更するカスタマイズ
SWELLボタンでは、文字の直前にアイコンを挿入することができて便利ですが（ver. 2.2.2以降に機能実装）、これを文字の直後に変更するカスタマイズ方法です。 【動作サンプル】 通常は、 お問い合わせはこちら のように、アイコンが文字の直前に配置されま... -
SWELLでバリューコマースのMyLinkBoxを利用して、アフィリエイトリンクを作成する方法・注意事項
バリューコマースのMyLinkBoxを利用して、アフィリエイトリンクを作成する方法や注意点です。 【MyLinkBoxの設定方法】 バリューコマースのMyLinkBoxは公式の解説どおり、バリューコマース内で広告と提携して、専用のツールを用いてAmazon・楽天・Yahoo!シ... -
SNSリンクを設置する設定・カスタマイズ
SWELLでSNSリンクを設置する設定・カスタマイズ方法です。 【PC用ヘッダー】 ヘッダーバー このサイトのようにヘッダーバーにSNSアイコンを表示させる方法は、公式マニュアルをご確認ください。 SNSアイコンリストは、外観 > カスタマイズ > SNS情報... -
SWELLで使われている主な技術（ざっくり）カスタマイズ向け
SWELLで使われている主な技術を、カスタマイズ向けに書いていきます。 この記事は、この先も色々と深堀りして更新予定です。お楽しみに。 【SWELLのキャッシュ機能（Transients API）】 SWELLには「データベースへのキャッシュ」機能が予め備わっています... -
SWELLのグローバルナビ（PC表示の右上部分）を非表示にする・英語表記を併記するなどの設定方法
SWELLの右上部分、つまりグローバルナビ（PC表示）内に何も要素を入れたくない（消したい）・英語表記を併記したい場合などの設定方法です。 【グローバルナビに英語表記を入れたい場合の設定手順】 このサイトでも使われていますが、日本語と英語表記を併... -
トップページ・投稿・固定ページなどの上下余白（マージン）を調整する設定・カスタマイズ
トップページおよび固定ページの上下余白（マージン）を調整する設定やカスタマイズ方法です。 【トップページ】 上部余白の余白量を調整する 外観 > カスタマイズ > トップページ > その他の、コンテンツ上の余白量を調整します。 【投稿・固定... -
「コンテンツの背景色の白にする」をカスタマイズする
SWELLの「コンテンツの背景色を白にする」を有効にした後の背景色をカスタマイズします。 【カスタマイズ例】 背景色の透明度を変更する 以下のCSSを使用して、0.5の値を0～1（完全に透明～不透明）の間で調節します。 255, 255, 255の値を変更すれば、背... -
投稿リストブロックをカスタマイズする
投稿リストブロックをカスタマイズしたい方のために、CSSの編集のしかたを紹介します。 【カスタマイズ例】 カード型の投稿リストブロック（PC表示）を4カラム化する カード型の投稿リストブロックを、たとえばフルワイドブロックのコンテンツ幅で使用する...
サイト全体設定 > お知らせバー
お知らせバーにボタンを配置できます
