Question

我想让我的网站链接滑块图片。我的wordpress中没有任何东西可以选择，所以我从文件管理器中打开了滑块php，我正在试图找出我需要做什么才能使图像链接而不必放在＆＃34;字幕＆＃34 ;. Here is the website

<div id="home-slide-wrapper">
                <div id="home-slide" class="<?php echo $img_slide_effect_direction; ?>">
                    <ul class="slides">
                        <?php 
                            foreach( $slides as $slide ) : 
                            $image_id = get_post_meta($slide->ID, 'info_image', true);

                            // $resized_image_src = wp_get_attachment_image_src($image_id, 'full');
                            // $resized_image_src = $resized_image_src[0];

                            $resized_image_src = theme_get_image( $image_id, 5000, $img_slide_height, true );

                            // Caption
                            $caption_pos = get_post_meta($slide->ID, 'info_caption_pos', true);
                            $caption_title = __(get_post_meta($slide->ID, 'info_caption_title', true));
                            $caption_text = __(get_post_meta($slide->ID, 'info_caption', true));
                            $link = __(get_post_meta($slide->ID, 'info_link', true));

                            // Pre-Process
                            $caption_title = ( $link != '' && $caption_title != '' ) ? '<a href="' . $link . '">' . $caption_title  . '</a>' : $caption_title;

                            $caption_title_bg_tone = 'slide-caption-bg-' . getDarkLightYIQ( $sitewide_caption_title_bg_color );
                            $caption_style[] = ( $sitewide_caption_title_text_color != '' ) ? 'color:' . $sitewide_caption_title_text_color . ';' : '';
                            $caption_style[] = 'background-color:' . $sitewide_caption_title_bg_color . ';';
                            $caption_title_style = 'style="' . implode( ' ', $caption_style ) . '"';
                        ?>
                            <li>

                                <img src="<?php echo $resized_image_src; ?>" alt="<?php echo $slide->post_title; ?>" />

                                <?php if( $caption_title || $caption_text ): ?>
                                <div class="slide-caption <?php echo $caption_pos; ?>">
                                <div class="container">
                                    <?php if( $caption_title != '' ) : ?>
                                        <div class="slide-caption-headline <?php echo $caption_title_bg_tone; ?>"><?php echo $caption_title; ?></div>
                                    <?php endif; ?>
                                    <?php if( $caption_text ) : ?>
                                        <div class="slide-caption-text"><?php echo $caption_text; ?></div>
                                    <?php endif; ?>
                                </div>
                                </div>
                                <?php endif; ?>

                            </li>
                        <?php endforeach; ?>
                    </ul>
                </div>

        </div><!-- #home-slide-wrapper -->

Answer 1

替换

<img src="<?php echo $resized_image_src; ?>" alt="<?php echo $slide->post_title; ?>" />

与

<a href="<?php echo $link; ?>">
  <img src="<?php echo $resized_image_src; ?>" alt="<?php echo $slide->post_title; ?>" />
</a>

Javascript不允许实际图像被链接出来

1 个答案: