ホームページ制作のライフスタイルクリエイターズ|神田翼|フリーランスWebデザイナー

WordPressテーマカスタマイズ

2018/01/28 2018/03/31

「この記事を書いた人」を表示させる方法 (プラグインなし)

スポンサーリンク

こんにちは、フリーランスパパの神田翼(@tsubasa_lsc)です。

前回、「Fancier Author Box」というプラグインを使用して、 WordPressの記事下に「この記事を書いた人」を表示させる方法を書きました。 今回は【プラグインなし】で表示させる方法です。 PHPファイルを作成したりするので、少しだけ上級者向けです! 先に書いておきますが、簡単にしか説明しません(笑)

「profile.php」ファイルを作成します

・3行目「画像のURLを挿入します」を変更 ・5行目「ここに自己紹介を書きます」を変更

profile.cssを指定する

single.phpの記事下の箇所にコードを挿入

下記のように挿入すると、profile.phpを呼び出すことができます。 profile.cssも、single.phpのヘッダー部分に設定してください。

完成

このようになりました! スマホにも対応しており、自己紹介文の下には最新記事が3つ入るようにしました。 非常に簡単にしか説明していませんが、わかりましたでしょうか。 多少、強引にCSSで設定しているところがあるので、 ズレたりするかもしれませんが、ご了承下さい(個人で修正してください)。

スポンサーリンク

デザイナー/フリーランスパパ@神田翼
神田翼

フリーランスのWebデザイナーの神田 翼です。2児の父親です。父親でもガッツリ子育てがしたいという思いから、フリーランスとして働くことにしました。このブログではフリーランス・子育て・WordPress・ブログ運営のことを書いています。(プロフィール)

関連記事

最新の記事一覧