How to make Edwiser Bridge Compatible with Your Theme

How to make Edwiser Bridge Compatible with Your Theme
August 14, 2015 Admin
In Tips & Tricks
Edwiser Bridge Hacks

On installing Edwiser Bridge plugin, you may find that the alignment and display of the ‘course archive’ page and the ‘single course page’ is not proper or as you would have liked it to be. This happens because the HTML structure that is being used in Edwiser Bridge might be different from that being used in your theme.

The following steps can be followed to make Edwiser Bridge compatible with your theme.

Step 1:

Create a folder named ‘edwiserBridge’ in your theme folder (preferably inside the child theme). The path of the created folder will be ‘wp-content/themes/{themename}/child-theme/edwiserBridge

Step 2:

Now go to ‘wp-content/plugins/edwiser-bridge/public/templates’, copy the following files and paste them in ‘wp-content/themes/{themename}/child-theme/edwiserBridge folder.

  • archive-eb_course.php
  • content-eb_course.php,
  • content-single-eb_course.php,
  • single-eb_course.php

Step 3:

Navigate to ‘wp-content/themes/{themename}/edwiserBridge/’ and open the ‘archive-eb_course.php’ file present in this folder. Here you will find the below structure.

<?php get_header(); ?>
<section id="primary" class="content-area" style="overflow:auto; padding:15px;">
<main id="main" class="site-main" role="main">
[ CONTENT ]
</main><!-- .site-main -->
</section><!-- .content-area -->
<?php get_footer(); ?>

Replace the above structure, except the [CONTENT] part with the structure in your theme’s archive.php file. The archive.php file can be found on the following path. wp-content/themes/{themename}

Step 4:

Navigate to ‘wp-content/themes/{themename}/edwiserBridge/templates/’ and open the ‘single-eb_course.php’ file present in this folder. Here you will find the below structure.

<?php get_header(); ?>
<div id="primary" class="content-area">
<main id="content" role="main" class="site-main" style="overflow:auto;">
[ CONTENT ]
</div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Replace the above structure, except the [CONTENT] part with the structure in your theme’s single.php file. The single.php file can be found on the following path. ‘wp-content/themes/{themename}

Once you have executed the above steps the display of the ‘course archive page’ and ‘single course page’ should blend with the look of your theme.

So that’s about the steps you have to follow to make Edwiser Bridge Compatible with your theme. Not understood something? Feel free to use the comments section!

Need Help?
Our Setup Assistance guarantees theme compatibility.
View Plans

