OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！
OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！ サイトにSNSへのシェアボタンを設置したからには、OGPの設置もしたほうがイイですね。 OGPの設置は、サイトの <head>部分の <meta>要素に記述をするだけで簡単。 FacebookとTwitter (Twitter Cards) は、基本のOGPの記述があれば、そこに数行を足すだけ。 ということで、本ブログにもOGPを設置したので、忘れないうちにメモっておきます。 ＊今回は、まずOGPの HTML上での基本構造や、Facebook・Twitter用の設定をメモ。まずは基本を整理。 ＊WordPressでの設置は、パーツテンプレートを作り、タグを編集する必要があるので、次回メモ。 本日のINDEX OGPは<meta>要素に記述する <head>要素のprefix属性への記述
検索ワードに該当する記事一覧を表示するsearch.phpを作る [WordPressテーマ作成の手順15]
WordPressのテーマ作成7では、ヘッダー部分に検索フォーム（サーチボックス）を作ったが、その検索結果を一覧表示するテンプレートはまだない。 今回はその、検索ワードにマッチする記事を一覧表示するテンプレート「search.php」を作ります。 手順は、WordPressのテーマ作成13で作った「category.php」をコピーして「search.php」と言う名前にし、タイトル部分を編集。 さらに、ループ部分で、検索ワードにマッチした記事があるかチェックさせる。 function.phpにも検索用の記述を追加する。 本日のINDEX category.phpをコピーしてsearch.phpを作る 検索結果一覧の表示用のテンプレートについて search.phpの編集 the_search_query()で「検索ワード」をタイトルに出力 ループ内で検索ワードにマッチする記事をチェックさ
![検索ワードに該当する記事一覧を表示するsearch.phpを作る [WordPressテーマ作成の手順15]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f6451c1bc4d988de9def5ad65782e6acebcb07a/height=288;version=1;width=512/http%3A%2F%2Fwebdesign.practice.jp%2Fwp-content%2Fuploads%2F2015%2F05%2F150516_eye.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
