Skip to content

NodeBB: Creating pages

Solved Configure
  • Hi @phenomlab,
    How do I create the pages? I am planning to have pages for About us, Privacy Policy, Terms of Use, etc.
    On your site, I can see you have a “link” icon which has a dropdown for individual pages. Something like that is suitable for me also.
    Also, I saw that on your Policies page, you had 3 topics grouped into a close-open kind of diaplay. How did you do that?
    Thank you!

  • Hi @phenomlab,
    How do I create the pages? I am planning to have pages for About us, Privacy Policy, Terms of Use, etc.
    On your site, I can see you have a “link” icon which has a dropdown for individual pages. Something like that is suitable for me also.
    Also, I saw that on your Policies page, you had 3 topics grouped into a close-open kind of diaplay. How did you do that?
    Thank you!

  • undefined phenomlab has marked this topic as solved on 1 Apr 2023, 18:13
  • Thanks again! Should I wait to install these once the site has been upgraded to V3?

    Also, I went through the whole thread. Seems to be a complicated affair. Anyway, is this how it’s done:

    1. Open Terminal on Mac
    2. Add this script: npm install nodebb-plugin-custom-pages

    What would be the next steps? The referred page doesn’t seem to have that info. Maybe, I missed.

  • Thanks again! Should I wait to install these once the site has been upgraded to V3?

    Also, I went through the whole thread. Seems to be a complicated affair. Anyway, is this how it’s done:

    1. Open Terminal on Mac
    2. Add this script: npm install nodebb-plugin-custom-pages

    What would be the next steps? The referred page doesn’t seem to have that info. Maybe, I missed.

    @mventures It’s not as difficult as it sounds. You just need to gain access to your server via SSH (see https://sudonix.com/topic/445/nodebb-upgrading-to-nodebb-v3-x/6?_=1680448676890) then ensure you are in the NodeBB directory.

    From there, you can issue that same code, for example

    c3d5ce48-5d80-4f07-8b23-75e4a47ee8ba-image.png

    As you can see from the above, I’ve now installed this on your forum. From here, you’ll now need to activate the plugin before you can use it

    In your forum, navigate to /admin/extend/plugins#deactive. You should see the below

    45846af3-a51a-49f7-82e3-eec74dd4800e-image.png

    You’ll notice that the new plugin appears in the list, but needs to be activated first before it can be used

    924df608-bf84-4c78-9a0f-3878fe9e7641-image.png

    Click Confirm. After a few seconds, NodeBB will tell you that the plugin has been activated, but you need to rebuild and restart before it will work

    198008d7-b9d2-4c70-a619-99ee546f2848-image.png

    Now you need to rebuild and restart

    34e6d121-11bf-4d9a-88c8-99559f364f50-image.png

    86d74334-f3b8-4c55-8254-6ad83c8cc0a7-image.png

    Confirm, and the rebuild/restart process will commence

    3082d590-2805-4022-a00f-4878400934b2-image.png

    24d5a209-9735-4db3-86a4-d058818d7066-image.png

    You should then get a self-closing message telling you that the forum has restarted successfully (and can now be used). At this point, you should press F5 in your browser console to reload the page

    Now in the plugins menu, you should see Custom Pages has been added

    ed17f866-10df-4001-8844-1cbcb720fa59-image.png

    That’s it.

    Nothing for you to do here, as I’ve already done it on your site 🙂

  • @mventures It’s not as difficult as it sounds. You just need to gain access to your server via SSH (see https://sudonix.com/topic/445/nodebb-upgrading-to-nodebb-v3-x/6?_=1680448676890) then ensure you are in the NodeBB directory.

    From there, you can issue that same code, for example

    c3d5ce48-5d80-4f07-8b23-75e4a47ee8ba-image.png

    As you can see from the above, I’ve now installed this on your forum. From here, you’ll now need to activate the plugin before you can use it

    In your forum, navigate to /admin/extend/plugins#deactive. You should see the below

    45846af3-a51a-49f7-82e3-eec74dd4800e-image.png

    You’ll notice that the new plugin appears in the list, but needs to be activated first before it can be used

    924df608-bf84-4c78-9a0f-3878fe9e7641-image.png

    Click Confirm. After a few seconds, NodeBB will tell you that the plugin has been activated, but you need to rebuild and restart before it will work

    198008d7-b9d2-4c70-a619-99ee546f2848-image.png

    Now you need to rebuild and restart

    34e6d121-11bf-4d9a-88c8-99559f364f50-image.png

    86d74334-f3b8-4c55-8254-6ad83c8cc0a7-image.png

    Confirm, and the rebuild/restart process will commence

    3082d590-2805-4022-a00f-4878400934b2-image.png

    24d5a209-9735-4db3-86a4-d058818d7066-image.png

    You should then get a self-closing message telling you that the forum has restarted successfully (and can now be used). At this point, you should press F5 in your browser console to reload the page

    Now in the plugins menu, you should see Custom Pages has been added

    ed17f866-10df-4001-8844-1cbcb720fa59-image.png

    That’s it.

    Nothing for you to do here, as I’ve already done it on your site 🙂

    @phenomlab Thank you so much yet again! Much appreciated.

    How do I now add the pages?

    I went to PLUGINS > CUSTOM PAGES & did the below:
    Screen Shot 2023-04-04 at 8.22.00 pm.png

    Then, I went to EXTEND > WIDGETS & did the below:
    Screen Shot 2023-04-04 at 8.23.06 pm.png

    SAVED at both places but nothing has appeared on the footer.
    Where am I going wrong?

  • @phenomlab Thank you so much yet again! Much appreciated.

    How do I now add the pages?

    I went to PLUGINS > CUSTOM PAGES & did the below:
    Screen Shot 2023-04-04 at 8.22.00 pm.png

    Then, I went to EXTEND > WIDGETS & did the below:
    Screen Shot 2023-04-04 at 8.23.06 pm.png

    SAVED at both places but nothing has appeared on the footer.
    Where am I going wrong?

    @mventures That widget will appear in the page it is created, so

    7f564f90-69e1-4ce2-abe3-5f0a37cb272c-image.png

    I’d also recommend placing that in the content section (widget) unless you intended for it to be in the footer ?

  • @mventures That widget will appear in the page it is created, so

    7f564f90-69e1-4ce2-abe3-5f0a37cb272c-image.png

    I’d also recommend placing that in the content section (widget) unless you intended for it to be in the footer ?

    @phenomlab I would like it the way you have it. Is that the CONTENT SECTION you are referring to? How do I place my new pages in the CONTENT SECTION widget? I have done it as below and saved it, but I can’t see it on the page.
    Screen Shot 2023-04-04 at 9.56.24 pm.png

  • @phenomlab I would like it the way you have it. Is that the CONTENT SECTION you are referring to? How do I place my new pages in the CONTENT SECTION widget? I have done it as below and saved it, but I can’t see it on the page.
    Screen Shot 2023-04-04 at 9.56.24 pm.png

    @mventures The privacy policy you see on my site is in fact custom code. The page itself is created the same way, but the running widget is my creation. I’m happy to share the code with you if it’ll help, but it may not operate correctly on your site if you use the v2 version.

    Thankfully, I have a v3 version ready to go also, and happy to share that if it helps.

  • @mventures The privacy policy you see on my site is in fact custom code. The page itself is created the same way, but the running widget is my creation. I’m happy to share the code with you if it’ll help, but it may not operate correctly on your site if you use the v2 version.

    Thankfully, I have a v3 version ready to go also, and happy to share that if it helps.

    OK, I think I have figured out how to place a link in the footer which will click to a new page.

  • Did this solution help you?
    Did you find the suggested solution useful? Why not buy me a coffee? It's a nice gesture, and a great way to show your appreciation 💗


1/9

1 Apr 2023, 10:10



Related Topics