SWELLでサイドバーに設置する四角い枠のサイドメニューの作り方
- 公開日：
今回は、ワードプレス（WordPress）テーマのSWELL（スウェル）を使って、下記のような四角い枠のサイドメニューを作ろうと思います。 なお、検証したSWELLの環境は以下の通りです。 SWELLのブログパーツについ […]
「SWELL」の記事一覧
SWELLでカスタム書式を追加してマーカーとストライプを併用する方法
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）には、文字を装飾するマーカーや、ストライプが用意されています。 しかし、このマーカーとストライプは、併用することができません（どちらか片方しか選べません）。 […]
SWELLで画像のスタイル「影あり」に影の色や枠線を追加する方法
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）には、画像を装飾できる機能があります。 装飾できるスタイルは、角丸、枠あり、影あり、フォトフレーム、ブラウザ風、デスクトップ風が用意されています。 今回は、 […]
SWELLでリンクテキストにマウスオーバーしたときに色を変える方法
- 更新日：
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）で、普通にリンクテキストを作成した場合、カーソルがマウスオーバーしても何も変わりありません。 そのため、SWELL（スウェル）には、「カスタム書式」という他 […]
SWELL（スウェル）のリッチカラム全体に背景を設定する方法
- 更新日：
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）には、リッチカラムというパソコンやスマホで見た時に、デザインがレスポンシブ対応になる機能があります。 しかし、このリッチカラム機能は、リッチカラム全体に対し […]
SWELL（スウェル）の記事スライダーに固定ページを追加する方法
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）には、トップページで人気記事や新着記事などをスライドさせる「記事スライダー」という機能があります。 出典：SWELL DEMO2 しかし、記事スライダーで表 […]
SWELL（スウェル）の基本スタイル、CSSのクラス一覧
- 更新日：
- 公開日：
SWELL（スウェル）は、ブロックエディタ（Gutenberg）に完全対応したワードプレス（WordPress）テーマです。 その為、基本的に余白調整や装飾は、ブロックエディタでできるのですが、SWELLにはないパーツを […]
SWELL（スウェル）の固定ページにSNSシェアボタンを表示する方法
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）には、お洒落なSNSのシェアボタンを設置できる機能があります。 しかし、このSNSのシェアボタンは、投稿ページにしか設置できません。 その為、今回は固定ペー […]
SWELLでグローバルメニューにホバーした際のナビバーの色を変える方法
- 更新日：
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）には、グローバルメニューの文字色や背景色を設定できる機能があります。 しかし、グローバルメニューの背景色を設定している場合、ナビバーの色は白色になります。 […]
SWELLで必要な記事だけnoindexに設定する方法【固定・投稿ページ対応】
- 公開日：
ワードプレス（WordPress）テーマのSWELL（スウェル）を使用して驚いたことが１つ。 それは、投稿ページや固定ページの各記事ごとに、noindexを設定することができないことです。 noindexとは？ 検索エン […]