スポンサーリンク

【注意】WordPressのソースコード改変は自己責任でお願いします

このページではWordPress有料テーマ「Emanon Pro」のカスタマイズ方法を紹介していきます
Emanon Proを利用している方・利用を検討されている方は参考にしてみてくださいemanon-pro

Emanon Pro(エマノン プロ)とは?

Emanon Proとは、日本人の開発者が手がけたWordPressの有料テーマです
一応、Emanon Free(エマノン フリー)という無料のテーマもリリースされていますが、一部機能が制限されていたり長い目で使うことを考えると正直使い物にならないので導入を検討しているならプロの購入をおすすめします

WordPressテーマのカスタマイズ方法

前提として、WordPressテーマのカスタマイズには以下の知識が必要になってきます

最低限抑えておきたい言語◆ HTML
◆ CSS
◆ PHP

コードを間違うと、ログインできなくなることもありますので、作業は十分注意して自己責任でお願いします

Emanon Pro フッターのコピーライトを編集する方法

Emanon Proのフッター部分にあるコピーライトを編集する方法は2つあります

Emanon公式にある別売プラグインを購入する方法

Emanon公式ページでコピーライトを自由に編集できるプラグインが売っています

自分でコードを変更する方法

① footer.phpの<?php emanon_footer_copy(); ?>を削除する
②下記のコード例のように変更する

スポンサーリンク
<div class="copyright"><small>©&nbsp;<a href="XX">XX</a><br class="br-sp"> Powered by <a href="xx">xx</a></small></div>

これでコピーライトを変更することができます
ただし、Emanonテーマをアップデートする度にfooter.phpは上書きされてしまうので、アップデートした際は再度入力し直す必要があります

面倒であれば公式ページからプラグインを購入することをおすすめします

スポンサーリンク

Emanon Pro CSSの追記はどこにすれば良いの?

Emanon Proのデザイン一部を変更したい場合には、Emanon Pro Child(子テーマ)にあるstyle.cssに追記していきます

Emanon Pro フォント・フォントサイズ・行間を変更する方法

Emanon Proのフォント・フォントサイズ・行間を変更するには、Emanon Proのstyle.cssのソースコードを下記の通り修正します

「行間」を調整する方法

行間の調整はline-height: 2.0;で指定されています
例えば、1.5に変更するには下記のコードに修正します

@media screen and (min-width: 768px)
.article-body p {
line-height: 1.5;
}

「フォントサイズ」を調整する方法

フォントサイズは16pxと1.6remで指定されています
例えば、14pxに変更するには下記のコードに修正します

.article-body p {
font-size: 14px;
font-size: 1.4rem;
}

Emanon Pro 関連記事に表示されている「日付」を削除する方法

Emanon Proの記事下に表示される「関連記事」部分に日付表示があります

これを消すには
①「related-post.php」を開く
②下記コード部分を削除する

<span class="post-meta small"><?php echo esc_html( get_the_date() ); ?></span>

どうしても分からない部分は質問できる

スポンサーリンク

どうしてもカスタマイズについて分からない部分は、公式ホームページから質問できます
テーマの修正・カスタマイズ方法などは気軽に相談してみてください

 

ー質問や補足があれば随時追記します!ー

この記事が気に入ったら
いいね ! しよう

Twitter で