アプリブロックを追加する手順

  1. テーマエディタを開くShopify管理画面の左メニューで「オンラインストア」を押すと、テーマの画面が開きます。使用中のテーマの「テーマを編集」（画面によっては「カスタマイズ」）を押すと、テーマエディタが開きます。画面の読み込み中は、メニュー名が英語の「Online Store」と表示されることがあります。アプリの「スタートガイド」には、テーマエディタを記事テンプレートで直接開くボタンもあります。
  2. 「ブログ記事」テンプレートを開く画面上部中央の選択から「ブログ記事」の「デフォルトのブログ記事」を選びます。
  3. ブロックを追加する左側のブログ記事セクションの中の「ブロックを追加」から「アプリ」を開き、「Author Profile（監修者・著者）」を選びます。「アプリ」が出てこない場合は、テーマが古く、アプリブロックに対応していない可能性があります。
  4. 位置を調整して保存する記事本文の下など、読み手に分かりやすい場所へドラッグし、右上の「保存」を押します。

複数のテンプレートがある場合は

一部の記事だけ表示されない場合は、その記事がデフォルトの記事テンプレートを使っているか確認してください。別のブログ記事テンプレートを使っている記事には、そのテンプレートにもアプリブロックを追加します。記事が使っているテンプレートは、Shopify管理画面で記事の編集画面を開き、「テーマテンプレート」の欄で確認できます。

表示内容やデザインを調整するには

テーマエディタでアプリブロックを選ぶと、次の項目を設定できます。

設定内容
表示のオン/オフ監修者、著者、顔写真を、それぞれ表示するかどうかを選びます。
見出し既定は「この記事の監修者」「この記事の著者」です。
SNSリンクを表示SNSリンクを表示するかどうかを選びます。SNSリンクの表示はプロプランのみです。
レイアウト左ボーダー(標準)、カード(枠線)、塗りつぶし、ミニマル(線なし)から選びます。
配置左揃え(写真は横)または中央揃え(写真は上)を選びます。
写真の形・写真サイズ円形、角丸、四角から選び、サイズを48〜140pxで設定します（既定は90px）。
角丸(全体)カード全体の角の丸みを0〜24pxで設定します。
色アクセントカラー、背景色、文字色を設定します。
フリープランの場合

フリープランで反映されるのは表示のオン/オフと見出しだけで、レイアウト、配置、写真の形とサイズ、角丸、色は既定のデザインで表示されます。また「Powered by Author Profile」が表示されます。スタンダードプラン以上ではすべてのデザイン設定が反映され、「Powered by Author Profile」は表示されなくなります。

プロプランで担当者ごとのアクセントカラーを設定している場合は、その担当者の記事ではテーマエディタの色より担当者の色が優先されます。変更後は保存し、スマートフォンでも読みやすいか確認してください。