★★★ キャンペーン期間中、新規に『エックスサーバー』をお申し込みいただくと、 初回のご利用料金が最大30%オフ! 2024年11月5日(火)17:00まで! ・・・★★★☆彡

ウィジェットの使い方【SWELLでプロフィールをサイドバーに設置する方法】

当ページのリンクには広告が含まれています。
  • これで解決!ウィジェットの使い方【SWELLでプロフィールをサイドバーに設置する方法】

-本記事の要約と結論-

本記事を読めば、「ウィジェットの使い方【SWELLでプロフィールをサイドバーに設置する方法】」がわかるようになります。

ブログのウィジェットとは、Webサイトやブログ上の固定の位置に表示するパーツのことですが、その作成したパーツをサイトのサイドバーやフッターなどに、簡単に設定できる機能です。WordPressを導入したときに、「アーカイブ」「カテゴリー」「コメント」などがサイドバーに表示されていましたが、同じようにさまざまなパーツを追加、編集することができます。

ウィジェットを配置できる場所や使い方は、使用するWordPressテーマに依存していますが、各テーマ運営も簡単に効果が上がるよう工夫しています。

SWELLのウィジェットも機能的で使いやすくできています。初めて見た時は、「ちょっと無理?」なんて思えそうなSWELLのウィジェットですが、実際使ってみると、すぐに理解できます。

このSWELLのウィジェットの使い方の使い方がわかることで、ブログサイトのサイドバーやフッターなどに「カテゴリー」「最近公開した記事」などを簡単に設置することができるようになります。ブログにとって必要な情報を的確に設置することができれば、ユーザビリティの高いブログになっていきます。使いこなせればより便利なwebサイトに進化させることができますので、ぜひ参考にしてくださいね。

メチャじじ

サイドバーに最新情報とかコンテンツを入れたいんだけどどうすればいいのじゃ?

チョイじじ

それは、ウィジェットを使うと簡単に出来るよ!

ひろおじ

ウィジェットはよく使うから、早めに覚えたほうがいいね・・・

この記事では、ウィジェットの使い方【SWELLでプロフィールをサイドバーに設置する方法】についてお話をしていきます。

この記事はこんな方にオススメ
  • サイドバーやフッター、ヘッダーにリンクやコンテンツを入れてみたい方
  • webサイトを訪問者様にとってより便利にしたい方
  • ウィジェットの使い方がわからない方

早く希望の記事箇所に到達したい方はコチラ

ブログの始め方

当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ!

エックスサーバーとSWELLを紹介する人

\ シェアNo.1のレンタルサーバー /

シェアNo.1のWordPressテーマ

目次

ウィジェットとは?

ブログのウィジェットを説明している男性の絵

ブログのウィジェットとは、Webサイトやブログ上の固定の位置に表示するパーツのことです。
ウィジェットは、WordPressで作成したサイトのサイドバーやフッターなどを簡単に設定できる機能です。たとえば「検索フォーム」を設置したり、「カテゴリー」「最近公開した記事」のリンクを貼るなど、さまざまなパーツを追加、編集することができます。
ウィジェットを配置できる場所は、使用するWordPressテーマに依存し、テーマによってはヘッダーやコンテンツの上下に配置できます。
ウィジェットエリアは、機能というよりはサイトの設計やレイアウトに関連するもので、テーマにより定義されます。

ウィジェットの使い方

ウィジェットの使い方使い方がちょっとわかった女性の絵

ウィジェットの構造を見てみる

分かりにくいブログのウィジェットをちょっと簡単にしてみましょう。

まず、ダッシュボード外観ウィジェット」からウィジェットを開いてみます。
このように表示されると思いますが、パッと見た感じ、何をどう触っていいのかわからないですよね。

ウィジェットの設定画面

ところがちょっとコツがありまして、左と右のエリアを分けると分かりやすいですね。

ウィジェットがわかるコツ

例えば、プロフィールをサイドバーへ表示したければ、

右の「SWELL」プロフィールを左の「共通サイドバー」へもってくると、サイドバーにプロフィールが表示されるようになります。

フッターに表示させたければ、「SWELL」プロフィールをフッターに配置すれば、webサイトのフッターにプロフィールが表示されるようになります。

なんとなくイメージは、掴めたでしょうか?

SWELLでプロフィールをサイドバーに設置する方法

SWELLでプロフィールをサイドバーに設置する方法を教えてくれる若い人

まず、WordPressで初めてブログを作り始めて、おそらく最初に設定したくなるサイドバーでの「プロフィール」の表示を解説していきます。
多くの個人ブロガーの方が設置しているので、同じようにしてみたいですよね!!

メチャじじ

よし、やってみるのじゃ!!

プロフィールをサイドバーへ設置してみる

STEP
SWELLプロフィールを選択
  • ダッシュボード「外観」「ウィジェット」
SWELLプロフィールを選択
STEP
共通サイドバーを選択
  • 共通サイドバーを選択
  • そのままウィジェットを追加
