0

ここで私がやろうとしているのは、基本的にループ投稿のdivbackground-imageの背景を作成することです。

擬似コードは次のようになります。

 if this.post has an img tag {
  store the img tag's src into a var,
  then use that img src var as the background-image of the div which holds the permalink to the post
 }

これは意味がありますか？WPDB内からsrcを取得する必要があると思いますが、WPDBからそのデータを取得するだけでなく、div内で使用できるvarにデータを取得する方法も本当にわかりません。背景画像...

私は知っています、かなり難しい注文であり、おそらく私にとって大きな学習曲線です。しかし、それが私たちが正しく学ぶ方法です！:)

よろしくお願いします。

4

2 に答える 2

0

jQuery を使用している場合は、JavaScript で次のようなことができます。

$(document).ready(function(){
  $('img').each(function(){
    var $containingDiv = $(this).parent();
    $containingDiv.css('background-image', 'url(' + $(this).attr('src'));
  });
});

$(this).parent()背景を取得する実際の要素を指すように変更する必要があります。$(this).parent()img要素の親要素です。

注: これにより、html ドキュメント内のすべての画像が処理されます。画像セレクターでスコープを制限したい場合があります。たとえば、画像の親である html 要素のクラス名が「post」の場合、次のことができます。

$('.post > img').each(function(){

実際に必要なものを見つけるには、セレクターに関する jQuery ドキュメント ( http://api.jquery.com/category/selectors/ ) を確認してください。

于 2013-01-29T09:18:00.997 に答える
0

投稿の「アイキャッチ画像」を使用できます。まず、これをfunctions.phpファイルに追加して投稿サムネイルを有効にします。

add_theme_support( 'post-thumbnails' );

次に、次のコードを使用して注目の画像を取得できます。

$image_src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID));

次に、それを div に適用します。

<div style="background-image: url(<?php echo $image_src; ?>);">
于 2013-01-26T00:11:13.113 に答える