WordPress.org

Ready to get started?Download WordPress

Forums

Ninja Page Categories and Tags
How to display subpages horizontally/inline? (10 posts)

  1. jcyin
    Member
    Posted 1 year ago #

    Hello,

    I'm trying to display a pages subpages inline rather than block, however I'm having difficulties. Can you assist me in solving this issue?

    Thanks!!

    http://wordpress.org/extend/plugins/ninja-page-categories-and-tags/

  2. James Laws
    The WP Ninjas
    Plugin Author

    Posted 1 year ago #

    I'm not exactly sure what you mean. Can you give me a link to your page that you are trying to accomplish this on and perhaps and example of what you mean?

  3. jcyin
    Member
    Posted 1 year ago #

    Right now the subpages of a parent page are displayed as links in a list in block format. I would like to have each link side by side rather than being in a list.

    My site is still in closed beta right now, I'd have to set up a test site. If it's possible to solve this issue without a test site it would be better :)

    Thanks

  4. James Laws
    The WP Ninjas
    Plugin Author

    Posted 1 year ago #

    The items are wrapped in divs. Just some simple CSS to style them any way you like. If you look at the source of the page you can see the divs and an IDs or classes you would want to reference.

    Just take those and add some CSS to your theme or better yet your child theme so you don't overwrite the changes if your theme get updated.

  5. jcyin
    Member
    Posted 1 year ago #

    I see that in the div surrounding the whole subpages list there's an id="ninja-children-wrap" with no corresponding css style.

    So I created a new id for ninja-children-wrap in my styles.css and gave it display:inline;
    however the list still doesn't display inline. I'm I doing something wrong with my css?

    Pardon my inexperience, I'm only starting with CSS and HTML

    Thanks!!

  6. James Laws
    The WP Ninjas
    Plugin Author

    Posted 1 year ago #

    The issue is that you have to apply styling to the items in #ninja-children-wrap as well. This ID wraps around the entire loop. Inside the loop there are other divs and tags that are output for each child page. You have to account for every item within that wrap.

  7. jcyin
    Member
    Posted 1 year ago #

    Thanks so much, that solved my issue! I've also learned more about CSS :)

    Btw, how does the "page categories" function work in the ninja page plugin? E.g. I would like to have a category called Men Fashion and one category called Women Fashion, if I have a subpage that would fit in both categories: Men Fashion and Women Fashion, and I want it to displayed in both what I'm I supposed to do?

    Thanks!!

  8. James Laws
    The WP Ninjas
    Plugin Author

    Posted 1 year ago #

    Children pages actually have nothing to do with categories. It simply outputs Parent page's children only irregardless of categories.

    If you wanted to display pages in a specific category like your example above you would need to write a custom loop to accomplish that.

  9. jcyin
    Member
    Posted 1 year ago #

    I see, in this case what is the function or purpose of the "page categories" option in the ninja pages plugin?

    Thanks

  10. James Laws
    The WP Ninjas
    Plugin Author

    Posted 1 year ago #

    • It allows you the ability to add post functionality to pages. I.e. categories, tags, excerpts
    • It allows you to have those pages appear in the archive pages of your categories or tags
    • It gives you the ability to then query those pages by category in a custom loop that you would not otherwise be able to do.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.