1

我不是 PHP、javascript 和 js 方面的专家；所以我希望有人可以用简单的语言帮助我。我刚刚开发了我的第一个 wordpress 网站并极大地更改了代码，使用这个论坛 - 到目前为止非常感谢！

网站：http ://www.heritageglass.com.au

我的要求：文本（媒体库中的图像描述）悬停在图像上。

就像这个网站或这个插件一样，我在这个网站上发现了几个与我的问题有关的问题，但它们似乎没有帮助，或者我不知道把它放在哪里，因为它正在抓取the_title并且我想要the_description。有这样的说法吗？

Portfolio.php 模板中的 PHP 代码：

<div data-id="post-<?php the_ID(); ?>" data-type="<?php
  $categories = get_the_category();
  $count = count($categories);
  $i=1;
  foreach($categories as $category) {
      echo str_replace('-', '', $category->slug);
      if ($i<$count) echo ' '; $i++;} ?>" class="post-<?php the_ID(); ?>
      <?php
        $categories = get_the_category();
        foreach($categories as $category) {
            echo str_replace('-', '', $category->slug).' '; } ?> project portfolio-item-wrap">
    <div class="portfolio-item">
        <?php if ( has_post_thumbnail() ) { ?>
        <a class="portfolio-item-img" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail( 'portfolio-image' ); ?></a>
        <?php } ?>


        <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
        <p>
            <?php
            $categories = get_the_category(); 
            $temp = array();
            foreach($categories as $category) {
                if ($category->category_parent == 0) continue;
                $temp[] = str_replace('-', '', $category->name); 
            } 
            echo implode(", ", $temp);
            ?>
        </p>
    </div>
</div>

我发现了这个：Text over image using jquery and css ，并在 header.php 中添加了脚本。并使用我的 .portfolio-item 和 .portfolio-item-img 而不是 .wrapper 和 .description - 但这并没有做任何事情。

希望有人能引导我朝着正确的方向前进吗？

谢谢！

4

4 回答 4

0

编辑帖子时，添加两个自定义字段，一个用于标题，一个用于描述。我们的代码是这样的： 

$dataType = '';
$divClass = '';

$categories = get_the_category();
$count = count($categories); 
$i=1; 
foreach($categories as $category) {
    $dataType .= str_replace('-', '', $category->slug); 
    $divClass .= str_replace('-', '', $category->slug).' ';
    if ($i<$count) $dataType.= ' ';
    $i++;
}

$metaList = get_post_meta(get_the_ID());
$title = isset($metaList['title']) ? $metaList['title'] : '';
$description = isset($metaList['description']) ? $metaList['description'] : '';

// now we have title and description for the thumb!
?>
<div data-id="post-<?php the_ID(); ?>" data-type="<?php echo $dataType;?>"
    class="post-<?php the_ID(); echo $divClass;?>  project portfolio-item-wrap">
    <div class="portfolio-item">
        <?php if ( has_post_thumbnail() ) { ?>
            <a class="portfolio-item-img" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                <?php the_post_thumbnail( 'portfolio-image' ); ?>
            </a>
        <?php } ?>


        <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
        <p>
            <?php
                $temp = array();
                foreach($categories as $category) {
                    if ($category->category_parent == 0) continue;
                    $temp[] = str_replace('-', '', $category->name); 
                } 
                echo implode(", ", $temp);
            ?>
        </p>
    </div>
</div>
于 2013-04-12T06:03:11.267 回答
0

我想它会帮助你......

http://www.net-kit.com/10-jquery-caption-plugins/#

http://www.inwebson.com/jquery/jquery-image-hover-effects/

于 2013-04-12T05:35:32.063 回答
0

经过大量研究，我找到了答案。

这就是答案：如何从我的 wordpress 页面获取特色图片描述？

输入 the_post_thumbnail_caption(); 在跨度标签中并在 CSS 中设置您的跨度标签类。

完毕。

感谢大家的帮助！

于 2013-04-15T04:47:44.507 回答
0

在四年前的WordPress 论坛上进行搜索时，我发现了这个，不确定它是否是您需要的，但它可能会为您指明正确的方向。

$img_desc = $image->post_excerpt;
于 2013-04-12T04:34:15.973 回答