WordPressテーマ「SWELL」のボックスメニューを使って、オシャレなメニューを作る方法を解説します！
SWELLの特徴・メリットデメリットはコチラ！
マチコSWELLボックスメニューブロックの使い方を教えて下さい。
了解しました。サクッと作っちゃいましょう。
この記事では、無音の動画で解説していきます。
これを見れば、SWELLボックスメニューが3分で使えるようになりますよ。
見たいところに飛べる目次
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ボックスメニューブロックの使い方を解説しました。
サイドバーにボックスメニューを配置すると、それだけでオシャレな雰囲気になりますね。
ぜひ、これを見ながらサクッと作っちゃいましょう！
では、今回は以上となります。
またね～っ！
あわせて読みたい
SWELL初心者向けの使い方マニュアル【2023年3月版】
SWELLの使い方を、SWELL初心者向けに、公式サイトのマニュアルよりも詳しく解説。
SWELLの導入から、プラグイン、ブロックエディター、専用ブロックまで網羅しています。
「時間＝お金」を生み出すテーマ。
WordPressテーマ「SWELL」の特徴
メリット
- とってもオシャレなサイトが誰でも作れる
- 構造化機能も充実！SEO対策をしやすい
- 高速化のプロを顧問！ページスピードが速い
- 時短機能も充実！記事執筆を効率化できる
- ブロックエディター対応度ナンバーワン
- ブログ運営が楽しくなる
- 初心者でもカスタマイズしやすい
- 買い切り、複数サイトに使える
- アプデが頻繁で進化が止まらない
デメリット
- 値段が安くない（17,600円）
- AMP非対応
- 個人開発
SWELLは美しいデザインで、何もしなくても細かいところまでオシャレです。
そして、とても使いやすく、書きやすく、時短に繋がる生産性高いWordPressテーマ。
まさに時間を生み出してくれるテーマといえるでしょう。
時間＝お金です。つまり、SWELLはタイパが良くて収益力の高いテーマということ。
テーマ選びで後悔したくない方は、ぜひSWELLで優越の旅へ。
＼ 綺麗なデザインで他を魅了 ／
※ブログを効率化でき、収益力がUPします！
コメント