コース: WordPress 5 基本講座
今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。
ウィジェットエリアにHTMLを追加する
このレッスンではウィジェットエリアに HTML を追加する方法について 解説します。 まずは WordPress 管理画面の 左サイドメニューから「外観」を選択し 展開されたメニューの中から 「ウィジェット」を選択しましょう。 この様にウィジェットページが表示されたら まず確認がしやすいように すべてのウィジェットを 外しておきましょう。 フッターエリアのウィジェットが 何もなくなったことを確認し、 次は左サイドにある 「利用できるウィジェット」の中から 「カスタム HTML」を選択し ドラッグしてこの様に ウィジェットエリアで離します。 そうすると「タイトル」と「内容」 という項目が表示されたのを 確認できると思います。 今回は「タイトル」の欄に 「カスタム HTML」と入れ そのすぐ下に追加したい HTML を入力します。 この様に HTML を入力したら 右下の「保存」ボタンを選択しましょう。 保存をしたら 実際に表示を確認していきたいと思います。 WordPress 上部のアドミンバーから 「サイトを表示」を選択、 ウィジェットのあるページの一番下まで 移動しましょう。 先ほど入力したタイトルと HTML がこの様に表示されているのが わかると思います。 このカスタム HTML という機能を使って テキストだけではなく 画像や CSS なども一緒に 追加することが可能になります。 WordPress 全体の構造を理解していなくても HTML が少しわかれば この様にウィジェットのパーツとして 組み込むこともできるので ぜひ一度確認してみると良いでしょう。 このレッスンでは ウィジェットエリアに HTML を 追加する方法について解説しました。
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。