管理画面内の「Facebook設定(AMP用)」に「fb:app_id」の入力欄があります。入力した場合は優先して出力されますので、テーマファイルのカスタマイズは不要です。Facebookサイトにて「fb:app_id」を取得する方法は、こちらでご紹介しています。PLUS+』は、OGP設定の入力欄にFacebookの「fb:admins」を入力するだけで、簡単にOGP設定が完了するようになっています。それにプラスしてTwitterのユーザー名を入力することでTwitterカード導入機能もONになるので、STINGERでは必須項目ですよね。ID)は、個人のFacebookアカウント画面のプロフィール画像をクリックしてアドレスバーに表示される、「&type」の直前の15桁の数字です。(2016年7月現在)ここに入力したコードは、meta情報としてヘッダーのソースに表示されますが、実はこのコードでFacebookの個人アカウントページへアクセスすることができてしまうというのが問題点・・。そこまでして、私に興味を持って下さる方がいるかどうかは別としてですね。(笑)当ブログは個人とは切り分けて運営したいと考えているので、STINGERでのOGP設定に必須となる「fb:admins」を「fb:app_id」に変更することにしました。正しいコードを入力しないとどうなるの?実は今まで一時しのぎに「FacebookページID」を入力していました。STINGER側は、どんな数字を入力しても「fb:admins」として認識して、テーマ標準のOGP設定機能をONにしてくれますので、meta情報がきちんと反映されてFacebookへの投稿もTwitterカードも正常に表示されます。IDも見つからないよ!」といった内容のエラーが出て怒られてしまいます。機能上問題がなくてもFacebook推奨の設定方法が存在する以上、エラー表示を見て見ぬふりをするのはなんとなく気分の良いものじゃないですよね・・。「fb:app_id」(アプリID)は、Facebook用のアプリを作成する時に必要となるIDです。いっても、応用した経験がありませんのでピンと理解できてはいないのですが、このコードを取得しておくと、今回のOGP設定だけでなくWordPressとFacebookの連携の際にも利用することができそうです。連携に関しては追々挑戦してみることにして。アプリIDの取得方法をお伝えしていきますね。Facebookにログイン画面左側の「アプリを管理」をクリック、もしくは、すべてのアプリ-開発者向けFacebookへアクセス(開発者登録をされていない方は登録を完了してください。Start」をクリック表示されるアプリIDをコピーします。次に、開発者モードから公開への切り替えを行います。左側の「アプリレビュー」をクリック→「はい」に切り替えます。下記のように矢印部分の〇が緑色になればOKです。現在ではアプリIDの取得方法に変更があったようです。手順に沿ってアプリをID作成後、左側の「設定」→「ベーシック」→赤枠部分にサイトURL、カテゴリを選択(どれを選択してもよいです)その後に左側の「アプリレビュー」をクリックして開発者モードから公開への切り替えを行ってください。最上部の緑色のボタンが「オン」、ステータスが「ライブ」になっていることを必ず確認してくださいね。---Facebookの「fb:app_id」(アプリID)の取得方法ここまで---最後にWordPressダッシュボード→STINGER管理→SNS設定→OGP設定→「fb:admins」の入力欄にコピーしておいたアプリIDをペーストして完了です。※アプリIDの追加や確認は、作成時と同じくFacebook画面左側の「アプリを管理」から行います。この項目が表示されていない場合は、「もっと見る」をクリックしてみてください。全てのテーマファイルの編集は、テーマのアップデートの影響を受けない「子テーマ」で行うことをおすすめします。やむおえず親テーマを編集される際には必ずバックアップをとり、テーマの取り扱いには十分ご注意ください。▶子テーマについてWordPressダッシュボード→外観→テーマ→テーマの編集→「st-ogp.php」を開きます。-->の少し下にある下記赤枠部分を編集します。コード内の「fb:admins」を「fb:app_id」に変更して完了です。Developersにアクセス→適当なページURLをペースト→「デバッグ」をクリックして、OGP設定が正常に反映されているかを確認します。Again」をクリックしてキャッシュをクリアしてみてくださいね。エラー表示が消えて、プレビューが正常に表示されればバッチグーです。OGP設定に必須となる「fb:admins」を「fb:app_id」に変更する方法のご紹介でした。最後までお付き合い下さりありがとうございます。meKanami(かなみ)40代、4児の母、認知症の義母と同居中です。何気ない日常に幸せを感じるマイペースなヒト。子育てと介護の傍ら「自分にできることってなんだろう?」を模索しながらブログを書いています。...2,192view【AFFINGER4】前の記事・次の記事へのページナビゲーションをサムネイル付きにする方法WordPressテーマ「AFFINGER4」の前の記事と次の記事へのページナビゲーションをサムネイル付きの表示に変更する方法をご紹介します。Cache」導入・設定・カスタマイズ方法こちらのプラグインは、STINGER8・AFFINGER4のオリジナルソーシャルボタンにも利用できます。...2,317view【AFFINGER4】サイドバーの見出しの背景を画像にする方法ver20170905へのアップデート後に、サイドバーの背景画像の内側下の余白(padding-bottom)を追加しました。...1,681view【AFFINGER4】AMPページの背景色の変更方法と背景画像の設定方法こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。fb:App_id(アプリID)を「開発者モード」から「公開」に変更する部分の記載漏れがございました。PLUS】トップページと固定ページのSNSボタンと投稿日を非表示にする方法STINGER8・AFFINGER4でのカスタマイズ方法を追加しました。...2,127view【AFFINGER4】サイドバーの見出しの文字サイズを変更する方法WordPressテーマ「AFFINGER4」のサイドバーの見出し。日本語の場合はそうでもないけど、アルファベットにするとちょっと小さいかな?...。PLUS」「STINGER8」「AFFINGER4」のカスタマイズ情報です。現在見ていただいている当ブログで行っている全てのカスタマイズ方法を記録しています。※AFFINGER5「WING」のカスタマイズにつきましては、現在確認作業とまとめ記事の作成中です。備忘録(WordPress)ウィジェットに追加したアドセンスが保存できない・余白ができる場合の対処法WordPressのウィジェットエリアにアドセンスコードを追加する場合、つい最近までは「カスタムHTML」を利用するのが一般的でしたが、WordPress4.9よりHTMLのエラーチェック機能が新たに加わったことで、エラーにより保存できない状態になることがあるようです。上記のように「!」の警告が表示されていても保存できる場合は問題ありませんが、保存ボタンをクリックしても保存されない場合は「カスタムHTML」ではなく「テキスト」にアドセンスコードを貼りかえることで対処することができます。備忘録(WordPress)カエレバ・ヨメレバを女性向けのかわいいデザインにCSSカスタマイズ記事内でおすすめの商品や書籍を紹介するときには、Amazonや楽天、Yahooショッピングなど、複数の商品リンクをひとまとめにすることができるブログパーツ「カエレバ・ヨメレバ」がとても便利。カエレバは商品の紹介用、ヨメレバは書籍の紹介用に使い分けることができます。利用されている方も多いですよね。当ブログでも導入を検討中に、お世話になっている方からタイムリーなご質問を受けたことをきっかけに、CSSカスタマイズに挑戦してみることにしました。N」ver20180117を追加しました。style.css及びst-amp-css.php内の画像パスに拡張子(.png)の記載もれがあり、コードの修正を行いました。...ReadMoreSTINGER・AFFINGERカスタマイズ【AFFINGER4】関連コンテンツを通常ページとAMPページに設置する方法こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。WordPressテーマ「AFFINGER4」の通常ページとAMPページにアドセンスの関連コンテンツユニットを設置する方法をご紹介します。最近になって、新たに「インフィード広告」や「記事内広告」などのネイティブ広告が追加されたことで、どこにどんな風に広告を置けばいいんだろう?と戸惑っている方も多いのではないでしょうか。ページ以外のアイキャッチ画像(トップページ含む)」にて設定可能になりました。先日Twitterでトップページをシェアしていただいたことをきっかけに、トップページのみ「Twitterカードの画像が表示されない」ことに気がつきました。下記は、TwitterとFacebookのOGPチェックツールでの検証結果です。数年前、右も左もわからず挑戦したWordPressでのサイト作成。当時はWeb上の沢山の情報に助けられました。初心に戻り、WordPressにゼロから挑戦したい方を応援!難しい説明や専門用語は極力省いて、初心者さん目線でレクチャーします。ゼロからのWordPress入門【21】プラグインの設定方法について加筆修正を行いました。前回までは、更新情報の受け取りツールとして、サイト名で登録することができる「Facebookページ」の作成方法とページプラグイン設置方法、さらに、Twitterのフォローボタンと埋め込みタイムラインの設置方法をお伝えしました。WordPress.comを利用して、FacebookページとTwitterへ更新情報を自動投稿する方法をいくつかの注意点などを含めてお伝えしていきます。前ページでは、ユーザーさん向けの更新情報受け取りのツールとして、サイト名で作成することができる「Facebookページ」の作成方法とページプラグインの導入方法をご紹介しました。今回は、サイドバーやフッターへのTwitter埋め込みタイムラインウィジェットとフォローボタンの設置方法、さらに埋め込みタイムラインの背景を透明にする方法を説明していきます。・・実は埋め込みタイムラインの設置方法については、以前にも記事内で一度お伝えしているのですが、その後変更があったようです。前ページでは、WordPressのカスタマイズと子テーマについてご紹介しました。次のステップは、ブログの『更新情報発信』についてのお話しです。無料ブログサービスのように、コミュニティ間での「読者登録」のツールがないWordPressでのサイト運営では、更新情報の受け取りに必要なツールは自身で設定する必要があります。前ページでは、WordPressのファイルとデータベースのバックアップ方法をご紹介しました。トラブルに備えてバックアップ方法をマスターしたら、次のステップはテーマのカスタマイズです。WordPressでは、自分の好みに合わせてテーマファイルを自由にカスマイズすることが可能となっています。このカスタマイズ時に便利なのが「子テーマ」です。ここでは、実際に「FFFTP」を利用したファイルのバックアップとWordPressプラグイン「WP-DBManager」を利用したデータベースの自動バックアップ方法を順を追って詳しく説明していきます。バックアップ作業はいくつものステップがあって大変ですが、2回目以降は面倒な設定がないのでとても楽チンです。子育て心は一緒に♪娘へのプレゼントはお揃いのくまのお守りに決めましたクリスマスまであと1か月を切りましたね。お子さんをお持ちの方はプレゼント選びや準備にワクワクの季節。それも含めてクリスマスは親子の一生の思い出に残る楽しいイベントだと思っている私です。我が家では毎年、4人の子供たちが小さな頃からサンタさんからのプレゼントの他に、母企画の「家族Deビンゴ大会」というイベントをクリスマスイブに開催しています。一人ひとりが驚くような。嬉しいサプライズプレゼントはなんだろう?と心を弾ませるこの季節。AdSenseフォローアップセミナー(札幌)に参加してきました。当日は受付を担当させていただいたものです。参加者の方々には謎の人物だったかもしれませんね。んくらさん(@matari39)とは8年前、無料ブログサービスで子育てブログを書いていた頃に出会い、私にとっては、恩師でもあり...そうですね。友人というよりも、先生というよりも「お兄さん」という位置づけがぴったりの。備忘録(WordPress)カエレバ・ヨメレバを女性向けのかわいいデザインにCSSカスタマイズ記事内でおすすめの商品や書籍を紹介するときには、Amazonや楽天、Yahooショッピングなど、複数の商品リンクをひとまとめにすることができるブログパーツ「カエレバ・ヨメレバ」がとても便利。カエレバは商品の紹介用、ヨメレバは書籍の紹介用に使い分けることができます。利用されている方も多いですよね。当ブログでも導入を検討中に、お世話になっている方からタイムリーなご質問を受けたことをきっかけに、CSSカスタマイズに挑戦してみることにしました。今までブログやSNSでのプロフィール画像は、フリー素材でお借りしたものを使っていましたが、2018年のスタートと合わせて似顔絵アイコンに変更しました。周囲にはご自身で綺麗に絵が描ける方もいらっしゃって、常々「すごいなぁ。そんなことができたら素敵だな。」と思っているのですが、なんせ人一倍絵心がなくてですね。