问题标签 [tumblr-themes]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
872 浏览

javascript - 如何将 JavaScript 添加到我的 Tumblr 博客上的每个非索引页面?

我想将 JavaScript 代码添加到我的Tumblr博客上的每个单独的帖子页面。我有以下内容,但它似乎永远不会出现在任何页面上,更不用说永久链接或单个帖子页面了。我在这里尝试了许多变体,删除Posts块或PermalinkPage块无济于事。我在这里做错了什么?

0 投票
0 回答
42 浏览

versioning - Tumblr 主题的版本控制解决方案

我的问题涉及两个或更多人同时在同一个 Tumblr 主题上工作的情况。那么,有没有人遇到过一个不错的/hacky/dirty 的程序化解决方案,无需移出 Tumblr 就可以实现?或者,移动到 Tumblr 之外但没有使用 Github 的长度?

我将非常感谢您对此的任何建议。

0 投票
0 回答
555 浏览

button - Tumblr 主题,如文本中的按钮

我已经尝试和研究了好几天,但我无法弄清楚如何在文本中制作 Tumblr Theme Like 按钮。这{LikeButton}只是添加了一个不适合任何东西的心形图标。相反,我需要在文本中将其显示为“喜欢”。

欣赏帮助很大!谢谢

0 投票
1 回答
265 浏览

iframe - Responsive class setting iFrame height to 0, resulting in no image displayed

While working on a project, I discovered some of my images on Tumblr are not displaying. The only clue I've found is that within the responsive-level-1 class (see below for html code), the height of the iFrame is set to 0. If I pop open a dev console in Chrome and set that to be, e.g., 1632 (not 0), the image appears. I'm using a theme (Brick theme/theme garden) , but am able to edit the html and css. Can I modify my css and/or HTML to fix this? The issue occurs across device platforms (desktop/phone/tablet).

Example of no image displayed- http://deligrossery.com/post/149661412746/gawad-deli-grocery-207-hart-st-brooklyn-ny

corresponding css files: responsive.css: http://static.tumblr.com/eftyn9y/kc0og8vio/responsive.css style.css: static.tumblr.com/3zmswwt/Fmkmwgp8e/style.css (^ I can't post more than 2 links until my reputation is at least 10/add an https:// to the style.css).

<iframe id="photoset_iframe_149661412746" class="photoset" scrolling="no" frameborder="0" height="0" width="500" style="border:0px; background-color:transparent; overflow:hidden;" src="http://deligrossery.com/post/149661412746/photoset_iframe/deligrossery/tumblr_ocn1e9dTfK1txl3g8/500/false" name="photoset_iframe_149661412746"></iframe>

0 投票
0 回答
456 浏览

html - 为什么我的 tumblr 回答帖子的 CSS 停止工作?

在我为答案帖子添加特定块之前,我的答案帖子的 css 就像其他帖子一样工作。
.text blockquote { border: 3px solid #fff; padding: 0px 10px;}
但是,直到我添加:设置文本帖子的样式后 ,此块才开始工作 。

我是 html/css 编码的新手,我不知道所有具体的 tumblr 事情,所以请原谅凌乱的布局和迂回的编码。

我的 tumblr 的网址是:ellenosaurus.tumblr.com,这样您就可以看到问题所在。

我的主题的整个代码在这里:http

: //pastebin.com/AJPab7BK 我的回答帖子的 html 是:

我的答案帖子的CSS是:

0 投票
3 回答
263 浏览

html - 为什么在移动设备上查看网站时,导航栏下方会出现“iframe.hidden{display:none}”?

我正在用 Tumblr 创建一个网站。当我通过手机查看网站时,代码 iframe.hidden{display:none} 显示在左上角。我在代码中的任何地方都找不到 iframe.hidden{display:none} 。是因为 Tumblr 渲染代码的方式,还是可能在它们的末尾?下面是我正在谈论的图像。(https://i.stack.imgur.com/HX9ek.png

0 投票
0 回答
479 浏览

tumblr - Tumblr 模板 + 静态页面特定 HTML

一位朋友让我帮他们在他们的 tumblr 页面上放置一个 paypal 按钮。他们试图将代码放在页面编辑面板中提供的所见即所得中,但这剥夺了按钮工作所需的代码。这是有充分理由的,所以我签出了主题模板。以我的经验,像这样的博客系统是很长的模板,有大量的if page is 'about' { // show this }类型块,有许多帖子类型以及搜索和标签树迷你模板等,在适当的时候在模板中呈现你可能需要的一切。

我查看了文档,发现了一些有用的键:https ://www.tumblr.com/docs/en/custom_themes#pages ,例如{URL}{Label}{PostId}{CurrentPage}{ShortURL}

我的第一个期望是body上可能有一个与当前页面相关联的类,我可以用它来隐藏/只用CSS显示(这只是一个朋友的快速修复)-但是没有类或id 或任何我可以挂钩的东西。我想我可以得到一些条件模板,例如:

...但据我所知,没有这样的东西存在。我已经尝试使用所有页面变量,但我的任何测试都没有运气。当前页面是指分页设置中的索引......所以它总是1在静态页面上。{ShortUrl} 不返回任何内容。是否有我不理解的更大循环?

条件模板是最好的,但我至少希望构建一个小函数,可以在主体上添加一个 slug 或其他东西。我使用了标签并对其进行了虚化处理,这可能适用于 CSS 样式 - 但如果他更改页面名称,它会中断。

我错过了什么?这不是标准需求吗?我使用了错误的搜索词吗?

这是一篇文章,其中包含仅在所有静态页面上显示某些内容的技巧... http://beta.beantin.se/customised-tumblr-theme-static-pages/ 但这并没有真正帮助我 - 我认为从那{StaticURL}以后可能已经改变了。

0 投票
1 回答
1765 浏览

html - 从 Tumblr 主题的索引页面隐藏带有特定标签的帖子

我想从博客的索引页面中隐藏任何带有特定标签的帖子。

有问题的主题是Zen Themes 的 Pation

0 投票
1 回答
662 浏览

tumblr - 如何让每个帖子在 Tumblr 的新页面上打开?

我需要制作一个包含帖子流的首页(这是平台上的默认设置),但每个帖子都应该在一个新页面上打开,其中包含更详细的信息和图片。类似于 WordPress 的东西——索引页和单页。

0 投票
1 回答
587 浏览

google-chrome - 同位素水平布局在 Chrome 和 Firefox 中不起作用;tumblr 中可能存在的错误

在开发 tumblr 主题时,我注意到即使 Isotope 的水平“水平”布局在 Safari、Chrome 和 Firefox 中完美运行,但布局似乎不起作用。当我在搜索框中输入内容(过滤)时,布局会正确重新加载,但似乎不遵守容器上的 css 高度/宽度限制。其效果在 Safari 中有效但在 Chrome/Firefox 中无效的页面:01

Desandro 在 codepen 上的水平布局示例适用于所有浏览器,因此为了检查它是否可能是 tumblr 搞砸了,我将问题简化为DeSandro在他的 codepen 示例中所写的内容。即便如此,它也无法在 tumblr 上运行,无论是 Chrome 还是 Firefox。它在 Safari 中运行。减少问题的页面:02

请务必注意,默认布局“masonry”适用于所有浏览器。我没有发现有人在 tumblr 主题上使用 Isotope 的水平“水平”布局,所以我无法将我的主题与他们的主题进行比较或向他们学习。这是 tumblr 的一个可能的错误吗?如果有人可以查明问题并解释这里发生了什么,以便我可以使主题看起来像它在 Safari 中的样子,我将非常感激!