WordPress鼠标悬停在带背景色的文字上?

时间:2015-07-06 06:49:09

标签: php jquery css wordpress

我是wordpress的新手,并使用4.2.2版本。我需要在图像上用文本显示鼠标在背景颜色上。给定的文本和图像是从管理面板动态生成的。我已经提供了下面的图片作为参考,第一张图片现在我有我的网站,下一张图片我需要这样做。

enter image description here

enter image description here

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以将此功能用于wordpress

<?php wp_get_attachment_image( $attachment_id, $size, $icon, $attr ); ?>

<?php wp_get_attachment_metadata( $attachment_id, $unfiltered ); ?>

这是codex

http://jsfiddle.net/ce1qzjv1/ https://codex.wordpress.org/Function_Reference/wp_get_attachment_image

有了这个,你可以得到图像的名称,并像Sagar所说的那样显示

您将在页面中使用此功能,而不是在yout functions.php中使用

你不会在这些功能中出现这种情况,你会在你的页面中使用它,就像这样

<?php 
     $my_query = new WP_Query('post_type=eventos&category_name=galeria_evento&posts_per_page=1');
                    while ($my_query->have_posts()) : $my_query->the_post(); 
                        ?>

                    <?php
                        $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
                        $args = array(
                                        'post_type' => 'attachment',
                                        'post_parent' => $post->ID,
                                        'numberposts' => -1,
                                        'paged' => get_query_var('paged'),
                                        'exclude' => get_post_thumbnail_id()
                                    );

                   // making the list of the attachments
                        $attachments = get_posts( $args );
                        if ( $attachments ) {
                            foreach ( $attachments as $attachment ) {
                            // getting the image and title of the attachment
                            echo "<div class='item-slide'><p class='title-slide'>".apply_filters( 'the_title', $attachment->post_title )."</p>".wp_get_attachment_image( $attachment->ID, 'full' )."</div>";                                
                            }
                        }
                    ?>


            <?php endwhile; ?>