質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

1回答

2243閲覧

wind8,10のスタート画面に表示されるパネルの大きいサイズが設定できません

makoto-n

総合スコア436

Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2016/09/15 07:09

編集2016/09/21 04:53

wordpressでパネルに小・中サイズは設定できるのですが、
大サイズ(横長・正方形)が設定できません。

manifest.jsonには

json

1{ 2 "manifest_version": 2, 3 "version": "1.0.0", 4 "icons": [ 5 { 6 "src": "\/images\/favicon-144x144.png?v2", 7 "sizes": "144x144", 8 "type": "image\/png" 9 }, 10 { 11 "src": "\/images\/favicon-152x152.png?v2", 12 "sizes": "152x152", 13 "type": "image\/png" 14 }, 15 { 16 "src": "\/images\/favicon-256x256.png?v2", 17 "sizes": "256x256", 18 "type": "image\/png" 19 } 20 ], 21 "theme_color": "#e1fffe", 22 "display": "standalone" 23} 24

browserconfig.xml

xml

1<?xml version="1.0" encoding="utf-8"?> 2<browserconfig> 3 <msapplication> 4 <tile> 5 <square70x70logo src="images/small.png?v2"/> 6 <square150x150logo src="images/medium.png?v2"/> 7 <wide310x150logo src="images/wide.png?v2"/> 8 <square310x310logo src="images/large.png?v2"/> 9 <TileColor>#e1fffe</TileColor> 10 </tile> 11 </msapplication> 12</browserconfig>

headerには下記を記述しています。

html

1<link rel="icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico?v2"> 2<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico?v2"> 3<link rel="manifest" href="<?php echo get_template_directory_uri(); ?>/manifest.json"> 4<meta name="application-name" content="<?php echo bloginfo(name); ?>"> 5<meta name="msapplication-square70x70logo" content="<?php echo get_template_directory_uri(); ?>/images/small.png"> 6<meta name="msapplication-square150x150logo" content="<?php echo get_template_directory_uri(); ?>/images/medium.png"> 7<meta name="msapplication-wide310x150logo" content="<?php echo get_template_directory_uri(); ?>/images/wide.png"> 8<meta name="msapplication-square310x310logo" content="<?php echo get_template_directory_uri(); ?>/images/large.png"> 9<meta name="msapplication-config" content="<?php echo get_template_directory_uri(); ?>/browserconfig.xml"> 10<meta name="msapplication-TileColor" content="#e1fffe"> 11<meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/images/favicon-144x144.png?v2"> 12<link rel="mask-icon" href="<?php echo get_template_directory_uri(); ?>/images/safari-pinned-tab.svg?v2" color="#00271a">

アンドロイドやiphonには表示できているようなのですが、
開発者ツールで確認したところ、パスに間違いはありませんでした。

どうすれば大きいサイズのタイルも設定できるようになりますか?

また、browserconfig.xmlやmanifest.jsonへのパスは必要でしょうか?

少しメモ

xml

1<?xml version="1.0" encoding="utf-8"?> 2<browserconfig> 3 <msapplication> 4 <tile> 5 <square70x70logo src="http://sample.com/small.png"/> 6 <square150x150logo src="http://sample.com/medium.png"/> 7 <wide310x150logo src="http://sample.com/wide.png"/> 8 <square310x310logo src="http://sample.com/large.png"/> 9 <TileColor>#eeeeee</TileColor> 10 </tile> 11 </msapplication> 12</browserconfig> 13

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

xml

1<?xml version="1.0" encoding="utf-8"?> 2<browserconfig> 3 <msapplication> 4 <tile> 5 <square70x70logo src="http://sample.com/small.png"/> 6 <square150x150logo src="http://sample.com/medium.png"/> 7 <wide310x150logo src="http://sample.com/wide.png"/> 8 <square310x310logo src="http://sample.com/large.png"/> 9 <TileColor>#eeeeee</TileColor> 10 </tile> 11 </msapplication> 12</browserconfig>

manifest.jsonはスマフォ用の設定なようで、タイル表示とは違うようでした。
browserconfig.xmlがタイル表示用に必要なようでこれはパスの指定をしなくてもよい(してはいけない)もののようで、
ルートディレクトリに設置しておけばいいだけのようです。

small.png
medium.png
wide.png
large.png
で指定されているサイズの画像を用意しておいたら大丈夫なようです。
つまづく点としては.htaccessなどでxmlへはアクセスできないようにしていたらbrowserconfigにはアクセスできなくなるので、タイル表示ができなくなる点です。
事故解決になりましたが、ありがとうございました。

投稿2016/09/22 02:41

makoto-n

総合スコア436

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問