しらこ– Author –

Lightning Pro風のリッチなCTAを、SWELLのフッター直前に設置するカスタマイズです。 サンプル 実物はこのサイトの最下部に掲載していますので、よろしければ見てみてくださいね。 PC表示 SP表示 カスタマイズ手順 まず最初に、ブログパーツを以下の手順で...

お問い合わせを増やすために、PC・SPヘッダー右上部分に電話番号・お問い合わせボタンなどを設置する設定・カスタマイズです。 PC用ヘッダー グローバルナビの一番最後のメニューを強調する 当サイトのグローバルナビの「お問い合わせ」ボタンのようにする...

SWELLボタンでは、文字の直前にアイコンを挿入することができて便利ですが（ver. 2.2.2以降に機能実装）、これを文字の直後に変更するカスタマイズ方法です。 動作サンプル 通常は、 お問い合わせはこちら のように、アイコンが文字の直前に配置されますが...

バリューコマースのMyLinkBoxを利用して、アフィリエイトリンクを作成する方法や注意点です。 MyLinkBoxの設定方法 バリューコマースのMyLinkBoxは公式の解説どおり、バリューコマース内で広告と提携して、専用のツールを用いてAmazon・楽天・Yahoo!ショッ...

SWELLでSNSリンクを設置する設定・カスタマイズ方法です。 PC用ヘッダー ヘッダーバー このサイトのようにヘッダーバーにSNSアイコンを表示させる方法は、公式マニュアルをご確認ください。 SNSアイコンリストは、外観 > カスタマイズ > SNS情報内の...

SWELLで使われている主な技術を、カスタマイズ向けに書いていきます。 この記事は、この先も色々と深堀りして更新予定です。お楽しみに。 SWELLのキャッシュ機能（Transients API） SWELLには「データベースへのキャッシュ」機能が予め備わっていますが、...

SWELLの右上部分、つまりグローバルナビ（PC表示）内に何も要素を入れたくない（消したい）・英語表記を併記したい場合などの設定方法です。 グローバルナビに英語表記を入れたい場合の設定手順 このサイトでも使われていますが、日本語と英語表記を併記で...

トップページおよび固定ページの上下余白（マージン）を調整する設定やカスタマイズ方法です。 トップページ 上部余白の余白量を調整する 外観 > カスタマイズ > トップページ > その他の、コンテンツ上の余白量を調整します。 投稿・固定ページ...

SWELLの「コンテンツの背景色を白にする」を有効にした後の背景色をカスタマイズします。 カスタマイズ例 背景色の透明度を変更する 以下のCSSを使用して、0.5の値を0～1（完全に透明～不透明）の間で調節します。 255, 255, 255の値を変更すれば、背景色...

投稿リストブロックをカスタマイズしたい方のために、CSSの編集のしかたを紹介します。 カスタマイズ例 カード型の投稿リストブロック（PC表示）を4カラム化する カード型の投稿リストブロックを、たとえばフルワイドブロックのコンテンツ幅で使用すると、...