> 時を生みだすテーマSWELLを徹底レビュー!口コミ評判・比較付き

SWELLボックスメニューの使い方【サイドバーに配置】

SWELL-ボックスメニュー

WordPressテーマ「SWELL」のボックスメニューを使って、オシャレなメニューを作る方法を解説します!

\ 書きやすい!初心者でもデザイン性抜群のサイトに /

※いま一番オススメのWordPressテーマ

マチコ

SWELLボックスメニューブロックの使い方を教えて下さい。

了解しました。サクッと作っちゃいましょう。

この記事では、無音の動画で解説していきます。

これを見れば、SWELLボックスメニューが3分で使えるようになりますよ。

Blog

この記事の監修者

ヒナキラ 編集長

ブログで月23万円。有料テーマ13コを扱う自称テーマまにあ。Twitterフォロワー10,000人超。インスタYouTubeもやってます。ブログ大好き!

Blog

この記事の監修者

ヒナキラ 編集長

ブログで月23万円。有料テーマ13コを扱う自称テーマまにあ。Twitterフォロワー10,000人超。インスタYouTubeもやってます。ブログ大好き!

見たいところに飛べる目次

SWELLボックスメニューを無音動画で見てみよう

まずは、動画でSWELLボックスメニューを作るところを見ていきましょう。

百聞は一見にしかずです。

SWELLボックスメニューの用語解説

  • スタイル
標準背景が「白」のボックスメニュー
塗り背景が「メインカラー」のボックスメニュー
  • カラー設定
テキストカラーボックスメニュー内のテキストカラー
アイコンカラーボックスメニューのアイコンカラー(標準スタイルの場合のみ)
背景カラーボックスメニューの背景カラー(塗りスタイルの場合のみ)
  • 設定
アイコンとテキストの並びアイコンの配置を変更
ボックス間の余白ボックスとボックスの間の余白
アイコンサイズアイコンのサイズ
  • 列数
PCPCでのボックス列数を設定
タブレットタブレットでのボックス列数を設定
モバイルモバイルでのボックス列数を設定

SWELLボックスメニューをサイドバーに配置する方法

では、具体的にSWELLボックスメニューをどのように作るのか、無音動画で解説していきますね。

STEP
「ブログパーツ」→「新規追加」をクリック
STEP
分かりやすいタイトルを付ける
STEP
「+」をクリック
STEP
「ボックスメニュー」をクリック
STEP
スタイルを選ぶ
STEP
各種設定を行う
STEP
各ボックスにアイコンを設置
STEP
テキストを入力
STEP
アイコンとテキストのカラー設定
STEP
リンク先のURLを設定
STEP
「公開」をクリック
STEP
ブログパーツのIDをコピー
STEP
「外観」→「ウィジェット」をクリック
STEP
「テキスト」を共通サイドバーに追加
STEP
ブログパーツのIDを貼り付け
STEP
設置完了
サイドバーメニュー

SWELLのボックスメニューを使ってオシャレにカスタマイズを!

今回は、SWELLボックスメニューブロックの使い方を解説しました。

サイドバーにボックスメニューを配置すると、それだけでオシャレな雰囲気になりますね。

ぜひ、これを見ながらサクッと作っちゃいましょう!

では、今回は以上となります。

またね~っ!

「時間=お金」を生み出すテーマ。

WordPressテーマ「SWELL」の特徴
総合評価
( 5 )
メリット
  • とってもオシャレなサイトが誰でも作れる
  • 構造化機能も充実!SEO対策をしやすい
  • 高速化のプロを顧問!ページスピードが速い
  • 時短機能も充実!記事執筆を効率化できる
  • ブロックエディター対応度ナンバーワン
  • ブログ運営が楽しくなる
  • 初心者でもカスタマイズしやすい
  • 買い切り、複数サイトに使える
  • アプデが頻繁で進化が止まらない
デメリット
  • 値段が安くない(17,600円)
  • AMP非対応
  • 個人開発

SWELLは美しいデザインで、何もしなくても細かいところまでオシャレです。

そして、とても使いやすく、書きやすく、時短に繋がる生産性高いWordPressテーマ。

まさに時間を生み出してくれるテーマといえるでしょう。

時間=お金です。つまり、SWELLはタイパが良くて収益力の高いテーマということ。

テーマ選びで後悔したくない方は、ぜひSWELLで優越の旅へ。

\ 綺麗なデザインで他を魅了 /

※ブログを効率化でき、収益力がUPします!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

見たいところに飛べる目次