PowerCMS X Q&A

PowerCMS Xを用いてWebサイトを構築する際の技術的なヒントや解決策をご紹介します。

Text2OgImageプラグインで作成するOGP画像のテキスト位置を調整できますか?

powercmsx/plugins/Text2OgImage/tmpl/text2ogimage-wkhtmltoimage.tmplを基に代替テンプレート(alt-tmpl)を作成しCSSを調整してください。

代替テンプレート内ではMTWorkspaceIDタグを使用してスペース毎に分岐ができますし、下記のようなテンプレート変数も利用できます。

  • current_archive_model(モデル名)
  • current_object_id(オブジェクトID)

カスタマイズ例

サイトのロゴとタイトルを縦方向に並べて配置する時、div要素にmargin-top: 130px;を追加するとロゴとタイトルが重ならなくなります。(数値は適宜調整してください。)

関連するQ&A