弁護士の水谷真実(みずたにまこと)です。
WordPressのテーマ「Snow Monkey」のように、記事タイトル下の自分の名前の前に、顔画像を入れられないかな?と思っていました。
フォーラムに質問をすると良い
しかし、調べても分からない…
そこで、Lightning Proにおいて、困ったときに質問をしている、フォーラムに投稿して質問をしてみました。
→質問した内容ややりとりはこちら
そうしたところ、Lightning Proの開発者の方から御回答をいただきました。
そして、手順通りに進めてみました。
自分にとっては、なかなかハードルが高い設定でした。
しかし、なんとかできました。
嬉しいです。
以下では、私みたいな主に初級に近い方向けに、設定方法についての補足を記載いたします。
具体的なカスタマイズ方法について
自分は、カスタマイズとかは初級に近い状況です。
開発者の方の回答を読んでも、最初は「???」と思いました。
そこで、自分なりに調べて、開発者の回答通りに少しずつ進めたところできました。
以下は、開発者の方の回答について、補足をいたします。
子テーマに module_loop_post_meta.php を複製することについて
最初は、「子テーマってどこ?」「module_loop_post_meta.phpってなに?」と思いました。
子テーマの設定方法については、
・WordPressにおける子テーマの作り方
・子テーマでのカスタマイズ
を参考にしました。
そして、おそらくこうだろうと思って、進めてみました。
①
具体的には、まずサーバー(このHPはエックスサーバーです)にアクセスして、その中の親テーマ(Lightning Proのフォルダ)があるフォルダの中に子テーマのフォルダを作成しました。
②
次に、「module_loop_post_meta.php」のファイルが、エックスサーバーの親テーマの中のフォルダ(Lightning Proのフォルダ)に入っております。
そこして、「module_loop_post_meta.php」のファイルをクリックすると自動的にダウンロードされます。
③
最後に、エックスサーバーで新しく作成した子テーマのフォルダを開きました。
そして、ダウンロードしたファイル「module_loop_post_meta.php」を新たにアップロードしました。
これで第1段階は完了です。
module_loop_post_meta.phpの修正
「外観」→「テーマの編集」→module_loop_post_meta.phpのファイルを開きます。
そして、26行目辺りを変更します(変更すべき内容については、上述の質問のやりとりの中にあります)。
コピー&ペーストでできます。
これで第2段階は完了です。
CSSのカスタマイズ
最後に、「外観」→「カスタマイズ 」→「追加CSS」で、教えて頂いたコードをコピー&ペースト。
これで、完了です!
最後に
けっこう時間はかかりましたが、色々勉強になりました。
満足です。
今後も、少しずつ改良していきたいと思っております。