--- title: コンテンツの管理 slug: hol-nissan-jp/XjLvU5hIdjrk9OrZQ9FEB docTags: createdAt: 2024-06-19T04:55:43.913Z --- この演習では、Adobe Journey Optimizerでコンテンツがどのように管理されるかについて学びます。 ### 資産 をクリックして、左側のナビゲーションのコンテンツ管理の下にあるアセットエクスプローラを開きます。 ここで、Adobe Experience Manager Cloud インスタンスのアセットを管理し、アクセスできます。 Carveloフォルダをクリックすると、利用可能なアセットが表示されます。 必要であれば、ローカルマシンから新しいアセットを追加できます。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Xc2b3hIospTK8J9W5ZwTM_image.png) アセットを選択し、詳細をクリックします。 ここでは、スマートタグ、バージョン、コメント、タスクなど、アセットに関する情報を確認できます。 Adobe Expressを使用して、Journey Optimizer UIで直接アセットを編集することもできます。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/6Q1-VBzgMhnYcYDtHTwHh_image.png) ### コンテンツの断片とテンプレート テンプレートは、サポートされているあらゆるチャネルのために部分的に設定されたメッセージを保存するために作成することができます： Eメール、SMS、プッシュ、アプリ内、ダイレクトメール。 一度キャンペーンやジャーニーのメッセージに活用されると、テンプレートは切り離され、テンプレートの更新がキャンペーンやジャーニーに影響することはありません。 テンプレートは、サポートされているあらゆるチャネルのために部分的に設定されたメッセージを保存するために作成することができます： Eメール、SMS、プッシュ、アプリ内、ダイレクトメール。 一度キャンペーンやジャーニーのメッセージに活用されると、テンプレートは切り離され、テンプレートの更新がキャンペーンやジャーニーに影響することはありません。 クリック **Create Template** . ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/xPWWEvJ8HDb2z9ggYtUOq_image.png) テンプレートに名前をつける-同僚と区別できるように、あなた独自のものを。 チャンネルはEメール、タイプはHTMLを選択してください。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/KygayaqXtVRYdfyqrOlGP_image.png) 既存のサンプルやテンプレートからテンプレートを作成することもできますし、ビジュアルエディタやHTMLコードに直接アクセスして独自のテンプレートを作成することもできます。 この演習では、ゼロからデザインすることを選択します。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/lAjJO-0b3_JmBWQmbGQ6f_image.png) 左側には、メールのレイアウトをコントロールする構造コンポーネントとコンテンツコンポーネントがあります。 4x1:1の列構造をコンテンツにドラッグする。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/SCY2iL5BHap7y7wsgUHIT_image.png) つ目のコンポーネント・スロットで、画像コンテンツ・ブロックをドラッグする。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Yo6HqOndVB2FPHy77oCI1_image.png) つ目のコンポーネント・スロットで、テキスト・コンテンツ・ブロックをドラッグする。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/5Pfg3QJGVtVJiD_fceX2P_image.png) 右側のパネルからテキストブロックのスタイル設定を更新します。 フォントサイズ、色、パディングを自由に変更できます。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/N_2kH58IpUTAYEcIKFVYh_image.png) では、既存のフラグメントを使って、オンライン表示リンクとフッターをテンプレートに追加してみましょう。 左側のコンポーネントメニューからフラグメントメニューに変更します。 Open in BrowserとEmail Footerフラグメントを上下のコンポーネントスロットにドラッグします。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Q76plhTScU-ayNB_np_hd_image.png) 最後に、ナビゲーション・ツリーを使ってbody要素にアクセスし、ビューポートの背景色（#ffffff）と背景色（#DEDEDE）を設定します。 ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/VWjlqkJzq4pYoJWJMfNe3_image.png) クリックしてテンプレートを保存します。