「管理画面/デザイン/アイコン」の編集履歴（バックアップ）一覧はこちら

「管理画面/デザイン/アイコン」(2022/10/17 (月) 15:56:04) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*アイコン設定
#divclass(img_border){&image(site_icon.png)}
ヘッドバー内やブラウザのタブ等に表示されるアイコン（favicon）を設定することができます。
#divclass(img_border){&image(favicon_ex.png)}
//
faviconの設定の他、スマートフォン向けの設定であるapple-touch-iconの設定も行えます。

//
画像が引き伸ばされるのを防ぐため、画像サイズは180x180px以上のものをアップロードすることをおすすめします。
その他、細かい仕様は以下です。
- 画像は縦横の内、小さい方に合わせて縮小/拡大され、その後、縦横1:1として中央で切り抜き（クリッピング）されます。
- apple-touch-iconとして設定される画像の形式はpngに変換されます。
- faviconに設定される画像はapple-touch-icon用に加工された画像から、さらに32x32pxに縮小されます。

&bgcolor(#FDFA86){&bold(){注記}}：
- 2020/1/23 に機能をアップデートしており、検査結果画面でのfaviconの表示やapple-touch-iconに対応いただくため、&bold(){2020/1/23以前から画像URLを設定していた方におかれましては、設定項目を変更せず、一度保存ボタンを押していただくようお願いします。}
-- なお、apple-touch-iconに対応するため、画像サイズを180x180px以上のサイズで登録しなおしていただくことをおすすめします。
- アニメーションgifをアップロードした場合、ico形式に変換に伴ってアニメーションデータは破棄されるため、アニメーションしません。

**設定方法1: 画像をアップロードする
1．管理画面のメニューから&bold(){[デザイン]} → &bold(){[アイコン]}をクリックする。

2．&bold(){[画像をアップロード]}を選び、表示されるフォーム内の&bold(){[ファイルを選択]}をクリックし、アイコンに設定したい画像を選択する。
#divclass(img_border){&image(site_icon_upload.png, width=400)}

３．ページ下部の&bold(){[設定を保存]}をクリックする。

プレビューが表示されるので、確認してください。
#divclass(img_border){&image(site_icon_preview.png, width=400)}

**設定方法2: 画像URLを指定
１．あらかじめ「[[ウィキ内共通利用ファイル>https://w.atwiki.jp/guide/pages/2956.html]]」等に使用するicoファイルをアップロードしておく。

２．管理画面のメニューから&bold(){[デザイン]} → &bold(){[アイコン]}をクリックする。

３．&bold(){[URLを指定]}を選び、表示されるフォームにアップロードしたicoファイルのリンクのアドレスを設定する。

３．ページ下部の&bold(){[設定を保存]}をクリックする。


&link_parent(text=[デザイン]ガイド一覧に戻る)

*アイコン設定
#divclass(img_border){&image(site_icon.png)}
ヘッドバー内やブラウザのタブ等に表示されるアイコン（favicon）を設定することができます。
#divclass(img_border){&image(favicon_ex.png)}
//
faviconの設定の他、スマートフォン向けの設定であるapple-touch-iconの設定も行えます。

//
画像が引き伸ばされるのを防ぐため、画像サイズは180x180px以上のものをアップロードすることをおすすめします。
その他、細かい仕様は以下です。
- 画像は縦横の内、小さい方に合わせて縮小/拡大され、その後、縦横1:1として中央で切り抜き（クリッピング）されます。
- apple-touch-iconとして設定される画像の形式はpngに変換されます。
- faviconに設定される画像はapple-touch-icon用に加工された画像から、さらに32x32pxに縮小されます。

&bgcolor(#FDFA86){&bold(){注記}}：
- 2020/1/23 に機能をアップデートしており、検索結果画面でのfaviconの表示やapple-touch-iconに対応いただくため、&bold(){2020/1/23以前から画像URLを設定していた方におかれましては、設定項目を変更せず、一度保存ボタンを押していただくようお願いします。}
-- なお、apple-touch-iconに対応するため、画像サイズを180x180px以上のサイズで登録しなおしていただくことをおすすめします。
- アニメーションgifをアップロードした場合、ico形式に変換に伴ってアニメーションデータは破棄されるため、アニメーションしません。

**設定方法1: 画像をアップロードする
1．管理画面のメニューから&bold(){[デザイン]} → &bold(){[アイコン]}をクリックする。

2．&bold(){[画像をアップロード]}を選び、表示されるフォーム内の&bold(){[ファイルを選択]}をクリックし、アイコンに設定したい画像を選択する。
#divclass(img_border){&image(site_icon_upload.png, width=400)}

３．ページ下部の&bold(){[設定を保存]}をクリックする。

プレビューが表示されるので、確認してください。
#divclass(img_border){&image(site_icon_preview.png, width=400)}

**設定方法2: 画像URLを指定
１．あらかじめ「[[ウィキ内共通利用ファイル>https://w.atwiki.jp/guide/pages/2956.html]]」等に使用するicoファイルをアップロードしておく。

２．管理画面のメニューから&bold(){[デザイン]} → &bold(){[アイコン]}をクリックする。

３．&bold(){[URLを指定]}を選び、表示されるフォームにアップロードしたicoファイルのリンクのアドレスを設定する。

３．ページ下部の&bold(){[設定を保存]}をクリックする。


&link_parent(text=[デザイン]ガイド一覧に戻る)