Wordpressテーマだと、たとえばこんな感じの構造になる。

barba-js-tag-wp-themes.php

<?php get_header(); ?>

<div id="content">
  <div class="container">
    
    <!-- コンテンツ部分を丸ごと読み込む場合 -->
    <div id="barba-wrapper"><!-- 追加 -->
      <div class="barba-container"><!-- 追加 -->
        
        <div class="main">
          <!-- メインカラムのコンテンツを読み込んでいる。読み込むファイル名は適当です -->
          <?php get_template_part('nav'); ?>
          <?php get_template_part('list'); ?>
          <?php get_template_part('entry'); ?>
        </div>
        <?php get_sidebar(); ?><!-- これはサイドバー -->
        
      </div><!-- 追加 -->
    </div><!-- 追加 -->

  </div>
</div>

<?php get_footer(); ?>