自定义Tumblr移动主题

Question

自定义Tumblr移动主题

tumblrtumblr-themes

5

我希望能让我的Tumblr博客更加适合移动设备，并想在桌面主题旁边使用移动主题。我知道可以使用默认的移动主题来适应移动设备，但我能否自定义移动主题，同时保留桌面主题呢？

- user3750597

1

不过，默认的移动主题使用了全局外观选项：https://www.tumblr.com/docs/en/custom_themes#global_appearance，你可以将其添加到你的主题中。 - mikedidthis

1

@mikedidthis 是正确的，但是除此之外，你还可以完全关闭默认的移动主题，在编辑主题的高级选项中可以找到（请参见这里：http://41.media.tumblr.com/4a0476786fb96d6fc02f104575d40976/tumblr_nfssg1uSfQ1rqxd4qo1_1280.png），但为了使其正常工作，您需要使用媒体查询编写自己的CSS。不过，Tumblr上有很多免费的响应式主题可供选择。 - lharby

1

除非主题自定义有了重大变化，否则您可以通过设置/iphone-theme页面来自定义移动主题，并且它将在移动浏览器上工作——或者至少以前是这样的。 - Ally

1

不，它不仅仅适用于iPhone。我有一些安卓设备也可以使用它。 - Ally

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Person · Accepted Answer

针对那些通过搜索找到此答案的人，我想回答一下。我不希望他们被问题上的评论所误导。这让我感到不高兴。

目前为止，有可能为移动设备单独设置主题。你需要在一个新的Custom页面中输入相关代码，将其链接到 "/iphone-theme"，正如@Ally所提到的那样。
是的，它适用于所有移动设备（不仅仅是iPhone），更具体地说，适用于手机，甚至对于很多大尺寸平板电脑，Tumblr也会切换到你的base主题（这是根据我几个月前的测试来说的；你应该自己测试一下，总是最好的。）我认为这很不错。

移动主题与基础主题一样拥有大多数功能，它也响应meta标签（如meta-if、meta-colors等）。这也意味着您可以在基础主题中使用“全局外观”选项。例如，在“主题自定义页面”中更改名为“Color”的选项，它应该看起来像这样：<meta name="color:Color" content="#FFA500"/> 在您的基础主题 HTML 中。

然后，如果移动主题中的颜色也设置为类似于body { color: {color:Color}}或body { background-color: {color:Color}}，那么您也会影响移动主题中的颜色。即使移动主题中没有相同的meta标签。

请注意，您不能仅在移动主题的HTML中使用标签创建“主题自定义页面”中的选项。

我使用它。为什么我使用它;
在桌面版中有高分辨率图像（用于“照片”帖子），以及针对它们的JavaScript图像滑块，有时，移动设备上的某些浏览器会因此崩溃（至少对我的受众而言）。使用{PhotoURL-500}代替{PhotoURL-HighRes}解决了这个问题，并节省了带宽。你无法通过CSS @media做到这一点。

对于每个人（除了@Ally）在回复之前进行一些研究，这甚至不是一个新事物。

同时不要相信互联网上的一切（至少没有可信的来源）。

更新：

移动主题覆盖了“默认移动主题”，因此您不必在“高级选项”中禁用“使用默认移动主题”选项才能在移动设备上查看移动主题。如果您禁用该选项，则会看到您的基本主题。