SWELL テクニック– category –

SWELLのサイドバーの横幅は決まっており、単純な設定だけでは変えることができません。しかし、サイトに合わせた横幅に変えたいケースは多々あります。本記事では、SWELLのサイドバーの横幅の変更方法を解説します。

SWELLでは通常、フッターメニューとコピーライトの間に（ロゴなどを）表示することはできません。特別な方法（コツ）が必要です。本記事では、フッターメニューとコピーライトの間に（ロゴなどを）表示する方法を解説します。

SWELLでは、メインビジュアルにスクロールボタンをつけることができます。ただし、SWELLのスクロールボタンは標準仕様で表示されます。このボタンを自分の好きな画像に変更したいケースってありますね。本記事では、SWELLテーマのメインビジュアルのスクロールボタンの変え方を解説します。

SWELLでは、LP（ランディングページ）を作るための機能が提供されています。ただし、SWELLのLP用機能は使い方が若干特殊です。コツがありますので、具体的にSWELLテーマでのLP機能の使い方（LPページの作り方）を解説します。

SWELLでは記事編集画面でブロック（またはグループ）に対して「PC（のみで）表示」、「スマホのみで表示」を指定することができます。これを利用することで、レスポンシブ（PCならPCならではの、スマホならスマホならではの）デザインを実現できます。本記事では、PCとスマホで表示をわける方法を解説します。

SWELL には「投稿リスト」という、記事一覧を表示する便利な機能があります。ただし、画面上からの設定では、記事を表示できる最大数が 24 までとなっています。もっとたくさん表示したいときもありますね。本記事では、投稿リストの上限「24」を超えて設定する方法を解説します。

新規記事を作成するときに毎回「見出し」や「画像」、「必ず設定するブログパーツ」を打ち込んだりコピーするのはけっこう手間ですね。SWELLでは「カスタムパターン」という、記事テンプレートのような機能があります。「カスタムパターン」を使うと記事の構成を最初にコピーできるので、とても楽！本記事では、記事テンプレートを設定する方法を解説します。

SWELLでは、多数のアイコン表示に対応しています。アイコンを使うことで、ワンポイントで分かりやすく記事内を装飾することができますね。本記事では、アイコンを表示する方法とアイコン一覧を解説します。アイコンを使ってかっこいいページにしていきましょう。

画像を２～４個程度、横に並べて表示したいときってありますね。見やすくなりますし、横に並べることで読者に一瞬で見て比べてもらえます。また、クリックするメニュー画像を並べる場合に、マウスオーバーでちょっと画像を大きくすると良い演出になります。本記事では、画像を横並びで表示する方法と、マウスオーバーでちょっと大きくする方法を解説します。

SWELL では、標準で「目次」を表示する機能があります。とても便利な機能で、サイドバーにも目次を表示することができますが、今自分が表示している位置がハイライトで表示されているともっとわかりやすくて便利になりますね。本記事では、サイドバーの目次の現在位置をハイライトする方法を紹介します。

SWELLには「SNSシェアボタン」という記事の下にSNSのボタンを表示する機能があります。ボタンの上部に「＼よかったらシェアしてね！／」文字を表示しますが、消したい・変えたい場合の方法です。

ブログ・アフィリエイトでは記事に「広告」と表記するよう求められる時代になってきました。本記事では、SWELLで記事上部に「広告」と文字表示する方法解説します。

SWELLの記事一覧はカード型のアイキャッチを並べて表示してくれる良いデザインですね。標準の場合、アイキャッチの上にマウスを運んだ場合、画像が青くなる演出があります。本記事では、記事一覧で画像にマウスホバーしたときの配色を変える方法を解説します。

WordPressのテーマである SWELL は、カテゴリーページを自由自在にカスタマイズできる優れたテーマです。本記事では、カテゴリーページを魅力的にカスタマイズする方法をご紹介します。

SWELL は標準の機能でテーブルの中に「〇（二重丸・丸）」や「△（三角）」を表示することができます。本記事では、テーブルにマークを付ける方法を解説します。

ブログのグローバルナビ（’ヘッダーメニュー）のデザインに「メガメニュー」があります。読者にも使いやすく、見た目にもインパクトのあるデザインで一度は使ってみたいですね。本記事では、SWELLでメガメニュー（もどき）を作る方法を解説します。

お店のサイトなどでは電話番号を読者がわかりやすい場所に配置したいですね。SWELLではヘッダーの中に電話番号（や、お問合せ）ボタンを配置することができます。本記事では、SWELLでヘッダーに電話番号ボタンを配置する方法を解説します。読者が使いやすいサイトになりますね

SWELLの素晴らしい機能の一つにピックアップバナー（ヘッダーカード）があります。素敵な機能ですが、必ず「影」が付きます。影自体はオシャレですが消したいときもありますね。本記事では、ピックアップバナー（ヘッダーカード）の影を消す方法を解説します。CSS でサクッと消せます。簡単です。

SWELL のリストブロック、キャプションボックスは、ブロックをそのまま使うとセンタリングができません。ひと工夫することでセンタリングが可能です、本記事では、リストブロック、キャプションボックスをセンタリングする方法を紹介します。

SWELLのカテゴリーページやアーカイブなどに表示する記事一覧の表件数の初期値は 10 記事です。若干少ないですね。10記事よりも多くの記事がある場合、ページング（１，２，３……）表示となります。記事一覧の表件数を変える方法を解説します。

SWELLでは標準機能で「目次」を表示する機能が入っています。使い方、表示の仕方を解説します。

画像と文字を重ねてかっこよく魅せる方法です。サイトをおしゃれにするとともに、シックでカッコいい表現になりますね。SWELLで実現する方法を解説します。

ピックアップバナー（ヘッダーカード）はカテゴリーなどのリンクを視覚的にアピールすることができます。グローバルナビ（ヘッダー上部のメニュー）よりも読者へのファーストインパクトに優れています。SWELLでピックアップバナー（ヘッダーカード）を配置する方法を解説します。

SWELLを利用している場合の、ブログのトップページの URL をツイッターなどで張り付けた場合に表示されるサイト全体のアイキャッチ画像の設定方法です。