全社員向けの情報集約ページ(ポータル)を作りたい方向けへ、発信業務を簡単に実現できる機能がセットになったテンプレートです。

バナーやギャラリースライダーに画像を埋め込む際、画像を先にアップロードしておく必要があります。 以下の手順でSharePointのサイトコンテンツに画像をアップロードし、パス（URL）を取得することで利用が可能です。 ここではポータルアプリのギャラリースライダーの画像設定方法を例に、画像の利用の仕方を説明します。 １．利用する画像をアップロードします。 　　右上の歯車アイコンから「サイトコンテンツ」を開き、サイトコンテンツの任意のフォルダに画像をアップロードします。 　　ここでは「SiteAssets」＞「GallerySlider」にアップロードします。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/174f3091b91244ee9342591aaf9fccae/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC1-1.png?w=1045&amp;h=500" alt="">　<img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/4231ffde7d21477eb96b0c555bb9be96/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC1-2.png?w=1027&amp;h=500" alt=""> <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/dc93f2a9fe3c4ff4afc466e5eaa94a23/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC1-3.png?w=1029&amp;h=500" alt="">　<img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/10426f9c01f444d793373eba3d8def26/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC1-4.png?w=1027&amp;h=500" alt=""> 　アップロード→ファイルをクリック、もしくはドラッグ＆ドロップで画像をアップロードします。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/12badb8ce46b4c378097367284f78ece/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC2.png?w=1016&amp;h=500" alt=""> ２．画像のアップロードが完了したら、対象の画像の三点リーダーをクリックし、「詳細」を選択します。すると詳細ウインドウが表示されます。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/b57cca21b0394169bd500e2a7777ff8d/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC3.png?w=1024&amp;h=500" alt=""> ３．詳細ウインドウを下にスクロールし、「パス」という項目名の横にあるマークをクリックします。このマークをクリックすることでパスをコピーすることができます。 　　ここで取得した画像パスを必要な場所に貼り付けることで、SharePointに置いた画像を呼び出すことができるようになります。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/9a9bffb0a0bb42ecbb5c4fe92227e660/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC4.png?w=1031&amp;h=500" alt=""> ４．サイトコンテンツからRSAギャラリースライダーを選択します。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/f5822c3c1ec941de916f7dec8669681c/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC5.png?w=1043&amp;h=500" alt=""> ５．左上の「新しいアイテムを追加」をクリックし、「画像」の欄に先ほどコピーしたパスをペーストします。その他必須項目を埋めていきます。完了したら「保存」を押します。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/d4d5f07e05ac44ddb88acd2c44be6f8b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-09-09%20112400.png" alt=""> <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/cf203e8470c1470eb55314a4ccf9769b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-09-22%20155611.png" alt=""> ６．今保存したギャラリースライダーが追加されていることを確認します。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/dacb4f4f54114e92a648e8dd592699b2/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-09-22%20160637.png" alt=""> ７．ホームに戻り、画像が追加されていることを確認します。 <img src="https://images.microcms-assets.io/assets/0953a2f89a0b484f855cb42cf330d8a1/6601cc6c0b5944a6aad24ee42acb0773/%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC8.png?w=1020&amp;h=500" alt=""> これで完了です。

バナーやギャラリースライダーに画像を埋め込む際、画像を先にアップロードしておく必要があります。

こんな時には｜SharePointで利用する画像をアップロードする