Question

有什么方法可以操纵tumblr控件吗？他们非常丑陋和灰色。我想知道是否有任何方法可以将iframe#tumblr_controls {display:none;}添加到我的CSS并重新创建具有相同功能但具有不同外观的所有控件。 Tumblr controls (iFrame)

Answer 1

是的，更换所有功能相当容易。正如您所建议的那样，您可以隐藏Tumblr的默认值：

#tumblr_controls {display:none;}

在索引页面上，您需要信息中心，关注和电子邮件。您无法确定是否需要取消关注，但始终显示关注不应该太糟糕。

信息中心网址：

http://www.tumblr.com/dashboard

关注网址：

http://www.tumblr.com/follow/<blogname>

电子邮件地址：

http://www.tumblr.com/send/<blogname>?redirect_to=http%3A%2F%2F<blogname>.tumblr.com%2F

在永久链接页面上，您还需要Reblog和Like。这些有点困难，但我在这里有一个示例：http://like-button.tumblr.com/

Reblog使用未记录的变量{ReblogURL}。您只需将其设为链接的href：

<a href="{ReblogURL}">reblog</a>

要添加Like功能，请使用以下网址并将其设置为不可见src的{{1}}属性：

<iframe>

http://www.tumblr.com/<command>/<oauthId>?id=<postId>：<command>或like
unlike：<oauthId>
{ReblogURL}：<postId>

示例：

{PostID}

您需要将http://www.tumblr.com/like/fGKvAJgQ?id=16664837215和{ReblogURL}两个变量放入{PostID}块中。然后使用脚本构建URL并设置{block:Posts}。

src

$( document ).on( 'click', '.like', function ( event ) {

event.preventDefault();

var command = $( this ).hasClass( 'liked' ) ? 'unlike' : 'like',
    post = $( this ).closest( '.post' ),
    oauth = post.find( '.reblog' ).attr( 'href' ).slice( -8 ),
    id = post.attr( 'id' ),
    likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;

$( '#like-it' ).attr( 'src', likeUrl );
$( this ).toggleClass( 'liked' );

} );

{block:Posts}
<article id="{PostID}">
<a href="{ReblogURL}" class="reblog">reblog</a>
<a href="#" class="like">like</a>
</article>
{/block:Posts}

<iframe id="like-it"></iframe>

Answer 2

现在有所不同。只需添加

#iframe_controls { display:none; }

到CSS（＆＃39;编辑HTML＆＃39;的内部标记）。

操纵Tumblr的默认iframe控件

2 个答案: