I want to make my site pages organized like this, is there any plugin or template for that?

Discussion in 'Tech Discussion' started by ChronaZero, Aug 10, 2019.

  1. ChronaZero

    ChronaZero 《I'm just a Spectator》《monggo mas~ 》

    Joined:
    Jan 14, 2016
    Messages:
    286
    Likes Received:
    146
    Reading List:
    Link
    upload_2019-8-10_15-53-55.png


    well, just like the title say.

    for easier posting, I want to make my page easy to browse like those in royal road, inkstone, or hub... but, I don't even know what to search in the first place...

    I've tried to search for plugins and template, but found nothing!

    anyone can help to solve the problem?

    I'm using WordPress btw
     
  2. sgrey

    sgrey Well-Known Member

    Joined:
    Jul 12, 2017
    Messages:
    1,215
    Likes Received:
    1,497
    Reading List:
    Link
    it's just a table with links in it, there is nothing to it.
     
  3. lnv

    lnv ✪ Well-Known Hypocrite

    Joined:
    Jan 24, 2017
    Messages:
    7,702
    Likes Received:
    9,044
    Reading List:
    Link
    I don't know about WordPress, but that is usually done via CSS/JS component UI frameworks. Like Bootstrap and etc..

    https://medium.com/the-web-tub/choosing-the-right-front-end-framework-for-your-vue-app-4448bac12ce7
     
  4. sgrey

    sgrey Well-Known Member

    Joined:
    Jul 12, 2017
    Messages:
    1,215
    Likes Received:
    1,497
    Reading List:
    Link
  5. ChronaZero

    ChronaZero 《I'm just a Spectator》《monggo mas~ 》

    Joined:
    Jan 14, 2016
    Messages:
    286
    Likes Received:
    146
    Reading List:
    Link
    how can I do that? have a tutorial on it?
     
  6. lnv

    lnv ✪ Well-Known Hypocrite

    Joined:
    Jan 24, 2017
    Messages:
    7,702
    Likes Received:
    9,044
    Reading List:
    Link
    Looking around, there are wordpress bootstrap themes. Sure you can "write it yourself", but do you know how much time that will take? Not to mention maintaining site consistency?

    There are CSS only frameworks too if you are that against JS.
     
  7. sgrey

    sgrey Well-Known Member

    Joined:
    Jul 12, 2017
    Messages:
    1,215
    Likes Received:
    1,497
    Reading List:
    Link
    I am a developer, but I am no WordPress expert, so what I say about WordPress might not be entirely correct. Here is how you go about do that:
    1) Create a page and post your content on it. Like this https://wordpress.org/support/article/pages/
    2) You need to make a template for the table, which is done using PHP. https://developer.wordpress.org/themes/basics/template-files/
    3) On your main page put in your template that will pull the data from your database into that table. Once you are done, everything should be automatic. Every time you add another content page, it should appear on your main.
    Whatever styling you have on your website should also apply automatically to your template.

    I can't really say more details without looking at the web site itself...
    Here are some other references on how to get pages in the WordPress
    https://codex.wordpress.org/Function_Reference/get_pages
    https://developer.wordpress.org/reference/functions/wp_list_pages/

    I also found some tutorials that can be of help:
    https://www.wpbeginner.com/plugins/how-to-easily-show-a-page-list-with-thumbnails-in-wordpress/
    https://www.wpbeginner.com/wp-tutor...f-child-pages-for-a-parent-page-in-wordpress/

    You can use these and put the pages in some type of template/table and then use a theme to style it and put them in the format you want.

    You are talking about just styling. If that was the question, I agree. I understand he is asking how to create that table, which is not styling. Having a theme won't automatically pull content out of the database in the format you want. You gotta do that yourself or download a template/function made by someone else.
    And yes, as it was my job for a while, I know how much time it takes

    OP, do you already have a table you want to style or do you need to create that table?
     
    Last edited by a moderator: Aug 10, 2019
    ChronaZero likes this.
  8. ChronaZero

    ChronaZero 《I'm just a Spectator》《monggo mas~ 》

    Joined:
    Jan 14, 2016
    Messages:
    286
    Likes Received:
    146
    Reading List:
    Link
    not the table, but the page that can auto direct it's content, without bothering to create a manual one within a page, not a post.

    like the https://www.wpbeginner.com/wp-tutor...f-child-pages-for-a-parent-page-in-wordpress/
    but all of the setting and post that you sent being sent automatically and set as the child page of the parent page, and you can navigate in between the child page

    also the fact that the page itself is the book where all the content automatically organized like in royal road or QI
     
  9. sgrey

    sgrey Well-Known Member

    Joined:
    Jul 12, 2017
    Messages:
    1,215
    Likes Received:
    1,497
    Reading List:
    Link
    Ok, then you need to do what I said above. You need a script that will query the database and pull the info about existing pages from there. WordPress seems to prove a function for that, I liked to those as well
     
  10. ChronaZero

    ChronaZero 《I'm just a Spectator》《monggo mas~ 》

    Joined:
    Jan 14, 2016
    Messages:
    286
    Likes Received:
    146
    Reading List:
    Link
    I'm a total noob, so I don't really get it... had any tutorial I can follow?

    And I just found out that whaat I needed to do is navigation between sub page, like how post do automatically, but how can I do that is somewhat confusing...
     
  11. sgrey

    sgrey Well-Known Member

    Joined:
    Jul 12, 2017
    Messages:
    1,215
    Likes Received:
    1,497
    Reading List:
    Link
    Yea, the last link above is for creating navigation for subpages. I don't know if there is anything simpler. I suggest looking at some youtube videos about it. Having no knowledge at all about this is quite difficult as you have to edit code regardless...
     
  12. Wujigege

    Wujigege *Christian*SIMP*Comedian

    Joined:
    Oct 6, 2016
    Messages:
    16,265
    Likes Received:
    15,756
    Reading List:
    Link
    You can get a plugin to list your chapters on the page.
    I used one before. It was recommend by @Shinsori
     
  13. Wujigege

    Wujigege *Christian*SIMP*Comedian

    Joined:
    Oct 6, 2016
    Messages:
    16,265
    Likes Received:
    15,756
    Reading List:
    Link
    You can try this:
    Shortcodes Ultimate