외부에서 설계된 Wordpress 테마의 빈 공간에 플러그인 삽입

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을 만들고 해당 템플릿을 재정의하십시오.