Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Been trying to adapt my theme to buddypress and I dont understand I need some help!!!


  • FiestyLatina
    Member

    @fiestylatina

    13 years, 1 month ago

    Hey everyone.. gah where to start lol.

    I’m a beginning web designer so adapting my current theme to buddy press is pretty hard for me. I was hoping someone could help me, even if its just a little bit.. I really really want to keep the theme I have..

    The theme i’m using can be found here its open source: http://skattertech.com/2011/02/introducing-qawker-for-wordpress/

    I have a temporary play around site located here: http://cubancomplex.kodingen.com/matrixinsider/wordpress/

    I installed buddypress, and it installed fine, but of course it doesn’t display correctly.. and I do not understand how to correctly edit the files. So I have since uninstalled it and i’ve came here for help.

    Any information I need to provide i’ll be more than happy to. If someone could please please please help I would be so thankful! I’d really like to get buddypress working and looking good! ;) :P :D

Viewing 11 replies - 1 through 11 (of 11 total)

  • Hugo Ashmore
    Keymaster

    @hnla

    13 years, 1 month ago

    Can you confirm how far you have progressed with this process:

    https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/

    You need to explain just what you are stuck with really otherwise it will be hard for anyone to help, be specific when creating threads on forums as it will get a better response if we know what to help with.

    You need to get the template pack process underway – if you haven’t already – and then post back, also might help to keep the progress live on your test site.


    FiestyLatina
    Member

    @fiestylatina

    13 years, 1 month ago

    Sure thing! I have in fact started the template pack.

    I am currently on Step Three. It tells me to “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.”

    This is what confuses me!

    My page.php file is the following:

    `

    — <a href="”> —

    `

    Also, here is the index.php file in case it is needed:

    `

    1); global $first_exclude; $first_exclude = array(); ?>

    have_posts() ) : ?>
    have_posts() ) : $first_one->the_post(); ?>
    ID); ?>

    <a href="”>

    <a href="”>

    — <a href="”> —

    <a href="”>Continue Reading »

    3,’post__not_in’ => $first_exclude); ?>

    have_posts() ) : ?>
    have_posts() ) : $three_recent->the_post(); ?>

    <a href="”>

    <a href="”>

    `

    I really have no idea which one I should use, or how to match it up with the buddypress template files.. I’ve also activated buddypress and the template pack so you guys can visit it at http://cubancomplex.kodingen.com/matrixinsider/wordpress and take a look :)


    Hugo Ashmore
    Keymaster

    @hnla

    13 years, 1 month ago

    If you look at the two files you’ll notice the main similarity of those files is this:
    `

    `

    Compare that to a BP index page in one of the directories such as activity you will see something like:
    `

    `
    The idea is that these elements should essentially represent the main html elements that form the site layout, the BP files much match the structure of your chosen theme so it looks as though your chosen theme does noy use #content or .padder so they need to be replaced (along with the matching closing tags) with the one you see in your chosen theme file (this needs to be done for all BP files as listed in the guide).

    Once the layout functions you will probably need to bring BP links in to the chosen themes primary link structure which will live in the header file (think that’s explained in the guide – if not check out the simplified guide provided by mercime in the codex as it may explain things further)


    FiestyLatina
    Member

    @fiestylatina

    13 years, 1 month ago

    I’m sorry I still don’t understand! I take it I must change “content” to “livepost”? Would you be able to look at my themes files and advise me further? I’m really lost and I’d be so appreciative..


    @mercime
    Keymaster

    @mercime

    13 years, 1 month ago

    @FiestyLatina this tutorial might help you understand better how to go through the process – https://codex.buddypress.org/theme-development/bp-template-pack-walkthrough-level-easy-2/


    FiestyLatina
    Member

    @fiestylatina

    13 years, 1 month ago

    Thanks mercime and hnla, I really appreciate your guys help. I still haven’t solved it.. I can’t figure out what to name the

    ‘s to coincide with my theme. Could someone take a look at the theme and give me further guidance?

    If this were your guys layout how would you do it?

    http://skattertech.com/2011/02/introducing-qawker-for-wordpress/


    Hugo Ashmore
    Keymaster

    @hnla

    13 years, 1 month ago

    I’d write it from scratch, but then I’m not into themes :)

    You only need to copy the element I showed you need make no decsions as to what to call things, the idea is that your chosen theme already has a particular html structure and associated styles, the BP files, however will be using something different, the BP files must fit the structure your theme dictates.

    This isn’t about changing your theme layout it’s about ensuring that BP files / pages do not break the layout due to a different html markup structure which would create issues simply in structure terms but that also will not be able to pick up the styles from your theme due to different class / ID tokens.

    If you are actually wanting to change the layout look of your theme that is something different altogether and a step too far at this stage.


    Hugo Ashmore
    Keymaster

    @hnla

    13 years, 1 month ago

    Not sure you haven’t chosen a rather complicated theme to cut your teeth on, the two files you showed above do not really look like they match to the live site or at least that the theme might be pulling some include tricks to fetch the rightside element, what’s in your head.php?


    @mercime
    Keymaster

    @mercime

    13 years, 1 month ago

    Just downloaded qawker theme and it actually “looks easy” to copy over HTML structure onto transferred BP files. The sidebar in that theme is called in the footer.php.

    1. Download the 6 folders with 13 files transferred via BP template pack process to your qawker theme folder down to your computer https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#revise-templates

    2. Open up each file with text editor and make the following changes:

    At the top of each BP template file replace this section
    `

    `

    with the one below:
    `

    `
    as noted by hnla above

    And at the bottom of each BP template file delete these two lines only:
    `


    `

    3. Save files and upload BP template folders with revised files to server.


    FiestyLatina
    Member

    @fiestylatina

    13 years, 1 month ago

    Omg that worked! Thank you to everyone that took the time to help me, if there’s anyway I can repay, please let me know!


    @mercime
    Keymaster

    @mercime

    13 years, 1 month ago

    @FiestyLatina you’re welcome. Note that you will have to implement your theme’s HTML structure to some BP plugins, not all. You’ll know when you have to make the changes when you see the misalignment of your sidebar and content area on the page/s where the plugin is being implemented.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Been trying to adapt my theme to buddypress and I dont understand I need some help!!!’ is closed to new replies.

Topic Info

Skip to toolbar