将插件插入外部设计的WordPress主题的空白区域

时间:2016-07-18 作者:Sean Bragança

我目前正在this website 它使用了一个由Themeforest作者设计的Wordpress主题。从同一页面的链接和下面的屏幕截图可以看出,主题的公文包(自定义帖子类型)使用8列来显示文本和任何其他数据,其右侧的其他4列用于呈现元框。

The space bordered in Orange is empty and unused.

我的问题主要是元框下的空白。页面的设计是这样的,虽然这4列中只有一部分用于方框,但其下方的其余空间未使用。

我希望修改此设计;我想在以橙色为边框的空间中的元框下方安装其他插件(例如,新闻稿注册框),但我不确定什么是最好的方式。

主题作者也没有反应,这就排除了问他们同样的问题。页面图片部分设计中使用的代码如下--

<div class="large-12 medium-12 columns">
                        <h2 class="portfolio-detail-title"><?php the_title(); ?></h2>
                    </div>
                    <div class="portfolio-detail-left large-8 medium-8 columns">                        
                        <div class="portfolio-detail-text">
                        <?php while ( have_posts() ) : the_post(); ?>
                            <?php the_content(); ?>
                        <?php endwhile; // end of the loop. ?>
                        </div>
                    </div>
                    <div class="portfolio-detail-right large-4 medium-4 columns ">
                        <div class="portfolio-detail-inner">                            
                            <div class="portfolio-detail">      
                                <div class="portfolio-detail-content"><i class="fa fa-tag"></i> <span><?php the_terms( get_the_ID(), \'portfolio_categories\' ); ?></span></div>                      
                                <div class="portfolio-detail-content"><i class="fa fa-user"></i> <span><?php echo esc_attr( $portfolio_client ) ?></span></div>
<div class="portfolio-detail-content"><i class="fa fa-home"></i> <span><?php echo esc_attr( $portfolio_location ) ?></span></div>
<div class="portfolio-detail-content"><i class="fa fa-bookmark-o"></i> <span><?php echo esc_attr( $portfolio_skills ) ?></span></div>
<div class="portfolio-detail-content"><i class="fa fa-cogs gears"></i> <span><?php echo esc_attr( $portfolio_rates ) ?></span></div>
<div class="portfolio-detail-url"><i class="fa fa-chain"></i> <a href="<?php echo esc_url( $portfolio_url ) ?>"><span><?php echo esc_url( $portfolio_url ) ?></span></a></div>
<div class="portfolio-detail-content"><i class="fa fa-facebook"></i> <span><?php echo \'<a href="esc_attr( $portfolio_rates )"></a>\' ?></span></div>



                            </div>
                        </div>
                    </div>
                </div>
有没有什么可行的方法可以使空白空间可用?

非常感谢。

2 个回复
SO网友:mlimon

为什么不创建一个shortcode 为此,它更加简单、标准和灵活。

SO网友:tillinberlin

简单回答:很可能有。

我建议您使用儿童主题来实现这一点。然后,您可以将父主题的任何模板复制到子主题中,并根据需要修改它们。在你的情况下,可能是这样的“single-portfolio.php“”位于主题的templates文件夹中。

处理儿童主题的一个良好起点是Child Theme page of the WordPress codex.