外部に設計されたWordpressのテーマの空白スペースにプラグインを挿入

Question

私は現在、Themeforestの作者によって設計されたWordpressテーマを使用してthis websiteに取り組んでいます。リンクと同じページの次のスクリーンショットからわかるように、テーマのポートフォリオ（カスタム投稿タイプ）は、テキストとその他のデータに8つの列を使用しています。 。

私の問題は、主にメタボックスの下の空白です。ページのデザインは、これらの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を作成し、そのテンプレートを上書きします。