今回は実際に構造化データを作成していきます。 構造化データとは okinawanpizza.hatenablog.com schema.org ・構造化データにおいて使用されるボキャブラリーの一つ。 ・グーグル、マイクロソフト、ヤフー、ヤンデックスが手を組んだ。 ・既存の情報をより…

amp化も残りは記事内の置換の部分と構造化データに関する部分となってきました。 ampのテストを行っていると、どうやら構造化データの追加も任意ではあるが必要になってくるとのことでした。 こちら構造化が完了した際の画像 いろいろ調べたことを追記します…

amp対応日記二日目 今日はamp用のテンプレートを実際に作成していきます。 前回の記事はこちらです。 okinawanpizza.hatenablog.com 今回も独断と偏見がすごいです。(笑) ampページのurlを作成 今回、テンプレートを切り分ける方法として記事のurlに「amp=1…

今日から仕事での開発の話もブログにしていこうと思います。 今回三つのAMP対応を任せてもらえることになりました！ かくいう私は一回もamp対応したことがなく、、 せっかくなので、ログを残していこうと思います。 AMP日記二日目 okinawanpizza.hatenablog.…

テキストの高さ中央揃え テキストの高さがそれぞれ違う場合はflexboxを使えばOK align-itemsで高さを中央に揃えることが可能です。意外と便利！ html <div class="demo">hello tamakipedia</div> css .demo { display: -webkit-flex; display: flex; -webkit-align-items: center; al…

js ファイルや jQuery ファイルの読み込みはLInkタグではなく functions.php に記述します。 function load_scripts { //jQの場合 wp_deregister_script('jquery'); //WPが持つjQueryを利用しない wp_enqueue_script( 'jquery',//読み込むJSを識別する名前（…

前回コメント欄の表示方法の出力方法について記事を更新しました。 okinawanpizza.hatenablog.com 今回はコメント欄に表示されるHTMLを変更していこうと思います。 というのも私自身、既存のテーマ「twentytwentyone」を上書きしなからテーマを作っていまし…

おはようございます！ 今日はコメント欄のカスタマイズ方法についてご紹介していこうと思います。 コメント欄のカスタマイズに関してもう少し踏み込んでみました。 okinawanpizza.hatenablog.com comments.php でできること ・ページネーション「前のコメン…

ゴールデンウィークはいかがお過ごしでしたか？ ひょんなことからブログの作成をお願いされたので 勉強がてら作成しました。 コメント関連は実装したことがなかったので、一度整理してみようと思います。 comments.php を呼び出す デフォルトのテーマでも co…

最近wordpressを書く機会が多くなってきました。 今回はループを使った処理について。 カスタムフィールどを使った並び替え meta_keyとmeta_valueを利用します。 $args = array( 'orderby' => 'meta_value' 'post_type' => array('post_type'), //投稿タイプ…

ampのドキュメントを読んでいた際に カノニカルというワードが出てきてチンプンカンプンでした。 その周辺知識をおさらいしようと思います。 カノニカルタグ 検索エンジンが重複しているページだと認識しないように正規化するためのタグのこと。 重複コンテ…

先週フロントでのバリデーションを作り直しました。 その時に使ったメソッドなどをメモしていきます。 フォームの内容についてはこっち↓ フロント側でフォームのバリデーションを追加したのでその忘備録 - Qiita フォーム関連で役立つjQuery 誰の役に立つの…