SAMPLE IMAGE この画像は差し替えてご利用ください

065 トップへ戻るボタンを表示する

ホームページの右下または左下に「トップへ戻るボタン」を表示できます。ホームページのコンテンツが長くなっても、このボタンをクリックすることでページトップへ素早く戻ることができます。

065-1 トップへ戻るボタンの表示設定を行う

❶ Jimdo のページにログインする

❷「管理メニュー」の[基本設定]をクリックする

❸「ホームページ」の「共通項目」をクリックする

❹「トップへ戻るボタン」タブをクリックして開く

jdg065_01:トップへ戻るボタン
jdg065_01:トップへ戻るボタン

❺「トップへ戻る」ボタンを表示する、をオンにする

❻ 表示位置を選択する

❼「保存」をクリックすると表示される

065-2 ボタンの色を変更する

トップへ戻るボタンの色を変更するには、スタイルシートで指定します。

汎用テンプレートに独自のスタイルで装飾する方法については、04C 独自スタイルシートで装飾するを参照します。

以下は汎用テンプレートの場合です。

❶「管理メニュー」>「基本設定」>「ホームページ」の「ヘッダー編集」

❷ テキストエリアにスタイルシートを記述する

以下の点線内のスタイルシート記述をコピーして貼り付ける方法でも可です。

<style type="text/css">

     .cc-FloatingButtonBarContainer li a {background: #006400 !important;}

</style>

解説;

1行目と3行目はスタイルシートの宣言文の始まりと終わりを示す。

Jimdo の場合は、自動的に内側に CDATA セクションが挿入される。

ボックス内に既に入力されているときは、再度入力する必要は無く、追加の宣言文を CDATA セクション内に挿入する。

2行目:ボタンの背景色を指定する宣言文。

#006400 は darkgreen のカラーコード。ボタンの背景色を好みの色に変更する。

カラーコードは、原色大辞典などを参照のこと。

❸「保存」をクリックし、「閉じる」をクリックしブラウザを更新する