Skip to:
Content
Pages
Categories
Search
Top
Bottom

Changing HTML in current theme – WP Church Theme

  • @tscandy64

    Member

    I’m not very familiar with HTML but enough to access it and change it. But I can not seem to figure out what the instructions are telling me to do. When I look at the index.php file I’m confused. Does anyone know a place that has more extensive documentation on how to make buddypress work in a third party theme? Or someone I could hire to just fix it for me? Thank you. Teuvo (teuvo9@yahoo.com)

    Instructions:

    If BuddyPress pages are not aligned correctly, then you may need to modify some of the templates to match your theme’s HTML structure. The best way to do this is to access your theme’s files, via FTP, at:

    /home/crazy64/public_html/www.hanginout.info/wp-content/themes/wp-church/

    Open up the page.php file (if this does not exist, use index.php). Make note of the HTML template structure of the file, specifically the

    tags that surround the content and sidebar.

    You will need to change the HTML structure in the BuddyPress templates that you copied into your theme to match the structure in your page.php or index.php file.

    There are two methods for making the necessary template changes.

    The first method is to locate tho following templates (leave out any folders that you didn’t copy over in Step Two):
    /activity/index.php
    /blogs/index.php
    /forums/index.php
    /groups/index.php
    /groups/create.php
    /groups/single/home.php
    /groups/single/plugins.php
    /members/index.php
    /members/single/home.php
    /members/single/plugins.php
    /registration/register.php

    Alternatively, you may find it easier to make copies of your theme’s header.php, sidebar.php and footer.php and rename them to header-buddypress.php, sidebar-buddypress.php, and footer-buddypress.php.

    Then you can alter the structure of these new template files (header-buddypress.php, sidebar-buddypress.php, and footer-buddypress.php) to resemble your theme’s page.php (or index.php).

Viewing 10 replies - 1 through 10 (of 10 total)
  • @mercime

    Participant

    https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/
    Open up the header.php of your wp-church theme file and copy all. Go to pastebin.com and paste what you copied, click submit and post the generated URL here. Do the same for your index.php, page.php, sidebar.php and footer.php

    @tscandy64

    Member

    hearder.php – http://pastebin.com/JpPPBGXy

    index.php – http://pastebin.com/ET6evNAA

    page.php – http://pastebin.com/qq2YTQE8

    sidebar.php – http://pastebin.com/kkK4Y48v

    footer.php – http://pastebin.com/qiPn3jpW

    Thank you so much for your help!

    @mercime

    Participant

    The pastebin for footer.php is blank and the pastebin for sidebar.php looks incomplete.

    Initial scan shows that you’d have to use the first method of Step 3 i.e. changing 16 files transferred to your WP theme, and that it’s going to be a bit complicated. It may or may not work on the first try and at a certain point I might have to tell you that you’d need to contact theme author to help you check/correct what I’ve posted here. Now we’re done with the disclaimer :-) do post the footer.php and sidebar.php in pastebin.com

    @tscandy64

    Member

    footer.php – http://pastebin.com/kvmrPYKJ

    sidebar.php – http://pastebin.com/cvbb9L8h

    Thanks again!

    @mercime

    Participant

    Download the 6 BP template folders tranferred to your wp-church theme during the BP compatibility process down to your computer hard drive. For this session though, we’re going to check how it turns out with one file first to see how we’ll proceed.

    Open up /activity/index.php and at the top of the file, replace
    `

    `

    with
    `

    >

    <a href="”>

    <div id="post-” >

    `

    at the bottom of the same file, replace
    `

    `

    with
    `

    `

    Save file and upload to server wp-content/themes/wp-church/activity/
    Check how it turns out, go to yoursite.com/activity or url where BP activity is in your installation

    @mercime

    Participant

    If there are any issues after you go to the activity uri, delete the following portion from the activity/index.php
    `
    <a href="”>


    `
    and check if conflict is resolved.

    @tscandy64

    Member

    I followed your instructions and it doesn’t seemed to have worked. Here is a link to the page http://hanginout.info/groups/test-group/

    @mercime

    Participant

    http://hanginout.info/activity is the page where activity/index.php is rendered – and it looks GOOD, success! – just needs some styling improvements. We need to remove the extra `>` in line above `

    >` which should only be `

    ` my bad :-)

    15 more files to go https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#tplfiles

    Btw, the link you posted is handled in the /groups/ folder so that hasn’t been “fixed” yet.

    @mercime

    Participant

    For the remaining 15 files (If you have multisite/created a network then you have to edit blogs/create.php and blogs/index.php files. if not, then you need to fix 13 more files), all have the same changes at the BOTTOM of each file except for registration.php, where you’ll also need to add the following script in the replacement code in between get_sidebar and get_footer
    `
    jQuery(document).ready( function() {
    if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
    jQuery(‘div#blog-details’).toggle();
    jQuery( ‘input#signup_with_blog’ ).click( function() {
    jQuery(‘div#blog-details’).fadeOut().toggle();
    });
    });
    `

    The TOP portion of each file will almost be the same as what I posted above for activity/index.php. The difference being some BP page titles are wrapped within opening `

    etc.

    etc

    ` where you’ll replace opening and closing`

    ` `

    ` with `

    Put code of what’s in respective file

    ` and you’d have to keep the `

    ` there. Good luck.

    @tscandy64

    Member

    So I should replace every one of those files with the code you provided above? Even if it is different right down to the ?

    I did so with all the forum pages and it still looks like this. http://hanginout.info/forums/

    Thank you for your time and patience.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Changing HTML in current theme – WP Church Theme’ is closed to new replies.
Skip to toolbar