共通サイドバーを選択
STEP
ウィジェットの共通サイドバーを確認
  • 右側のウィジェット共通サイドバー欄が開きます。
  • 先程追加した「SWELLプロフィール」のウィジェットが共通サイドバーに追加されています。
  • 青色の「もともとプロフィールなので無視」は、現在表示してあるプロフィールです。紛らわしいので、書いておきました。
ウィジェットの共通サイドバーを確認
STEP
SWELLプロフィールの記入
  • 名前、役職、プロフィール文を入れます。(役職はどちらでもいいです)
  • アイコン画像を選択します。
  • プロフィール背景画像を選択します。(まず何か入れてみて、後からwebサイトの雰囲気に合うものに変更すればいいと思います。)
  • ボタンリンクは、出来るようになってから、つければいいと思います。
  • 今回は「アイコンを丸枠で囲む」にチェックを入れました。
  • 保存します。
SWELLプロフィールの記入
STEP
完了ボタンをクリックします。
  • 保存した後に、今度は「完了ボタン」をクリックします。(忘れずに・・・)
完了ボタンをクリックします。
STEP
サイトを表示させてみよう
  • wsbサイトを確認確認したら、サイドバーに新しいプロフィールが設置されていました。
  • 名前と役職、プロフィール文は、表示位置がかわりますので、工夫してみてください。
  • 背景画像は、サイト全体を考えて写真やイラストを選ぶと、ぐっとお洒落に見えると思います。
ひろおじ

修正はいつでも可能なので、まず表示させてみて、全体を見ながら調整していきましょう。

サイトを表示させてみよう
STEP
サイドバーの順番を変える
  • もちろんサイドバー内での順番も変更が可能です。SWELLプロフィールを選んでドラッグアンドドロップしますと、サイドバーの一番上にも、二番目にも、好きな場所へ設置が可能です。
サイドバーの順番を変える
STEP
削除は、削除ボタンで
削除は、削除ボタンで
STEP
以上で終了です。

いかがでしたか?なんとなく分かってきた感じがありませんか?

SWELLで最新記事をサイドバーに設置する方法

もともとWordPressのデフォルト状態で、サイドバーには、アーカイブとか最新記事とか設置されていたと思いますが(ちょっと忘れました)、でも「もうちょっと格好よくしたな~」とか「お洒落に表示したい」と思ったら、同じ意味のものであっても、少しでも良く見える設置の仕方の方がいいですよね!

SWELLのウィジェット機能はとても便利で、最新記事もサイドバーに簡単に表示させることができますので、ちょっとやっていきましょう。

最新記事をサイドバーへ設置してみる

STEP
SWELL最新記事を追加する
  • 先ほどと同じように今度はSWELL最新記事を共通サイドバーに追加します。
SWELL最新記事を追加する
STEP
設定します
  • 今回はこんな感じで設定してみました。
設定します
STEP
サイトを表示させてみます。
  • サイドバーに最新記事が表示されました。
  • この後は、最新記事が投稿されると自動的にサイドバーの表示も最新になります。
  • 画像は、アイキャッチ画像を設定していないと表示されません。
サイトを表示させてみます。
STEP
以上で終了です。

あっという間にできましたね。このようにサイドバーやフッター、ヘッダーなどに簡単にウィジェットを設置することができます。

まとめ:ウィジェットの使い方【SWELLでプロフィールをサイドバーに設置する方法】

今回は、ウィジェットの使い方【SWELLでプロフィールをサイドバーに設置する方法】について解説しました。

ブログのウィジェットとは、Webサイトやブログ上の固定の位置に表示するパーツのことでWordPressで作成したサイトのサイドバーやフッターなどに簡単に設定できる機能です。

一つ一つのページに設定しなくても、一括管理できますからとても便利ですよね。

SWELLのウィジェットは、見た目は一見複雑そうですが、使ってみると意外に簡単!
ブログの見た目にも、使い勝手にも影響しますから、是非活用してみてくださいね!

使い方に慣れてきますと、アフィエイトリンクを設置したり、ブログの回遊性を高めるために活用できます。

具体的に気になる記事箇所をチェックするのはコチラ

SWELLのウィジェットの使い方の使い方がわかることで、サイトのサイドバーやフッターなどに「検索フォーム」「カテゴリー」「最近公開した記事」などを簡単に設置することができるようになります。ブログにとって必要な情報を的確に設置することができれば、ユーザビリティの高いブログになっていきます。

SWELLには、必須プラグイン・・・・

本記事を読めば、このSEO SIMPLE PACKの設定ができることで、訪問者やユーザーが増えたり、検索エンジンに対しても正しい情報が提供できるようになります。SWELLユーザーには必須のプラグインです。ぜひ参考にしてくださいね。

また、「ウィジェットの使い方」がわかりましたら、次は「SWELLでのお問い合わせフォームの設定【Contact Form by WPForms】」にチャレンジしてみましょう。

詳しいやり方は下記の記事で紹介しているので、あわせて読んでみてくださいね。

よかったらシェアしてね!
目次