WORDCAMP TOKYO 2015 というイベントでライトニングトークに登壇してきました。ソーシャル投稿を便利にするカスタムフィールドの設定をご紹介してきました。
こんにちは、カグア!です。WordPressのイベントはほんと凄いですよね。毎回規模が大きくなっているような。
というわけで、以下資料です。
「プラグインを使わずOGP設定してみた」スライド
ソーシャルにWordPressの記事を投稿したときや、SEOに向けた投稿は、タイトルの文字数がそれぞれ変わってしまいます。それを、カスタムフィールドを自作して、ソーシャル用にカスタムしましたという話です。
・検索結果
・WEBページ版のfacebook
・facebookアプリ
記事投稿画面で、カスタムフィールドを作り、ヘッダーなどで $post->social などすれば中身を取得できます。便利ですね。
ヘッダーに入れたコード
if(isset($post->social)) {$socialtitle=$post->social; }else{ $socialtitle=get_the_title($post); } echo '<meta property="og:title" content="'. $socialtitle . '" />';echo " ";
こんな感じに、カスタムフィールドからさくっと取得できます。あとは、OGPのタイトル部分に入れればOKです。
facebookデバッガーで確認するブックマークレット
javascript:(function(){var l=encodeURIComponent(location.href);location.href='https://developers.facebook.com/tools/debug/og/object?q='+l;})();
ソーシャル投稿前にキャッチ画像などを確認できるfacebookデバッガーがありますが、そこにURLを突っ込んでくれるブックマークレットです。
WORDCAPM TOKYO 2015 会場風景フォト
ベルサール神田の2F、3Fです。でけえ!
セッションはどこも盛況です。
会場もでかい。
WordPressカルタ大会(コーナー?)が開催されていました。
協賛ブースも盛況。
わぷーの写真コーナーも設置。
懇親会もあるので、まだ参加したことがない、というかたはぜひ一度いらしてみてください。とても楽しいですよ。
登壇までいろいろと準備してくださった関係者の方々、スタッフの方々ありがとうございました!
WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座): 中島 真洋 , ロクナナワークショップ: 本
・ ・ ・ ・ ・
>>安っ!アマゾンで半額以下になっている食品タイムセール
セール特設ページを見る
↓↓↓無料のニュースレターを配信中です