2016年版：WordPressでOGPを正しく簡単に設定する方法 [プラグイン不使用]
今日はWordPressで作ったサイトにFacebookのOGPを設定する方法をご紹介します。 プラグインで対応している方も多いと思いますが、なるべくプラグインを使わないでサイトを軽くするために手動で設定していきましょう。 子テーマの使用方法 テーマファイルをカスタマイズする時は子テーマを使うことが推奨されています。 子テーマを使用すると、テーマ本体をアップデートしてもカスタマイズ内容が消えないというメリットがあります。 STINGER7での子テーマの使用方法はこちら↓ STINGER7：テーマのインストールと子テーマの使用方法 特にSTINGER7の場合は「header.php」を編集する際には注意が必要です。 こちらの記事を参考にしてください↓ STINGER7：親テーマの任意のファイルを子テーマで編集する方法 OGPとは？ まずはお約束の「OGP」についての簡単な説明を少し。 もう見
![2016年版：WordPressでOGPを正しく簡単に設定する方法 [プラグイン不使用]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0479910cc155dbeec99054936bb70e6e134266e6/height=288;version=1;width=512/https%3A%2F%2Fweb-ashibi.net%2Fwp-content%2Fuploads%2F2016%2F02%2Feye_wp.jpg)
【10分で終了】facebook投稿時にサムネイルを表示するためのOGP設定-WordPressカスタマイズ – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
facebookでブログ記事を拡散したいなら必ず設定しないといけないのがOGPです。プラグインは使わずに、コピペするだけで設定が終わるスニペットを作ってみました。（HTML5用、header.phpに貼り付け） OGPとは OGPはOpen Graph Protocolの略語です。ウェブページの内容をプログラムが把握しやすい形式で書いたものです。その形式は以下の通り <meta property="og:title" content="ページタイトル"> <meta property="og:type" content="トップページはwesiteそれ以外はarticle"> <meta property="og:description" content="ページの概要"> <meta property="og:url" content="ページのURL"> <meta property=
WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp
[…] 「URLリンター」 facebook公式のデバッグツールです。ここに自分のブログ・ウェブサイトのURLを入力してください デバッガー エラーがあるとエラー項目が表示されます。エラーあると「いいね! 」が友達のウォールに表示されなくて勿体ないです。しっかり対処しましょう! WordPress使ってる方はプラグインを使うと便利ですよ:) OGPが何故重要かはフェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記見るとわかりやすいです。 「Open Graph Pro」↓が最高におすすめです。 WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp「WP-OGP」はバグがあって上手くOGPが設定出来てない場合があるんですよね。 … これ１冊で完全理解facebook (日経
TwitterやFacebookでコメントできるWordpressプラグイン「DISQUS」を導入。 | 木下茂雄のライフログ
TwitterやFacebookのアカウントにログインしておけば、 名前やメールアドレスの入力をせずとも、コメントすることができる Wordpressのプラグイン「DISQUS」を導入しました。 ダウンロードはこちらから 公式サイトはこちら プラグインのインストール自体は簡単でしたが、 いくつか詰まったことがあったのでメモ。 デザインが崩れている場合 プラグインを「有効化」しても、コメント周りのデザインが崩れている場合、 本家にログインして「Setting」→「Appearance」の 「Current Theme」を「Narcissus」をすればOKかと。 デザインをカスタマイズしたい場合 DISQUSのデザインを好きなようにカスタマイズしたい場合、 自分のサイトのCSSファイルの最初あたりに、 @import url(http://path-to-css); と記述してく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
