ページ編集方法 | スポスタサイト

(1)見出し

・見出しを追加することができます。

・見出しは大きい文字サイズで表示されます。

・文字の大きさは変更できません。

・見出しには、アンカーリンクを設置することができます。

　ブロック右下にある[ #(ハッシュ) ]をクリックし、表示された小窓に文字を入力。この値は、見出し要素のidとして設定することができます。

＜手順＞

▼小窓に[ 01 ]と入力して[OK]ボタンをクリック

▼ページURLの最後部に[#01]が追加されたURLが作成されます。

▼このページURLは、アンカーリンクを設置した見出し部分に直接移動します。

https://tutorial.spo-sta.com/page/21552#01

(2)テキスト

・本文（テキスト）を追加することができます。

・本文を選択すると編集することができます。

①文字を太くする

②文字を斜め文字にする

③文字に下線をつける

④文字に訂正線をつける

⑤文字を左寄せにする

⑥文字を中央寄せにする

⑦文字を右寄せにする

⑧文字にテキストリンクを付ける

⑨テキストリンクを解除する

⑩文字サイズを大きくする

⑪文字サイズを小さくする

⑫文字の色を変える

(4)画像

・画像を追加することができます。

＜手順＞

▼画像アイコンを右側のブロックに追加

▼中央のウィンドウに画像をドロップするか、または右上の[ 画像を選択... ]ボタンから画像を選択

※画像はgif,png,jpgのファイルを指定してください。

※ファイルサイズが許容サイズ(上限5Mバイト)を超えていると追加できません。

▼

画像を選択したら、[OK]をクリックして完了です。

＜画像の変更方法＞

画像を変更する

・画像を再度クリックすると変更することができます。

＜画像の編集方法＞

画像にマウスをあてると、編集ウィンドウが表示されます。

①画像の配置を変える－左｜中央｜右

②画像にリンクを付ける

▼🔗アイコンをクリックするとさらにウィンドウが表示されます。

▼枠にhttps://から始まるURLを入力

別ウィンドウでひょじさせたい場合にはチェックボックスにチェック

▼[OK]ボタンをクリックし終了

※一度リンクを設定すると解除が出来ません。リンクを解除させたい場合には、一度画像を削除して再度追加してください。

③画像をクリックで拡大表示させる

・オフ（白文字）/オン（配色）

④画像の大きさを変える－原寸｜小｜中｜大

※原寸：元の大きさ

⑤画像にキャプションを付ける

(7)ボタン

・ページ内にボタンを追加することができます。

＜手順＞

▼ボタンアイコンを右側のブロックに追加

▼表示されたウィンドウ内を入力

①ボタンタイトル

②リンクの設定

　(1)URL

　(2)サイト内ページ

　[ページを選択]…作成されたページを選択

　[アンカーを選択]…見出しで設置したアンカーリンクを選択

③別ウィンドウで表示

④（ボタン）サイズ/レイアウト

　サイズ：S｜M｜L

　レイアウト：左に配置｜中央に配置｜右に配置

▼設定終了後、[OK]ボタンで完了です。

※ボタン色は変更できません。

※文字に装飾することはできません。

(10)Facebook

・ページ内にFacebookの投稿を追加することができます。

＜手順＞

▼Facebookアイコンを右側のブロックに追加

▼表示されたウィンドウのプルダウンメニューから

　①ウィジェットまたは②フィードを選ぶ

▼①ウィジェット場合

　・表示されたウィンドウの枠の中にユーザ名を入力

　・FacebookURLの最後部にあるユーザ名を入力

　例：https://www.facebook.com/TeamSposta

▼②フィードの場合

　・表示されたウィンドウの枠にプルダウンメニューに表示された連携済みのFacebookページを選ぶ

　・表示させたい投稿数を入力

　※未連携の場合にはソーシャルメディア連携から、連携したいFacebookページを管理しているアカウントを連携してください。

▼設定終了後、[OK]ボタンで完了です。

※Facebookアカウントの連携が必要です

(11)Instagram

・ページ内にInstagramの投稿を追加することができます。

＜手順＞

▼Instagramアイコンを右側のブロックに追加

▼表示されたウィンドウの枠にプルダウンメニューに表示された連携済みのInstagramページを選ぶ

　例：https://www.instagram.com/spo_sta_test

　※未連携の場合には、ソーシャルメディア連携から、連携したいInstagramページを管理しているアカウントを連携してください。

　・投稿を表示する投稿数を入力。

　※モバイルでは横に2投稿ずつ表示されます。

　■■

▼設定終了後、[OK]ボタンで完了です。

※Instagramアカウント連携が必要です

(16)地図

・地図を表示することができます。

＜手順＞

▼地図アイコンを右側のブロックに追加

▼表示されたウィンドウの右上にある

①[Googleマップを開く]をクリック

＜Googleマップの埋め込みコードの取得方法＞

②Googleマップから目的の場所を検索して表示

③左側メニューにある[共有]をクリック

④右側に表示された共有にある[地図を埋め込む]をクリック

⑤画面に表示された[HTMLをコピー]をクリックして埋め込みコードを取得

▼管理画面に表示された埋め込みコードの枠に先ほどGoogleマップで取得した「埋め込みコード」を貼り付け

▼設定終了後、[OK]ボタンで完了です。

(17)ブログ（RSS）

・ブログの投稿記事を追加することができます。

＜手順＞

▼ブログ（RSS）アイコンを右側のブロックに追加

▼表示されたウィンドウにURLを入力

※URLには、RSSのURLを入力してください。

現在、対応しているサービスは下記の通りです。

・note

・Amebaブログ

・はてなブログ

・livedoor Blog

・LINE BLOG

・ダイヤモンドブログ

＜noteのRSSのURLを取得方法＞

①note左側のプロフィール欄の右上にある[…]をクリック

②プルダウンメニューにあるRSSをクリック

③アドレスバーに表示されたRSSのURLをコピーして取得

▼管理画面に表示されたURLの枠に先ほど取得した「RSSのURL」を貼り付け

・ブログ記事表示件数を入力

※表示件数は1～20内にて設定してください。

▼設定終了後、[OK]ボタンで完了です。

Top

アイコンブロック一覧
(1)見出し	(11)Instagram
(2)テキスト	(12)最新のお知らせ
(3)表	(13)最新のスケジュール
(4)画像	(14)最新のギャラリー
(5)ビデオ	(15)お問い合わせフォーム
(6)リンク	(16)地図
(7)ボタン	(17)ブログ（RSS）
(8)区切り線	(18)商品
(9)X	(19)選手一覧
(10)Facebook