プラグイン無しで WordPress に OGP & Twitter Cards を設定する方法 - Webrawl
サイト作りに OGP 設定がほぼ必須になってきたので、通常の OGP & Twitter Cards の設定に加え WordPress 用の記述 (わりと適当) をまとめておきます。参考までにどうぞ。 1. function.php に説明文を取得する記述をするWordPress の場合、記事ごとに説明文やサムネイルを変える必要があるので functions.php に記述をしておきます。以下は本文の一部を抜粋して改行をなくした状態で表示するための設定です。サムネイルの設定はおそらく既にしていると思うので今回は省略。 // TEXT LENGTH SETTINGS function textexcerpt($length) { global $post; $content = mb_substr(strip_tags( $post -> post_content), 0, $length)
【WordPress】OGPとTwitterCardsの設置方法！プラグイン不要でコピペでOK
OGPとは？設置メリットは？ 主にFacebookのシェアやいいね！の時に表示される記事情報を、ブログ・ウェブ制作者が設定できる機能の事です。「Open Graph Protocol」の略称です。 Facebook以外でも、Facebookページ、Google+、Twitter（設定が必要。下で説明）、mixiなどにシェアされた時にも使われているようです。 OGPは設定しなくても、タイトルやURLなどは問題なく表示されます。しかし写真や説明文は記事と関係のない内容になる場合もあるため、OGP設定が重要になります。 具体的には、記事ページのヘッダーなど上部で、下のコードのように設定します。有名ブログや大手メディアでも、設定内容に力を入れてる場合が多いです。 [html] [/html] OGP設置のメリット 主に次の3つだと思っています。 シェアされる情報（画像や説明文など）を制作者がコント
[WordPress]これは簡単！プラグインを使わずにOGPを設定する方法！
こんちくわ。 今日もTwitter、Facebookを楽しんでいる@conchikuwaです。 最近ではブログを読んでいただくだけでなくTwitterやFacebookにシェアしてもらえると嬉しさ倍増です。 Facebookにブログ記事をいいね！してもらう際、ブログにOGP設定をしておけば、記事の情報が正しく投稿され、アクセスアップにも繋がります。 今回はそのOGP設定なるものをプラグインを使用せずに設定する方法をご紹介しますです。 まずOGPについてですが、 Open Graph protocolの略。 facebook、mixi、GREE等のソーシャルネットワークサービスで使用されている共通仕様で、HTML上に正しく設定しておけば、意図した内容を表示させる事ができる。 OGPについては↓のサイトさんで解りやすく説明してくれております。 フェイスブック、ミクシィ、グリーで使われている O
![[WordPress]これは簡単！プラグインを使わずにOGPを設定する方法！](https://cdn-ak-scissors.b.st-hatena.com/image/square/71a844dc7ae7c46500de91b51a19038bfb73ef6f/height=288;version=1;width=512/https%3A%2F%2Fwww.conchikuwa.com%2Fwordpress%2Fwp-content%2Fuploads%2Fwp-hanariro-logo.gif){kind=logo}
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
