我正试图了解Favicons,Touch图标和现在的Tile图标所需的所有这些不同尺寸和格式.
我已经阅读了这篇文章:http: //www.jonathantneal.com/blog/understand-the-favicon 但我仍然有点朦胧,确切地说在所有设备和浏览器上看起来相当不错> = IE8 .
我想我应该创建以下内容:
ICO
favicon.ico(32x32)
PNG
favicon.png(96x96)
Tile Icon
tileicon.png(144x144)
Apple Touch图标
apple-touch-icon-precomposed.png(152x152)
基于此https://github.com/h5bp/html5-boilerplate/issues/1367
...然后使用此代码为他们服务?
<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">
Run Code Online (Sandbox Code Playgroud)
我错过了什么吗?
我不清楚这是否会涵盖IE 10?
我在一个子目录中安装了Wordpress:
/public_html/blog/
Run Code Online (Sandbox Code Playgroud)
我希望能够像这样访问博客:
http://example.com/blog
Run Code Online (Sandbox Code Playgroud)
和这样的帖子:
http://example.com/blog/category/postname
Run Code Online (Sandbox Code Playgroud)
在一般设置中,我将"WordPress地址(URL)"设置为:
http://example.com/blog
Run Code Online (Sandbox Code Playgroud)
永久链接设置如下:
/blog/%category%/%postname%
Run Code Online (Sandbox Code Playgroud)
在子目录(/ public_html/blog /)中,我有一个.htaccess,如:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog/index.php [L]
</IfModule>
Run Code Online (Sandbox Code Playgroud)
一切正常,因为能够访问博客主页:http: //www.example.com/blog 这样做让我发送到"未找到Wordpress 404页面"页面.
我非常感谢解决方案!
编辑
我是个白痴 - 我错过了一些至关重要的东西.我还需要将Wordpress> General中的站点URL更改为:
http://example.com/blog
Run Code Online (Sandbox Code Playgroud)
这样做然后从永久链接结构中删除/ blog /使一切正常.如果@IanB没有拿到没有必要的/ blog /位,我可能不会发现这个.谢谢...