> 【チート級】ChatGPTでブログ執筆を超効率化へ!10倍速で書く方法
PR

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

SWELL-ボックスメニュー

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

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

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

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

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

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

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

Blog

この記事を書いた人

ヒナキラ

ブログ最高月25万円。SNS最高日給12万円。Twitter(X)フォロワー15,200人。ブログとSNSとSEOがすき。ChatGPTでの効率化も。SWELL大好き自称テーマおたく。

Blog

この記事を書いた人

ヒナキラ

ブログ最高月25万円。SNS最高日給12万円。Twitter(X)フォロワー15,200人。ブログとSNSとSEOがすき。ChatGPTでの効率化も。SWELL大好き自称テーマおたく。

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

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 )
メリット
  • 購入者限定アフィリエイトがあるからテーマで稼げる
  • 書きやすくて時短になるから生産性があがる
  • ChatGPTとの相性もバツグンで時短が加速
  • 誰でも簡単にオシャレなデザインにできる
  • 買い切り、複数サイトにバンバン使える
  • アプデが多くて進化がスゴイ
  • SEOにも強い
デメリット
  • 価格が高い
  • 個人開発の不安
  • 人気すぎてデザインが被りがち

\ 時短になって生産性が爆上がりするテーマ /

※おしゃれで書きやすくてブログが楽しくなる

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

コメント

コメントする

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

CAPTCHA

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