Question

您好：我有一个简单的主题，我认为这是一个简单的问题。在照片块中 - 我希望在点击时获取图像以转到该帖子的“永久链接”页面，而不是将图像展开到灯箱或显示图像。没有明显的HREF可以修改永久链接 - 所以我迷路了。

从永久链接页面 - 扩展很好。我已经修改了所有变量，我可以完全关闭图像的链接 - 但不能修改行为以将它们发送到永久链接。希望这是有道理的 - 并提前感谢。

实际的tumblr是：bestofmoderndesign.tumblr.com

代码：

 {block:Photo}
                            <div class="media">
                                {LinkOpenTag}
                                    <img src="{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{PhotoURL-400}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoURL-500}{/block:If500pxPosts}{/block:IndexPage}" width="{block:PermalinkPage}{PhotoWidth-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoWidth-500}{/block:If500pxPosts}{/block:IndexPage}" height="{block:PermalinkPage}{PhotoHeight-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{PhotoHeight-400}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoHeight-500}{/block:If500pxPosts}{/block:IndexPage}" alt="{PhotoAlt}" />
                                {LinkCloseTag}
                                {block:IfEnableColorbox}
                                    <a href='{PhotoURL-HighRes}' class='fullsize colorbox' rel="fullsize"><span>{lang:Click for high-res photo}</span></a>
                                {/block:IfEnableColorbox}
                            </div>
                            {block:Caption}
                                <div class="copy">{Caption}</div>
                            {/block:Caption}
                        {/block:Photo}

Answer 1

{LinkOpenTag}和{LinkCloseTag}正在生成指向大图片页面的链接。
而是使用<a href='{Permalink}'>和</a>。

如果您希望它在永久链接页面上继续此行为，您可以随时将代码更改为：

{block:Photo}
    <div class="media">
        {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
        {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
            <img src="{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{PhotoURL-400}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoURL-500}{/block:If500pxPosts}{/block:IndexPage}" width="{block:PermalinkPage}{PhotoWidth-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoWidth-500}{/block:If500pxPosts}{/block:IndexPage}" height="{block:PermalinkPage}{PhotoHeight-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{PhotoHeight-400}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoHeight-500}{/block:If500pxPosts}{/block:IndexPage}" alt="{PhotoAlt}" />
        {block:IndexPage}</a>{/block:IndexPage}
        {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
        {block:IfEnableColorbox}
            <a href='{PhotoURL-HighRes}' class='fullsize colorbox' rel="fullsize"><span>{lang:Click for high-res photo}</span></a>
        {/block:IfEnableColorbox}
    </div>
    {block:Caption}
        <div class="copy">{Caption}</div>
    {/block:Caption}
{/block:Photo}

Answer 2

我重写了代码。由于您不希望它链接到高分辨率图像，我已完全删除它，因此它会自动直接链接到永久链接页面 {块：照片}

    <div class="media">
        {block:IndexPage}
            {block:IfNot500pxPosts}<a href="{Permalink}"><img src="{PhotoURL-400}"></a>{/block:IfNot500pxPosts}
            {block:If500pxPosts}<a href="{Permalink}"><img src="{PhotoURL-500}"></a>{/block:If500pxPosts}
        {/block:IndexPage}

        {block:PermalinkPage}<img src="{PhotoURL-500}">{/block:PermalinkPage}
    </div>
    {block:Caption}
        <div class="copy">{Caption}</div>
    {/block:Caption}
{/block:Photo}

Tumblr主题照片 - 如何停止链接到更大的图像和链接到永久链接

2 个答案: