大胆的主题-关于盒子上方的图像

时间:2012-01-25 作者:Shehzad009

您好,我正在为我的Wordpress网站使用粗体主题。我对这些盒子(全部3个)有问题。所有这三个框都有一个“阅读更多”功能,可以将用户带到另一个页面,在这些框的上方有一个小图像。

现在,我希望每个框的图像也能将用户带到另一个页面,但如何使每个图像在wordpress中变成链接?

这是我的家。php这可能会有所帮助。

<?php get_header(); ?>

    <!-- BEGIN SLIDER -->

      <div id="slider">

            <?php if(get_option(\'boldy_slider\')!=\'\'){

            $page_data = get_page(get_option(\'boldy_slider\'));

                    $content = $page_data->post_content;

                    echo $page_data->post_content;

            }else{?>

                <div style="border:1px solid #ddd; text-align:center; padding:150px 100px 0; height:219px; font-size:14px;">

                    This is the slider. In order to have items here you need to create a page in which to insert the images, simply one after another, setting up the link to point at ( if needed ) and text captions in the Title field. Then select the page as the "slider page" in the Theme Options Page. Make sure your images are 960px x 370px.

                </div>

            <?php }?>

        </div>

       <div style="width:960px; margin:0 auto; background:url(<?php bloginfo(\'template_directory\'); ?>/images/bk_shadow_slider.png) 0 0 no-repeat; height:50px;"></div>

       <!-- END SLIDER -->

       <!-- BEGIN BLURB -->

       <?php if(get_option(\'boldy_blurb_enable\')=="yes" && get_option(\'boldy_blurb_text\')!=""){ ?>

       <div id="blurb">

            <p>

            <a href="<?php 

            if(get_option(\'boldy_blurb_page\')!=""){

                echo get_permalink(get_option(\'boldy_blurb_page\'));

            }elseif(get_option(\'boldy_blurb_link\')!=""){

                echo get_option(\'boldy_blurb_link\');

            } ?>"><img src="<?php bloginfo(\'template_directory\'); ?>/images/but_blurb.png" alt="" /></a>

            <?php echo get_option(\'boldy_blurb_text\'); ?> 

            </p>

       </div>

       <?php }?>

       <!-- END BLURB -->

       <!-- BEGIN HOME CONTENT -->

       <!-- begin home boxes -->

        <?php $box1=get_post(get_option(\'boldy_home_box1\'));

                  $box2=get_post(get_option(\'boldy_home_box2\'));

                  $box3=get_post(get_option(\'boldy_home_box3\')); 

                  if(get_option(\'boldy_home_box1\')!= null && get_option(\'boldy_home_box2\')!= null && get_option(\'boldy_home_box3\')!= null){?>

        <div id="homeBoxes" class="clearfix">

            <div class="homeBox">

                <h2><?php echo $box1->post_title?></h2>

                <?php echo apply_filters(\'the_content\', $box1->post_content);?>

                <a href="<?php echo get_option(\'boldy_home_box1_link\')?>"><strong>Read more &raquo;</strong></a>

            </div>

            <div class="homeBox">

                <h2><?php echo $box2->post_title?></h2>

                <?php echo apply_filters(\'the_content\', $box2->post_content);?>

                <a href="<?php echo get_option(\'boldy_home_box2_link\')?>"><strong>Read more &raquo;</strong></a>

            </div>

            <div class="homeBox last">

                <h2><?php echo $box3->post_title?></h2>

                <?php echo apply_filters(\'the_content\', $box3->post_content);?>

                <a href="<?php echo get_option(\'boldy_home_box3_link\')?>"><strong>Read more &raquo;</strong></a>

            </div>

        </div>

1 个回复
最合适的回答,由SO网友:Stephen Harris 整理而成

这些图像只需显示您为每个框创建的页面内容即可生成。

转到每个页面,单击图像。在图像的左上角应显示两个图标。单击编辑图标(最左边的图标)。

将弹出一个对话框窗口,允许您编辑图像的属性(标题、标题等)。其中包括“链接url”-将其更改为您希望图像链接到的任何位置。单击更新。然后最后更新页面。

结束

相关推荐

Pull images from the gallery

我正在构建一个模板,wordpress主要用作图像CMS,我从每篇文章的内容部分提取第一幅图像。<img src=\"<?php echo grab_image() ?>\" /> function grab_image() { global $post, $posts; $first_img = \'\'; ob_start(); ob_end_clean(); $output = preg_match_all(\'/&l