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 (10)

  1. George Dababneh 1 year 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 1 year ago

      Hey George,

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

    • Guzmán 11 months 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

      • Guzmán 11 months ago

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

        <div id="primary" class="content-area “>

        <?php themepixels_archive_title( '’, ” ); ?>

        <div id="content" class="” role=”main”>

        <aside id="secondary" class="sidebar ” role=”complementary”>

        <aside id="secondary-2" class="sidebar ” role=”complementary”>

        <aside id="secondary-2" class="sidebar ” role=”complementary”>

        single.php—————————————————————————————————-

        <div id="primary" class="content-area “>


        <aside id="secondary" class="sidebar ” role=”complementary”>

        <aside id="secondary-2" class="sidebar ” role=”complementary”>

        <aside id="secondary-2" class="sidebar ” role=”complementary”>

        <aside id="secondary-2" class="sidebar ” role=”complementary”>

  2. Rasel 1 year 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 1 year ago

      Thanks Rasel. We’ve updated the article 🙂

  3. Aureliano Sánchez Palacios 1 year 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. alejandro 6 months ago

    I do not understand much content to my site implementation. someone could guide me and to integrate according to what I understood the php code but I see no changes.

  5. Raul 5 months ago

    I try to do all this topics and the end… I can’t integrate the plugin with my wordpress theme. I have a question or two.
    All themes are compatibles with the plugin?
    What themes are recommended by you?
    Many thanks.

    • Rajiv Sathian 5 months ago

      Hi Raul,

      Edwiser Bridge is compatible with following themes,
      – Tesseract Theme
      – University Theme
      – Enfold theme
      – StoreFront etc.
      You could use these themes for your WordPress site.

      If you have any queries then you could mail us on support@wisdmlabs.com

      Regards,
      Rajiv Sathian

Leave a reply

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

*