ホーム サイト構築の知識 標準記事

標準記事

WordPress基礎チュートリアル:ウィジェット(Widgets)の使用方法

ウィジェット(Widgets)は、WordPressで非常によく使われる機能で、サイトのサイドバーやフッターに簡単にコンテンツを追加できます。この記事では、WordPressにウィジェットを追加する方法を紹介します。 昨日、ある外国貿易ユーザーがNaibaの微信に連絡し、サイトに問い合わせ窓口を追加する方法を尋ねてきました。詳しく話を聞くと、実際にはサイトのフッターにContact Form 7のウィジェットを追加したいだけでした。

2020年2月23日更新 約2分で読めます
WordPress基础教程之小工具Widgets的使用方法

ウィジェット(Widgets)は、WordPressで非常によく使われる機能で、サイトのサイドバーやフッターに簡単にコンテンツを追加できます。この記事では、WordPressにウィジェットを追加する方法を紹介します。

昨日、ある外国貿易ユーザーがNaibaの微信に連絡し、サイトに問い合わせ窓口を追加する方法を尋ねてきました。詳しく話を聞くと、実際にはサイトのフッターにContact Form 7のウィジェットを追加したいだけでした。

したがってこの記事では、サイトにコンタクトフォームのウィジェットを追加する方法を例に、WordPressウィジェットの使い方を紹介します。

ウィジェットとは

wordpress小工具

ウィジェットはテーマメニューの下にあり、英語では Appearance – Widgets です。

WordPress小工具

ウィジェット画面に入ると、左側はテーマで使用可能なウィジェット、右側はテーマがサポートしているウィジェットの配置場所です。

wordpress小工具区域

ほとんどのテーマはサイドバーとフッターのウィジェットをサポートしていますが、これは使用しているテーマの実際の状況によって異なり、すべてのテーマがウィジェットをサポートしているわけではありません。

ウィジェットの使い方

ウィジェットを理解したところで、次に Naiba がウィジェットの使い方を説明します。ここでは Contact Form 7 のお問い合わせフォームウィジェットをサイトのフッターエリアに追加する例を紹介します。

Contact Form 7 のインストールと使い方は以前の記事こちらを参照してください。ここでは説明しません。

Contact Form 7 をインストールしたら、ウィジェット画面に移動します。

wordpress添加小工具

テキストウィジェットをフッターエリアに追加します。

追加方法は2つあります:

  1. テキストウィジェットをクリックし、表示される位置選択で「フッター」を選択します。
  2. テキストウィジェットをフッター領域に直接ドラッグします。

次に Contact Form 7 のショートコードをコピーして保存します。

そしてサイトのフロントエンドに戻ると、先ほど追加したお問い合わせフォームウィジェットが表示されます。

ウィジェットの高度な使い方

いくつかのプラグインをインストールしてウィジェットをカスタマイズし、異なるページに異なるウィジェットコンテンツを表示することができます。例えば、以下のようなプラグインがあります。

  1. Custom Sidebars – Dynamic Widget Area Manager
  2. Simple Page Sidebars
  3. Content Aware Sidebars
  4. Lightweight Sidebar Manager

これで、WordPressのウィジェットの使い方の紹介は終わりです。さらに詳しいWordPressの基本知識は、WordPressインストールチュートリアルページリンクを確認しました。

2.6/5 - (9 票)
前の記事 WordPressで自分で編集したページをホームページに設定する方法 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 コピー&ペーストで直接画像をWordPressにアップロードできる2つのプラグイン 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: