Question

我目前正致力于使用由一位Themeforest作者设计的Wordpress主题的this website。通过链接和同一页面的以下屏幕截图可以看出，主题的投资组合（自定义帖子类型）使用8列用于文本和任何其他数据 - 其右边有4个其他列用于呈现元框

我的问题主要是元框下的空白区域。该页面的设计是这样的，虽然这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>

有没有合理的方法来渲染空白区域？

谢谢。

Answer 1

你可以粘贴右侧边栏，如下例所示。 jsfiddle.net/babinho/9bRg9/2 /

Answer 2

创建child theme并覆盖该模板。

将插件插入外部设计的Wordpress主题空白空间

2 个答案: