HalfmadeThemes TYPE: ALPHA

お問い合わせ

HalfmadeThemes TYPE: ALPHA

  • HalfMadeThemesの特徴
  • 初期設定と各種設定ファイル
  • ウェブサイトの作成方法
    • フォルダの作成
    • コンテンツの作成
    • 記事の作成
    • テンプレートの編集
    • 外部スクリプトの設置方法
  • デザインカスタマイズ
    • 配色の変更
    • ウェブフォントやCSS、JSの設置
    • フォームデザインのカスタマイズ
  • アクセシビリティへの対応
  • テーマの購入方法
  • お知らせ
お問い合わせ
  • 個人情報保護方針
  • ご利用規約
  • 特定商取引法表示
  • X(旧:Twitter)
  • Instagram
  • Facebook
公開日
2025.09.14

OGP画像の利用方法

カテゴリ
マニュアル
カスタムフィールド

記事/ウェブページのカスタムフィールドに用意されている「OGP画像」機能について

現在位置

  1. HOME
  2. Information
  3. カスタムフィールド
  4. OGP画像の利用方法

機能の概要

記事/ウェブページのカスタムフィールドにある「OGP画像」を利用して画像をアップロードした場合、その記事/ウェブページ固有のOGP画像としてHTML内に記載されます。

OGP画像をアップロードしなかった場合

カスタムフィールドで画像をアップロードしていない場合は、以下の順序で代替画像をOGP画像とします。

記事の場合

記事固有のOGP画像がない場合は、カスタムフィールド「ヘッダー画像」をOGP画像として表示します。
また、ヘッダー画像がない場合は、ウェブサイトの「全般設定」にあるカスタムフィールド「og:image」で設定しているOGP画像を表示します。

ヘッダー画像の詳細は「カスタムフィールド:ヘッダー画像」をご覧ください。

ウェブページの場合

ウェブページ固有のOGP画像がない場合は、ウェブサイトの「全般設定」にあるカスタムフィールド「og:image」をOGP画像として表示します。
ウェブサイトのOGP画像については、「初期設定と各種設定ファイル」の「ロゴ画像とOGP」をご覧ください。

OGP画像が利用されるその他の箇所

記事のカスタムフィールド「OGP画像」でアップロードされた画像は、以下の箇所でも使用されます。
なお、通常のOGP画像と同様、それがアップロードされていない場合は、上記の順に代替画像を表示します。

記事一覧画面でのサムネイル

関連記事表示時のサムネイル

シンプルで拡張性のあるデザイン。
思い通りのカタチに。

HalfmadeThemes TYPE: ALPHA

〒060-0062
北海道札幌市中央区南2条西7丁目6-2
日宝南2条ビル 6F
株式会社ジャクスタポジション
Tel. 011-252-9652
  • 個人情報保護方針
  • ご利用規約
  • 特定商取引法表示
  • X(旧:Twitter)
  • Instagram
  • Facebook

©2025 Juxtaposition Inc.