Comments (7)

  1. George Dababneh 2 years ago

    Hello,
    i hope all is well.
    I need help please.
    I followed your instruction for the best of my abilities to make Edwiser Bridge Compatible with my theme (Highend by by HB-Themes) without an success.

    I wished I could upload the files i edited to give you the chance to take a look.
    I could not tell that to leave in part of the theme code and what to replace exactly. I did not know what you meant by [CONTENT].
    So i include the original theme file codes below to see if you can help me with the code changes.
    Thank you for the help.
    George
    george@ma33a.com

    archive.php code —————————————————————————————

    <div class="row main-row”>

    1){
    $search_counter = ($paged-1) * get_option(‘posts_per_page’);
    } else {
    $search_counter = 0;
    }
    } elseif ( get_query_var(‘page’) ) {
    $paged = get_query_var(‘page’);
    if ($paged > 1){
    $search_counter = ($paged-1) * get_option(‘posts_per_page’);
    } else {
    $search_counter = 0;
    }
    } else {
    $paged = 1;
    $search_counter = 0;
    }

    while (have_posts()) : the_post();
    $search_counter++;

    $format = get_post_format( get_the_ID() );
    $icon_to_use = ‘hb-moon-file-3’;

    if ($format == ‘video’){
    $icon_to_use = ‘hb-moon-play-2’;
    } else if ($format == ‘status’ || $format == ‘standard’){
    $icon_to_use = ‘hb-moon-pencil’;
    } else if ($format == ‘gallery’ || $format == ‘image’){
    $icon_to_use = ‘hb-moon-image-3’;
    } else if ($format == ‘audio’){
    $icon_to_use = ‘hb-moon-music-2’;
    } else if ($format == ‘quote’){
    $icon_to_use = ‘hb-moon-quotes-right’;
    } else if ($format == ‘link’){
    $icon_to_use = ‘hb-moon-link-5’;
    }

    $thumb = get_post_thumbnail_id();
    $full_thumb = wp_get_attachment_image_src( get_post_thumbnail_id ( get_the_ID() ), ‘original’) ;

    echo ”;
    echo ”. $search_counter .”;

    if ( $thumb ) {
    $image = hb_resize( $thumb, ”, 80, 80, true );
    echo ‘‘;
    } else {
    echo ‘‘;
    }

    $echo_title = get_the_title();
    if ( $echo_title == “” ) $echo_title = __(‘No Title’ , ‘hbthemes’ );
    echo ‘‘.$echo_title.’‘;
    echo ”. get_the_time(‘M j, Y’) .”;

    echo ”;
    the_excerpt();
    echo ”;

    echo ”;

    endwhile;

    hb_pagination_standard();

    else : ?>

    single.php file code ————————————————————————————————————-

    <div class="row main-row”>


    <article id="post-” itemscope itemType=”http://schema.org/BlogPosting”>

    <time datetime="” itemprop=”datePublished”>

    |

    <a href="” title=”” rel=”author”>

    |

    <a href="term_id ); ?>” title=”name ) ); ?>”>cat_name; ?> 0 ) echo ‘, ‘; ?>

    |

    <a href="#comments” class=”comments-link scroll-to-comments” title=””>

    |

    ‘next’, ‘previouspagelink’ => ‘ ‘, ‘nextpagelink’=>’ ‘)); ?>

    <?php
    if ( hb_options('hb_blog_enable_tags' ) )
    the_tags('Tags: ‘,”,”);
    ?>

    <a href="#comments” class=”comments-link scroll-to-comments” title=””>

    get_plugin_name(), EB()->get_version() );
    $plugin_template_loader->wp_get_template_part( ‘content-single’, get_post_type() );

    comments_template();

    endwhile; ?>


    end ————————————————————————————–

    Thanks again…

    • Rajiv 2 years ago

      Hey George,

      I’ll follow-up with you regarding this via email.

    • Guzmán 1 year ago

      Step 3: ‘wp-content/themes/{themename}/edwiserbridge/templates’ open the ‘archive-eb_course.php’ file present in this folder.
      open archive.php in my template
      which is exactly what needs to be replaced? The content?

      Step 4: ‘wp-content/themes/{themename}/edwiserbridge/templates/’ and open the ‘single-eb_course.php’
      I have not folder template only edwiserbridge in step 1

      Thanks

  2. Rasel 2 years ago

    Step 3:

    Navigate to ‘wp-content/themes/{themename}/edwiserbridge/templates’ and open the ‘archive-eb_course.php’ file present in this folder. Here you will find the below structure.

    Should be

    Step 3:

    Navigate to ‘wp-content/themes/{themename}/edwiserbridge’ and open the ‘archive-eb_course.php’ file present in this folder. Here you will find the below structure.

    Please fix. Thanks.

    • Rajiv 2 years ago

      Thanks Rasel. We’ve updated the article 🙂

  3. Aureliano Sánchez Palacios 2 years ago

    Hello
    I do not know which is the CONTENT part . It is a little confused, sorry.
    This is my template archive:

    <?php
    if(is_category()) :
    single_cat_title();

    elseif(is_tag()) :
    single_tag_title();

    elseif(is_author()) :
    printf( __('Author: %s', 'wp-profile' ), '’ . get_the_author() . ”);

    elseif(is_day()) :
    printf( __( ‘Day: %s’, ‘wp-profile’ ), ” . get_the_date() . ” );

    elseif(is_month()) :
    printf( __(‘Month: %s’, ‘wp-profile’ ), ” . get_the_date( _x( ‘F Y’, ‘monthly archives date format’, ‘wp-profile’ ) ) . ” );

    elseif ( is_year() ) :
    printf( __(‘Year: %s’, ‘wp-profile’ ), ” . get_the_date( _x( ‘Y’, ‘yearly archives date format’, ‘wp-profile’ ) ) . ”);

    elseif ( is_tax(‘post_format’, ‘post-format-aside’)) :
    _e( ‘Asides’, ‘wp-profile’ );

    elseif (is_tax(‘post_format’, ‘post-format-gallery’)) :
    _e( ‘Galleries’, ‘wp-profile’ );

    elseif (is_tax(‘post_format’, ‘post-format-image’)) :
    _e( ‘Images’, ‘wp-profile’ );

    elseif (is_tax(‘post_format’, ‘post-format-video’)) :
    _e( ‘Videos’, ‘wp-profile’ );

    elseif ( is_tax(‘post_format’, ‘post-format-quote’)) :
    _e(‘Quotes’, ‘wp-profile’);

    elseif (is_tax(‘post_format’, ‘post-format-link’ )) :
    _e( ‘Links’, ‘wp-profile’ );

    elseif(is_tax(‘post_format’, ‘post-format-status’)) :
    _e( ‘Statuses’, ‘wp-profile’);

    elseif(is_tax( ‘post_format’, ‘post-format-audio’ )) :
    _e( ‘Audios’, ‘wp-profile’ );

    elseif(is_tax( ‘post_format’, ‘post-format-chat’ )) :
    _e( ‘Chats’, ‘wp-profile’ );

    else :
    _e( ‘Archives’, ‘wp-profile’ );

    endif;

    ?>

    <?php
    // Show an optional term description.
    $term_description = term_description();
    if(!empty( $term_description )) :
    printf('%s’, $term_description);
    endif;
    ?>

    Aureliano

  4. Cheshire web design 4 months ago

    This was a bit more difficult with the Karma Theme but I have managed to get it to work. Thank you for the tutorial, it really helped

Leave a reply

Your email address will not be published. Required fields are marked *

*