THE THOR初心者向け♪AMPページにコメント機能つけてみた♪

  • AMPページにコメント欄が欲しいな
  • 「THE THOR」のAMPページにコメントってつけれないの?

AMPページのデメリットとしてコメント機能はついていません( ̄▽ ̄;)

でもAMPページにもコメントが出来るようにしたい!というコメントをいただいたので、自分のAMPページにコメント機能を追加でつけてみました

この記事では私のAMPページにつけたコメント追加のカスタマイズ方を紹介しています♪

この記事は初心者向けなのでコードの詳しい説明などはこの記事にはありませんが、コピペする場所とコピペする文の説明を簡単に紹介しますので、初心者さんでもできるかと思いますが、カスタマイズは自己責任でお願い致します♪

THE THORの親テーマをいじるので、カスタマイズは自己責任でお願いします。

2020/05/11 すみません。警告が出ていたのでコードを修正しました。

私のAMPページ紹介

どんな感じなのか、見たい方はこちらをどうぞ♪
この記事のAMPページのリンクをはっておきます。

AMPページにコメントするコードの追加場所

<外観>→<テーマエディター>の順にクリックしていってください。

親テーマ「THE THOR」を選択してください。

THE THORのAMPページのプログラムの場所

THE THORのAMPページのプログラムをカスタマイズする場所は「single-amp.php」になります。
AMPページについてカスタマイズしたい場合、変更したり追記したりする場合はここになります。

THE THORのAMPページのプログラムの追記場所を紹介

3899行あたりにある <!– /記事下CTA –> を探してください。
その下の <?php endif; ?>  の下に記述します。

THE THORのAMPページのプログラムの追記文を紹介

この文を追加場所に張り付けてください。

張り付ける場所を確保するために、半角状態で実行キーを何度か押して空白行を作ってから貼り付けをしてあります。

張り付けた後に「ファイルを更新」をクリックしてください。

THE THORのAMPページのコメント追加方法の説明

「コメントを書く」をクリックすると通常ページの「コメント」に飛びます。

THE THORのAMPページのコメント追加プログラムをちょっと説明♪

AMPページの上部にある「通常ページに戻る」のコードをちょこっと変更して作成してあります。
通常ページに戻る時のリンク先を変更させました♪


<a  class=”btn__link btn__link-normal btn__link-max”  href=”<?php the_permalink(); ?>#comments”>

class=”btn__link btn__link-normal btn__link-max”

これはリンクボタンの見た目を指定しています。

href=”<?php the_permalink(); ?>#comments”

リンク先をPHPで指定しています。
the_permalink()関数」を使用して、通常ページのURL(コメント)を取得しています。

「ファイルを更新」がエラーになる時の対処

これ、ホントよくありました(笑)
そんな時は、落ち着いてこのファイルから離れて違うファイルをクリックして開いてください。
で、再度戻ってカスタマイズします。
気を付ける事は、半角で作業することです。
日本語入力でエンターキーを押すのも辞めましょう(笑)

THE THORをアップデートするとコードが消える

これを忘れないでください!
THE THORをアップデートするとカスタマイズしたデータは消えます!
アップデートした後は必ず、もう一度この作業をしてください。

私はこれが本当に面倒で・・・。
アップデートしたら、そのままでもいいかなぁと思ってしまいます。
で、プラグイン作成してみようかと思ってしまうんです(;^_^A

コードを変更してもページを表示させると変更されない

コードを書き換えてテストをしてみよう~と思っても、記事を表示させると変更されてなくてテストにならないという時が・・・。
というか、毎回なります(笑)
面倒ですが、キャッシュクリアを毎回することをオススメします♪

キャッシュメモリとは、CPUと主記憶の間に置かれる高速にアクセスできる記憶装置です。必要なデータがあるとコンピュータはまずキャッシュメモリにデータがあるかを探します。キャッシュメモリにない場合には主記憶上のデータを参照します。最近は1次キャッシュ、2次キャッシュというように複数のキャッシュが搭載されているパソコンがほとんどです。


私の副サイトで説明の記事を書きましたので、参考にしてみてください(^^♪

>>>記事を変更して公開したのに、変更されてない?を解決!

バックアップファイル♪コードを変更してエラーになったら必要かも

バックアップを自分で作成いない場合は、レンタルサーバーのバックアップをありがたく使わせていただきましょう(^^♪
私は、いつもお世話になっています。
レンタルサーバー「ConoHa WING」のバックアップファイルの使い方を紹介していますので、興味がある方はどうぞ♪

>>>THE THOR♪wordpressブログのバックアップ

THE THOR初心者向け♪AMPページにコメントつけてみた♪ まとめ


初めは、AMPページにコメント機能を作成して実装させようと思ったのですが、思ったより大変で(;^_^A
通常ページのコメントに飛ばす方が記述も楽でカスタマイズしやすいだろうと思いこの方法を選択しました。

 ランキングサイトに参加しているのでクリックしていただけると嬉しいです(^^♪

ランキングサイトに登録しているのでクリックしていただけると嬉しいです(^^♪

アフェリエイトの登録は無料です!

Amazonなどの物販に興味がある方は、アソシエイトの保険として「もしもアフィリエイト」からの申請もお勧めします。

A8.netは広告主数・登録サイト数共に日本最大級のアフィリエイトサービスプロバイダーです。 ここもおすすめ♪アフィリエイトの会社によって、扱っている商品は違ったり、又、同じ商品でも成約金額が違う場合があるので複数の登録をお勧めします(^^)/

在宅でちょこっと収入~♪

クラウドソーシング「ランサーズ」会員募集 (無料)

私は今の所、アンケートだけしています( ̄▽ ̄;)
アンケートに答えて5円とか11円とかから、100文字位の感想を書いて数百円とか。
アフィリエイトより小銭がたまりそうです(笑)

クラウドソーシング「ランサーズ」

最新情報をチェックしよう!
>

そら

プログラマーとして働いていたが結婚後を機に田舎に戻り、独学でHTML・Perlを勉強し自宅でWEBの仕事をはじめるも、アレルギー児の子育てで断念。 子供の手が離れたのを機にWorldpressの勉強をしながらブログをはじめました。

 そらのまなびぶろぐ について 


そらのまなびぶろぐでは、wordpressの有料テーマ【THE THOR(ザ・トール)】を使用して収益化ブログの作り方を初心者向けに紹介しています。 エディタの使い方、アドセンス申請に必要なページの書き方&作り方、ブログの装飾の方法までを紹介しています。