>AFFINGER5AFFINGER5に「この記事は約何分で読めます」を表示する方法2019年5月17日WordPressテーマ「AFFINGER5(WING)」の記事上に、自動的に「この記事は約何分で読めます」と表示させるカスタマイズをご紹介します。通常ページはもちろん、AMPでも表示できます。寝ログ」』を参考にカスタマイズさせていただきました。「この記事は約何分で読めます」と表示させる方法は以下の通り。時間取得関数の呼び出しCSSで見た目を調整1つずつ解説します。「functions.php」に時間取得関数を追加functions.phpに以下のコードを追記します。「functions.php」は重要なファイルなので、変更前に必ずバックアップを取ってください。$minutes;}600文字ごとに約1分をカウントする計算となっています。時間取得関数の呼び出し通常ページのphpファイルと、AMPのphpファイルにそれぞれ以下のコードを記述します。この記事は約%s分で読めます。?></div>「この記事は約何分で読めます」の前に砂時計のアイコンフォントを入れてあります。不要であれば削除してください。通常ページ上記のコードを記述するファイルは、「single-type1.php」です。下に表示させてみます。//ソーシャルボタン読み込み)」があるので、その直前に挿入します。AMPAMPの場合、上記のコードを記述するファイルは「single-amp.php」です。下に表示させてみます。class="mainbox">があるので、その直前に挿入します。CSSで見た目を調整そのままでは見た目がシンプルなので、CSSで見た目をちょっと変えます。以下のCSSを追加します。center;}テキストをセンター寄せして、テキストの上下にボーダーを引き、余白を付けました。通常ページ通常ページは、外観>カスタマイズ>「追加CSS」に先のコードを追記してください。AMPAMPは、「st-amp-css.php」に先のコードを追記してください。追記するのは一番下の行で大丈夫です。Optimizer」を使い、次世代画像フォーマット「WebP(ウェッピー)」に変換する方法を解説します。WordPressAdSenseの「ページビュー」と「表示回数」の違い2019/4/3AdSenseのレポートでよく見る「ページビュー」と「表示回数」の意味の違いを解説します。Form7」を利用せずに、Googleが提供する「Googleフォーム」を使ったお問い合わせフォームの作り方をご紹介します。プラグインBOKUこのサイトのほか、いろんなブログをWordPressで作っている男。テーマはAFFINGER5を愛用。BOKU関連記事AFFINGER52019/8/9AFFINGE5おすすめヘッダーカードのキャッチコピー表示方法AFFINGER5(WING)のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。キャッチコピーはどうすれば表示されるのか?設定方法を解説します。AFFINGER52019/8/9AFFINGER5ヘッダー用メニュー(横列)のタイトル属性の設定法AFFINGER5(WING)のver20190801βより、ヘッダー用メニュー(横列)が設定できるようになりました。ヘッダー用メニュー(横列)では、タイトル属性でサブテキストも表示できますが、このタイトル属性が表示されないことがあります。AMP2019/3/17AFFINGER5のAMPにスティッキー広告(追尾広告)を表示させる方法WordPressテーマ「AFFINGER5(WING)」のAMPページにスティッキー広告を表示させる方法を解説。AFFINGER52019/3/14AFFINGER5の404ページのカスタマイズ方法とサンプルWordPressテーマ「AFFINGER5(WING)」では、ウィジェットから404ページをカスタマイズ可能です。AMP2019/3/17AFFINGER5(WING)のAMPページカスタマイズまとめWordPressテーマ「AFFINGER5(WING)」のAMPページのカスタマイズ例をまとめました。AMPは機能に制限がありますが、カスタマイズをすれば少しはマシになります。AMP2019/4/3AFFINGER5のAMPページの見出しに好きな色を付ける方法WordPressテーマ「AFFINGER5(WING)」のAMPページのhタグ(見出し)に色を付ける方法を解説。