読者です 読者をやめる 読者になる 読者になる

tamlog

主にwebのフロント回り たまに登山

カテゴリーとエントリーのOGPを設定する

スポンサーリンク

標準テーマsite2015にカテゴリとエントリーのOGPを設定する

動き top - blogのOGPが無い場合は非表示 index - indexのOGPが無い場合はblogのOGPを表示 entry - entryのOGPが無い場合はblogのOGPを表示

管理画面側 /admin/blog/ogp.htmlをコピーして次のファイルを作成

/admin/category/ogp.html /admin/entry/ogp.html

カスタムフィールド名はこんな感じで変更 categoryOgpImage entryOgpImage

表示側 /include/head/meta.html

<!-- BEGIN_MODULE Touch_Index -->
の中に以下を
<!-- ▼▼ -->
<!-- BEGIN_MODULE Category_Field -->
<!-- BEGIN categoryOgpImage@path:veil -->
<meta property="og:image" content="%{HTTP_ARCHIVES_DIR}{categoryOgpImage@path}">
<!-- END categoryOgpImage@path:veil -->
<!-- BEGIN categoryOgpImage@path:empty -->
<!-- BEGIN_MODULE Blog_Field -->
<!-- BEGIN ogpImage:veil -->
<meta property="og:image" content="%{HTTP_ARCHIVES_DIR}{ogpImage@path}">
<!-- END ogpImage:veil -->
<!-- END_MODULE Blog_Field -->
<!-- END categoryOgpImage@path:empty -->
<!-- END_MODULE Category_Field -->
<!-- ▲▲ -->
<!-- BEGIN_MODULE Touch_Entry -->
の中に以下を
<!-- ▼▼ -->
<!-- BEGIN_MODULE Entry_Field -->
<!-- BEGIN entryOgpImage@path:veil -->
<meta property="og:image" content="%{HTTP_ARCHIVES_DIR}{entryOgpImage@path}">
<!-- END entryOgpImage@path:veil -->
<!-- BEGIN entryOgpImage@path:empty -->
<!-- BEGIN_MODULE Blog_Field -->
<!-- BEGIN ogpImage:veil -->
<meta property="og:image" content="%{HTTP_ARCHIVES_DIR}{ogpImage@path}">
<!-- END ogpImage:veil -->
<!-- END_MODULE Blog_Field -->
<!-- END entryOgpImage@path:empty -->
<!-- END_MODULE Entry_Field -->
<!-- ▲▲ -->