2012-04-04 2 views
1

Ich versuche, meine Tumblr-Posts direkt auf die Quelle zu verweisen, wenn geklickt wird, anstatt auf die Post-Seite zu gehen und den Quelllink dort anzuklicken.Verknüpfen von Tumblr-Fotos direkt mit der Quelle

Hier ist der Code, den ich für die Fotobeiträge habe.

{block:Photo} <div class="permalink"><a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a></div> <div class="photo"> <div class="photobox"><a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a></div> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </div> {/block:Photo}

Ich habe versucht, die photobox 'Permalink' Wechsel usw. ohne Erfolg zu beziehen.

Wer hat irgendwelche Ideen?

Antwort

0

nach Kommentare bearbeiten

sollte es sein <a href="{LinkURL}">

Sie müssen sicherstellen, wenn Sie das Bild sind hinzufügen, die Sie das Ziel als außerhalb von tumblr auch angegeben haben.

enter image description here

+0

Hallo Josh Ich habe das obige versucht und verlinke nur auf meine URL. Die URL ist www.bebrisk.co.uk – ryantcarter

+0

Das ist, weil Ihr 'href' auf Ansichtsquelle leer ist:'

'Wie fügst du diese Bilder, Standardtumblr-Armaturenbrettart hinzu? Oder manuell? –

+0

Ich füge sie über das tumblr-Dashboard hinzu - Sie können sehen, dass ich die Links hier eingefügt habe? - http://dl.dropbox.com/u/227304/Screenshots/0v.png – ryantcarter

1

In der Hoffnung, dass jemand, der diese es etwas finden wird, ist hier eine Weise, die ich {LinkURL} zu zeigen, gefunden, wenn es verfügbar ist, und eine andere URL, wenn es nicht ist.


Tumblr bietet {block:LinkURL}einige Code angezeigt wird, wenn {LinkURL} verfügbar ist, aber es gibt keine {block:NoLinkURL}zu verwenden, wenn {LinkURL} nicht verfügbar.

Idealfall sollte dies möglich sein:

<a 
{block:LinkURL}href="{LinkURL}"{/block:LinkURL} 
{block:NoLinkURL}href="{Permalink}"{/block:NoLinkURL}> <!-- does NOT work --> 
    <img src="{PhotoURL-400}"/> 
</a> 

Aber {block:NoLinkURL} existiert nicht, also verwende ich {block:LinkURL} anstelle der normalen Link zu kapern:

<a {block:LinkURL} href="{LinkURL}" data-ignored-{/block:LinkURL}href="{Permalink}"> 
    <img src="{PhotoURL-400}"/> 
</a> 

Wenn {LinkURL} ist verfügbar Beide Links werden im HTML sein, aber nur einer wird gelesen.

Beispiel Ausgabe

Dies ist die Ausgabe wenn {LinkURL} nicht verfügbar:

<a href="/permalink"> 
    <img src="/image.jpg"/> 
</a> 

Und wenn der Ausgang wenn {LinkURL} verfügbar:

<a href="/linkurl" data-ignored-href="/permalink"> 
    <img src="/image.jpg"/> 
</a> 
+0

So schlau. Vielen Dank. – manafire

Verwandte Themen