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!

  • phenomlabundefined phenomlab has marked this topic as solved on
  • 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 šŸ’—

Related Topics
  • Nodebb and emails

    Solved Configure
    27
    5 Votes
    27 Posts
    582 Views
    @Panda it will use SMTP. In all cases, I never use any plugin to send email. Iā€™ll always send it raw.
  • NodeBB: hCaptcha

    Solved Configure
    15
    2 Votes
    15 Posts
    553 Views
    @mventures none that I know of. I donā€™t recall selecting these either for mine.
  • NodeBB: Creating the Swatch modes

    Solved Configure
    2
    0 Votes
    2 Posts
    216 Views
    @mventures the swatch feature you refer to isnā€™t a NodeBB plugin, but a utility that I wrote that handles this. It is available for v2 (as you can see here) but Iā€™ve stopped developing and releasing the code because it has been entirely rewritten to work for v3. If youā€™d like the code, this is possible, but youā€™ll need to upgrade to v3 first.
  • Podcast Share NodeBB

    Solved Configure
    15
    4 Votes
    15 Posts
    755 Views
    @cagatay You could experiment with nodebb-plugin-ns-embed but I expect the x-origin tag on the remote site to prevent playback.
  • Rotating homepage icons, gifs?

    Solved Configure
    2
    3 Votes
    2 Posts
    257 Views
    @eveh Itā€™s not a GIF, no. Itā€™s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as itā€™s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • [NODEBB] Welcome Message

    Solved Customisation
    18
    2
    13 Votes
    18 Posts
    2k Views
    For anyone reviewing this post, thereā€™s an updated version here that also includes an sunrise / sun / moon icon depending on the time of day https://sudonix.com/topic/233/nodebb-welcome-message-with-logo-footer-change/3?_=1645445273209
  • nodebb dropdown menu

    Solved Configure
    5
    1
    0 Votes
    5 Posts
    565 Views
    @phenomlab said in nodebb dropdown menu: @kurulumu-net You set it like the below example taken from this site [image: 1637939951821-aae36790-3257-4bb2-ad5a-0d744309876a-image.png] Which presents this [image: 1637939983445-77f47260-2941-4afe-9614-8e17dcfc8c19-image.png] Very interestingā€¦ I actually thought this wasnā€™t possible, as I remember it being asked in the NodeBB forum. Is this something new thatā€™s been implemented? Iā€™ll 100% be doing that when Iā€™m on the laptop over the weekend.
  • Iframely (Nodebb)

    Solved Configure
    40
    4 Votes
    40 Posts
    3k Views
    @DownPW This is now resolved. The issue was an incorrect URL specified in the Nodebb plugin. Iā€™ve corrected this, and now it works as intended.