自定义 Tumblr 的移动主题答案

【问题标题】：Customizing Tumblr's Mobile Theme自定义 Tumblr 的移动主题
【发布时间】：2015-03-02 23:03:48
【问题描述】：

我希望让我的 Tumblr 博客对移动设备更友好，并且我想在桌面主题旁边使用移动主题。我发现我可以为移动设备使用默认的移动主题，但有没有办法让我自定义移动主题，但仍保留桌面的常规主题？

【问题讨论】：

没有。然而，默认移动主题使用 全局外观 选项：tumblr.com/docs/en/custom_themes#global_appearance，您可以将其添加到您的主题中。
@mikedidthis 是正确的，但另外你可以完全关闭默认的移动主题，它在编辑主题的高级选项中（见这里：41.media.tumblr.com/4a0476786fb96d6fc02f104575d40976/…）但为了让你工作必须使用媒体查询编写自己的 CSS。但是 tumblr 有很多免费的响应式主题。
除非主题自定义发生了巨大变化，是的，您可以通过为/iphone-theme 设置页面来自定义您的移动主题，它可以在移动浏览器上运行——或者至少，它曾经.
不，它不仅仅适用于 iPhone。我有可以运行的 Android 设备。

【解决方案1】：

只为在搜索时找到此内容的人回答。我不希望他们在这个问题上被 cmets 误导。不高兴。

到目前为止，可以为移动设备提供单独的主题。您必须将代码放在一个新的Custom 页面中，网址为“/iphone-theme”，正如@Ally 所提到的。
是的，它适用于所有移动设备（不仅仅是 iPhone），更具体地适用于手机，甚至适用于许多大型平板电脑 Tumblr 将布局切换到您的base theme（这里我是根据我刚才的测试说的；不到几个月。你应该经常测试自己。），我认为这很好。

mobile theme 具有大多数功能，例如 base theme，它还响应 meta 标记（例如 meta-if、meta-colors 等。这也意味着您可以使用“Global Appearance”选项）在base theme。因此，例如，您在“主题自定义页面”中更改标题为“颜色”的选项，它应该看起来像这样；

<meta name="color:Color" content="#FFA500"/> 在您的 base theme 的 HTML 中。

如果移动主题的颜色也设置为类似的颜色，那么您也会影响移动主题中的颜色； body { color: {color:Color}} 或 body { background-color: {color:Color}}。即使移动主题中不存在相同的元标记。

请注意，您不能在“主题自定义页面”中使用meta tags 仅在mobile theme 的 HTML 中创建选项。

我用它。我为什么使用它；
我在桌面版本上有高分辨率图像（用于“照片”帖子），它们有 JavaScript 图像滑块，有时，移动设备中的一些浏览器会因为这个原因崩溃（至少对我的观众来说）。使用{PhotoURL-500} 而不是{PhotoURL-HighRes} 可以解决问题，并节省带宽。 CSS @media 无法做到这一点。

致所有人（@Ally 除外）；在回复之前做一些研究，这甚至不是一个新事物。

也不要相信你在互联网上看到的一切（至少没有可信来源）。

更新：

mobile theme 会覆盖“默认移动主题”，因此您无需禁用“高级选项”中的“使用默认移动主题”选项即可在移动设备上查看 mobile theme。如果禁用该选项，您将看到您的base theme。

【讨论】：