WordPress

WordPressの記事にウィジェットを入れる【WordPress初心者講座】

【初心者講座第27回】記事内にウィジェットを入れる

今回は記事内にウィジェットを入れる方法と入れることが出来る種類についてまとめました

この機能を使うと、サイドバーに設定できるカレンダーや最新記事などを直接記事内に入れることが出来ます

サイドバーは不要だけど、ウィジェットにある機能は自分のブログに表示させたい人にはオススメです

では、使い方とその種類を見てみましょう

迷える羊くん

僕が書く記事にカレンダーを入れたいんだけど、そんな機能はあるのかな?

イキガネシニガネ くん

それがあるんだよ!
カレンダーも含めて他にどんなのがあるか紹介しよう

ウィジェットはこんな人にオススメ

記事にウィジェット機能を追加して書きたいとき

サイドバーを設定していない人(デザインの都合上)

基本、サイドバーに設定できる機能を直接記事内に入れることが出来ると思ってて下さい

したがって、サイドバーを設定されている方はあまり使うことのない機能かも入れません

WordPressの記事にウィジェットを入れる手順

ウィジェットを記事に入れる手順一覧

①:ウィジェットブロックを選択する

(ここで記事にウィジェットが入る)

手順の解説

①:ウィジェットブロックを選択する

① 左上の「+:ブロックの追加」を選択
② ウィジェットから任意で記事に入れたいのを選択
(ここで記事内にウィジェットが入る)

記事に入れるウィジェットの種類

①:ショートコード

HTMLやPHPなどの長く複雑なコードをショートコードとして事前に設定してあれば、ここに入力するだけで自動的に変換されます

②:アーカイブ

このように月別の投稿を見れるようになります

「ドロップダウン」と「投稿数の表示」をさらに設定することが可能です

③:カレンダー

2024年3月
 123
45678910
11121314151617
18192021222324
25262728293031

その名の通り、記事にカレンダーが表示されます

④:カテゴリー

自分で設定したカテゴリーが記事内に表示されます

⑤:カスタムHTML

HTMLのコードを入力する時に使える

⑥:最新のコメント

ブログ内でコメントがあった場合、表示されます

⑦:最新の投稿

あなたが投稿した最新の記事が表示されます

⑧:RSS

記事の投稿や更新した際にユーザーに自動で配信される機能です

⑨:ソーシャルアイコン

ここではAmazon、Twitterなど全39種類のアイコンがあります
そのアイコンにリンク先を貼ることでユーザーを案内することが出来ます

設定方法

・好きなアイコンを選ぶ
・そのアイコンに案内したい先のURLを貼る
以上

「アイコンの形」をさらに設定することが可能です

⑩:タグクラウド

JINの書き方 JINの設定 WordPressの書き方 WordPressの設定 運営報告

ここでは設定したタグが表示されます

使用率が高いタグは大きく表示されます

タグの他にカテゴリーでも表示させることが可能です

11:検索

ブログ内で検索が出来るようになります

検索窓の幅を設定で変更出来ます

まとめ

ウィジェットとは
  • 記事内にウィジェットを入れることが出来る
イケてる羊くん

カレンダーの他にSNSのアイコンもあるんだね
一部の機能は使えそうだ

イキガネシニガネ くん

あまり使わないかもしれないけど、こんなことが出来るというのは知ってて損はないね

さぁ、あなたもウィジェットでどんなことが出来るのかを知れば今後記事を書く時に役立つ時が来るかもしれないよ


-Fin-

ABOUT ME
イキガネシニガネくん
アプリとブラウザサービスで月1万円稼ぐ副業を紹介。まずは小さく稼いで「自分でも副業をやって稼いだぞ!」と自信を持ってほしくて情報発信しています。この記事を読んで気に入ってくれたらとても嬉しいです。
おすすめ記事