4

画像用のワードプレスブログを作成しました。すべての投稿を公開している間、私は画像をアップロードするためにワードプレスエディターを使用しませんでした。代わりに、FillaZillaを使用して画像をアップロードしました。次に、ワードプレスエディターで、すべての投稿に画像タグ(下)のみを手動で書き込んで公開しました。すべての投稿にはテキストは含まれていませんが、画像のみが含まれています。このような、

<img alt="" title="" src=""></img>

ここでお聞きしたいのは、すべての投稿の画像に、画像srcと同じ自動ハイパーリンクアドレスを取得させたいということです。私のワードプレスのブログには200以上のブログ投稿があります。それらすべてを1つずつ編集したくありません。ワードプレスのコンテンツ領域のコーディングは次のとおりです。

<div class="post-entry">
                                            <p><img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="sun" alt="sun" /></p>

</div>

誰かがこれについて私を助けてくれますか?画像にハイパーリンクを追加するにはどうすればよいですか?WordPressテーマページのエントリー後のdivに入れることができるコードはありますか?

@ chandu-vkmは(コメントで)私が探していたものを正確に説明しました。もう1つ質問があります。imgの前にスパンタグを追加すると、前述のコード@ chandu-vkmでは、imgタグの直前にスパンタグを追加できません。代わりに、以下のコードのように、placeタグをpタグの外側に配置します。

<div class="post_div">
<span class="entry"></span>
<p>
<img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="Cute Teddy Bear" alt="Cute Teddy Bear" />
</p>
</div>

しかし、このように、スパンをpの直後に配置したいと思います。

 <div class="post_div">
        <p>
         <span class="entry"></span>
        <img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="Cute Teddy Bear" alt="Cute Teddy Bear" />
        </p>
    </div>

誰か助けてください。

4

2 に答える 2

3

あなたはいくつかのjqueryでそれを行うことができます

<div class="post_div">
    <img src='http://www.mywebsite.com/wp-content/uploads/2012/04/sun.jpg' title="sun" alt="sun" />
</div>

このような

$('.post_div img').each(function(){
$(this).wrap(function() {
  return '<a href="' + $(this).attr('src') + '" />';
})   
});

ここにサンプルhttp://jsfiddle.net/a4PYd/

于 2012-04-26T10:07:11.460 に答える
0

すべての投稿コンテンツにタグのみが含まれていることが確実な場合は<img>、次のコードスニペットをfunctions.phpファイルに追加できます。

function hyperlink_all_my_content( $content ) {
    $link = "http://www.somelink.com";
    return "<a href='$link'>$content</a>";
}
add_filter( 'the_content', 'hyperlink_all_my_content' );

これにより、ワードプレスのページであっても、すべてのコンテンツがリンクされることに注意してください。

編集:

function hyperlink_all_my_content( $content ) {

    $matches = array();
    $nummatches = preg_match("/src=['|\"](.*)['|\"]/", $content, $matches);
    return "<a href='" . $matches[1] . "'>$content</a>";
}
add_filter( 'the_content', 'hyperlink_all_my_content' );
于 2012-04-26T09:53:52.907 に答える