WordPressテーマ「SWELL」のボックスメニューを使って、オシャレなメニューを作る方法を解説します！
SWELLの特徴・メリットデメリットはコチラ！
マチコSWELLボックスメニューブロックの使い方を教えて下さい。
了解しました。サクッと作っちゃいましょう。
この記事では、無音の動画で解説していきます。
これを見れば、SWELLボックスメニューが3分で使えるようになりますよ。
この記事の監修者
ヒナキラ 編集長
30代凡人ブロガー。ブログ月収6桁。複数サイト運営。有料テーマ13コを扱う自称テーマまにあ。Twitter(@OneokrockHomme)フォロワー8,000人。ブログが大好き。
この記事の監修者
ヒナキラ 編集長
30代凡人ブロガー。ブログ月収6桁。複数サイト運営。有料テーマ13コを扱う自称テーマまにあ。Twitter(@OneokrockHomme)フォロワー8,000人。ブログが大好き。
タップできる目次
SWELLボックスメニューを無音動画で見てみよう
まずは、動画でSWELLボックスメニューを作るところを見ていきましょう。
百聞は一見にしかずです。
SWELLボックスメニューの用語解説
- スタイル
| 標準 | 背景が「白」のボックスメニュー |
| 塗り | 背景が「メインカラー」のボックスメニュー |
- カラー設定
| テキストカラー | ボックスメニュー内のテキストカラー |
| アイコンカラー | ボックスメニューのアイコンカラー（標準スタイルの場合のみ） |
| 背景カラー | ボックスメニューの背景カラー（塗りスタイルの場合のみ） |
- 設定
| アイコンとテキストの並び | アイコンの配置を変更 |
| ボックス間の余白 | ボックスとボックスの間の余白 |
| アイコンサイズ | アイコンのサイズ |
- 列数
| PC | PCでのボックス列数を設定 |
| タブレット | タブレットでのボックス列数を設定 |
| モバイル | モバイルでのボックス列数を設定 |
SWELLボックスメニューをサイドバーに配置する方法
では、具体的にSWELLボックスメニューをどのように作るのか、無音動画で解説していきますね。
STEP
「ブログパーツ」→「新規追加」をクリック
STEP
分かりやすいタイトルを付ける
STEP
「＋」をクリック
STEP
「ボックスメニュー」をクリック
STEP
スタイルを選ぶ
STEP
各種設定を行う
STEP
各ボックスにアイコンを設置
STEP
テキストを入力
STEP
アイコンとテキストのカラー設定
STEP
リンク先のURLを設定
STEP
「公開」をクリック
STEP
ブログパーツのIDをコピー
STEP
「外観」→「ウィジェット」をクリック
STEP
「テキスト」を共通サイドバーに追加
STEP
ブログパーツのIDを貼り付け
STEP
設置完了
SWELLのボックスメニューを使ってオシャレにカスタマイズを！
今回は、SWELLボックスメニューブロックの使い方を解説しました。
サイドバーにボックスメニューを配置すると、それだけでオシャレな雰囲気になりますね。
ぜひ、これを見ながらサクッと作っちゃいましょう！
では、今回は以上となります。
またね～っ！
時短に繋がる、超高機能Wordpressテーマ。
WordPressテーマ「SWELL」の特徴
メリット
- とってもオシャレなサイトが誰でも作れる
- 構造化機能も充実！SEO対策をしやすい
- ダントツクラスの機能性
- 高速化のプロを顧問！ページスピードが速い
- 時短機能も充実！記事執筆を効率化できる
- ブロックエディター対応度ナンバーワン
- ブログ運営が楽しくなる
- 初心者でもカスタマイズしやすい
- 買い切り、複数サイトに使える
- アプデが頻繁で進化が止まらない
デメリット
- 値段が安くない（17,600円）
- AMP非対応
- 個人開発
SWELLはオシャレで、非常に使いやすく、時短に繋がる生産性高いWordpressテーマ。
17,600円の価格も、抜群の機能性やSEO対策面、記事執筆効率化などを考慮すればむしろ安いです。
使ったら二度と手放せなくなるWordpressテーマ「SWELL」の感動を、あなたにも。
コメント