Question

对于最近开发的wordpress网站http://stc.co.in，我使用Huge-IT产品组合来展示每个行业的项目。在点击项目时，弹出窗口显示多个图像。现在我想在通过WordPress上传图像时添加的大图像上方显示图像标题或标题。请指导如何实现这一目标。

提前致谢。

此致，Sanjay

Answer 1

如果插件不能让你只使用文本编辑器，在wordpress中你需要搜索你想要的特定部分并处理php文件。

当你创建它时，你可以在你的标题上添加一个html部分。

Answer 2

你需要在插件文件中进行更改..

关注路径：

的wordpress-网站名称/可湿性粉剂内容/插件/投资组合库/ Front_end / portfolio_front_end_view.php

enter image description here

修改行

   <ul id="huge_it_portfolio_popup_list_<?php echo $portfolioID; ?>">
    <?php
    foreach($images as $key=>$row)
    {


        $imgurl=explode(";",$row->image_url);
        array_pop($imgurl);
        $link = $row->sl_url;
        $descnohtml=strip_tags($row->description);
        $result = substr($descnohtml, 0, 50);

        ?>
        <li class="pupup-element" id="huge_it_portfolio_pupup_element_<?php echo $row->id; ?>">

            <div class="heading-navigation_<?php echo $portfolioID; ?>">
                <a href="#close" class="close"></a>
                <div style="clear:both;"></div>
            </div>
            <div class="popup-wrapper_<?php echo $portfolioID; ?>">
                <div class="image-block_<?php echo $portfolioID; ?>">
                <?php   if($paramssld["ht_view2_show_popup_title"]=='on'){?><h3 class="title"><?php echo $row->name; ?></h3><?php } ?>
                    <?php   if($row->image_url != ';'){ ?>
                    <img alt="<?php echo $row->name; ?>" id="wd-cl-img<?php echo $key; ?>" src="<?php echo $imgurl[0]; ?>" />
                    <?php       
                                        global $wpdb;
                                    $cimg_url = $imgurl[0];                             
                                    $attachment = $wpdb->get_results("SELECT ID FROM wp_posts WHERE guid='".$cimg_url."'",'ARRAY_A');                               
                                    $attachment_title = get_the_title($attachment[0]['ID']);

                    ?>
                    <div class="cls_img_ttl" id="main_img_ttl"><?php echo $attachment_title; ?></div>
                    <?php } else { ?>
                    <img alt="<?php echo $row->name; ?>" id="wd-cl-img<?php echo $key; ?>" src="images/noimage.jpg" />
                    <?php
                    } ?>                    
                </div>
                <div class="right-block">
                    <?php if($paramssld["ht_view2_show_popup_title"]=='on'){?><h3 class="title"><?php echo $row->name; ?></h3><?php } ?>

                    <?php if($paramssld["ht_view2_thumbs_position"]=='before' and $paramssld["ht_view2_show_thumbs"] == 'on'){?>
                    <div><ul class="thumbs-list_<?php echo $portfolioID; ?>">
                        <?php   
                                global $wpdb;
                                foreach($imgurl as $key=>$img){ 
                                    $cimg_url = $img;                               
                                    $attachment = $wpdb->get_results("SELECT ID FROM wp_posts WHERE guid='".$cimg_url."'",'ARRAY_A');                               
                                    $attachment_title = get_the_title($attachment[0]['ID']);
                        ?>
                                    <li><a href="<?php echo $row->sl_url; ?>" class="group1" data-ttl="<?php echo $attachment_title; ?>" >
                                    <img src="<?php echo $img; ?>">
                                    </a></li>
                                <?php } ?>
                    </ul></div>
                    <?php } ?>

                    <?php if($paramssld["ht_view2_show_description"]=='on'){?><div class="description"><?php echo $row->description; ?></div><?php } ?>

                    <?php if($paramssld["ht_view2_thumbs_position"]=='after' and $paramssld["ht_view2_show_thumbs"] == 'on'){?>
                    <div><ul class="thumbs-list_<?php echo $portfolioID; ?>">
                        <?php   $imgurl=explode(";",$row->image_url);array_pop($imgurl);
                                foreach($imgurl as $key=>$img){?>
                                    <li><a href="#" class="group1"><img src="<?php echo $img; ?>"></a></li>
                                <?php } ?>
                    </ul></div>
                    <?php } ?>

                    <?php if($paramssld["ht_view2_show_popup_linkbutton"]=='on'){?>
                        <div class="button-block">
                        <a href="<?php echo $link; ?>"  <?php if ($row->link_target=="on"){echo 'target="_blank"';}?>><?php echo $paramssld["ht_view2_popup_linkbutton_text"]; ?></a>
                        </div>
                    <?php } ?>
                    <div style="clear:both;"></div>
                </div>
                <div style="clear:both;"></div>
            </div>
        </li>
        <?php
    }?>
</ul>

<强> JS：

jQuery('#huge_it_portfolio_popup_list_<?php echo $portfolioID; ?> .popup-wrapper_<?php echo $portfolioID; ?> .right-block ul.thumbs-list_<?php echo $portfolioID; ?> li a').click(function(){
        var width=jQuery(window).width();
        if(width<=767){
            jQuery('body').scrollTop(0);
        }
        jQuery(this).parent().parent().find('li.active').removeClass('active');
        jQuery(this).parent().addClass('active');
        var main_img_ttl =  jQuery(this).attr('data-ttl');      
        alert(main_img_ttl);
        jQuery(this).parents('.right-block').prev().find('.cls_img_ttl').html(main_img_ttl);
        jQuery(this).parents('.right-block').prev().find('img').attr('src',jQuery(this).find('img').attr('src'));
        return false;
    });

您可以在此处下载文件：LINK

想要在投资组合图像上方显示图像caotion或标题

2 个答案: