【问题标题】:Can You Use PHP in A Tumblr Theme? [closed]你可以在 Tumblr 主题中使用 PHP 吗? [关闭]
【发布时间】:2012-06-21 23:48:11
【问题描述】:

我想在 tumblr 主题中使用 PHP 变量,以便照片大小是随机的。是否可以在 tumblr 自定义主题中使用 PHP,还是它自己的语言/API 不允许 PHP 内联?

【问题讨论】:

  • 没有。为什么不使用 javascript 来调整图像大小?
  • 在 tumblr 中如何?基本上我有一个
    我想添加
    ,xxx 是我可以插入的变量,因为 tumblr 只允许你编辑所有帖子的 css 类,而不是单独调整它们的大小
  • 不,但是我为您提供了三种解决方案(PHP 通过 Tumblr Api、CSS 通过 Tumblr 主题和 javascript方式)

标签: php css styles tumblr


【解决方案1】:

不,因为这会导致安全漏洞,这就是他们在主题中使用mustache 的原因。 我也很确定 tumblr 不是用 PHP 编写的。

【讨论】:

  • 这是一篇关于 tumblr 架构的有趣文章...highscalability.com/blog/2012/2/13/…
  • Tumblr 使用的软件:PHP、Scala、Ruby(Napolux 的链接),显然他们确实使用 PHP
  • 我认为他们不会留胡子..
【解决方案2】:

我做了更多的研究,我认为这种使用标签的方法可能是最好的,至少是最用户友好的:

Can you customize the format of a Tumblr post based on its tag?

我在 CSS 中为我​​的客户设置了几个不同的类,.small、.medium、.large。现在他们可以用这三个词中的任何一个来标记,照片将相应地调整大小。唯一的缺点是标签在 tumblr 的照片流中可见,因此您可能会看到“#small”或类似的东西。我宁愿没有这个,但我真的想不出一种更简单的方法让用户轻松地将课程添加到帖子中。

【讨论】:

    【解决方案3】:

    你不能在 Tumblr 主题中使用 PHP 变量,因为 Tumblr 使用自己的模板引擎而不是 PHP。

    您可以使用 Tumblr 主题创建的真实变量变量只有 Theme appearance options,但它们对所有主题都是通用的。

    您有几种可能的解决方案:

    • 在您自己的 PHP 项目中使用 Tumblr API
    • 使用 Create a custom HTML theme 指南为每个帖子创建自定义类(使用 css),就像我在开发的 Hampi theme 中所做的那样:

      <article id="post{PostID}" class="
          {PostType}
          {block:PostNotes}hasnotes{block:PostNotes}
          {block:More}hasmore{/block:More}
          {block:HasTags}hastags{/block:HasTags}
          {block:Date}
              postdate-{AmPm}
              postdate-{ShortDayOfWeek}
              postdate-{ShortMonth}
              postdate-{DayOfMonthWithZero}
              postdate-{Year}
          {/block:Date}
          {TagsAsClasses}
      ">
      
    • 使用 javascript(实际上是 jQuery)修改具有随机宽度值的 每个 帖子的样式,就像在这个 @ 987654325@:

      $(function() {
          $.each($('.post'), function(i, post) {
              var max = 800,
                  min = 500,
                  rand = (Math.floor(Math.random() * max) + min);
      
              $(post).css('width', rand);
          });
      });​
      

      max=200min=100 的结果如下:

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签