しらこ– Author –
-
コーポレートサイト制作向け
フッター直前に、リッチな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カラム化する カード型の投稿リストブロックを、たとえばフルワイドブロックのコンテンツ幅で使用する...