自定义 Tumblr 的移动主题

Customizing Tumblr's Mobile Theme

我希望让我的 Tumblr 博客对移动设备更友好,我想在我的桌面主题旁边使用移动主题。 我看到我可以使用移动设备的默认移动主题,但是有没有办法让我自定义移动主题,但仍然保留桌面的常规主题?

只是为在搜索时找到这个的人回答。我不希望他们被对这个问题的评论所误导。不高兴。

到目前为止,可以为移动设备设置单独的主题。正如@Ally 还提到的那样,您必须将代码放在带有 url“/iphone-theme”的新 Custom 页面中。
是的,它适用于所有移动设备(不仅仅是 iPhone),更具体地说,它适用于手机,甚至适用于很多大平板电脑 Tumblr 将布局切换到您的 base theme(我在这里根据我的测试讨论了一段时间前;不到几个月。你应该经常测试自己。),我认为这很好。

mobile theme 具有与 base theme 相似的大部分功能,它还响应 meta 标签(如 meta-if、meta-colors 等。那也意味着您可以在 base theme 中使用“Global Appearance”选项)。因此,例如,您在 "theme customization page" 中更改标题为 "Color" 的选项,它应该类似于;

<meta name="color:Color" content="#FFA500"/> 在你的 base theme 的 HTML.

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

请注意,您不能在 "theme customization page" 和 meta tags 中仅在 mobile theme 的 HTML 中创建选项。

我用它。我为什么使用它;
我在桌面版本上有高分辨率图像(用于 "Photo" 帖子),以及用于它们的 JavaScript 图像滑块,有时,移动设备中的某些浏览器因此而崩溃(至少对我的观众而言) .使用 {PhotoURL-500} 而不是 {PhotoURL-HighRes} 可以解决问题,并节省带宽。 CSS @media.

无法做到这一点

致所有人(@Ally 除外);回复之前做一些研究,这甚至不是什么新鲜事。

也不要相信您在互联网上看到的一切(至少在没有可信来源的情况下)。

更新:

mobile theme 覆盖了 "default mobile theme",因此您不必禁用 "Advanced options" 中的选项 "Use default mobile theme" 即可在移动设备上看到 mobile theme。如果禁用该选项,您将看到 base theme.