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

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

画像を用意

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

sidebar.phpの編集

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

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

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

style.cssの編集

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

完成

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

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

関連記事

コメント