ワードプレスで自作テーマ作成-L13 サイドバーのプロフィールに中身を入れる-

2020年2月4日

ワードプレスで自作テーマ作成シリーズ
今回は「L13 サイドバーのプロフィールに中身を入れる」方法をご紹介します。

サイドバーのプロフィール完成

上記画像の様に画像と自己紹介文章が入り「もっと読む」をクリックするとプロフィールページに飛ぶようにします。

画像を用意

プロフィールで使う画像を用意してください。サイズは150×150ピクセルです。とりあえず以下の画像を使っても大丈夫です。

Global English

sidebar.phpの編集

sidebar.phpの記述

「sidebar.php」の上記画像の赤枠部分に以下の記述を付け足してください。

画像のURLが入ります。には画像のURLを入れてください。画像のURLの取得方法はメディアライブラリから任意の画像を選んで、黄色枠部分のリンクをコピーから取得できます。

メディアライブラリから画像URLの取得方法

文章が入ります。という部分には任意の文章を入れてください。

style.cssの編集

「style.css」に以下の記述を追加します。文字の大きさを指定しています。

完成

サイドバーのプロフィール完成

プロフィールが上記画像のように完成しました。「もっと読む」をクリックするとProfileページに飛びます。

任意のページに飛ばすには「sidebar.php」の下記画像の赤枠部分を任意の項目にしてください。

sidebar.phpの記述

\記事が役に立ったらシェアしてね/
★フォローする★

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です