Adding a logo and favicon for your NodeBB forum

Adding a logo and favicon for your NodeBB forum


While NodeBB provides an unparalleled range
of design options, one quick and easy way to brand your forum is simply by adding your
logo. This can been added as both an image within
the main header of your forum and as a ‘favicon’ which will appear within the browser address
bar, tab or or next to the site name in bookmarks. To start, you’ll need a square version of
your logo in JPEG or PNG format. Open the administrative dashboard using the
‘gear’ icon on your forum, then go to the Settings>General menu. Scroll down until you see Site Logo on the
left side. To the right of this, you’ll see a button
that will allow you to upload your logo. Below that, you can add a URL link for the
logo – this is particularly useful if you have a main site that is separate from the
forum. You can also put in alt text that can appear
in place of the logo. This is a good practice, as it helps support
visually impaired users with screen reader technology. When you are done, be sure to click the Save
settings button at the bottom of the screen. Next you can add a favicon using the same
logo image. To do this, you’ll need to convert your logo
into ICO format, which is a standard used by web browsers and other programs for icon
images. There are a number of free online converters
that will do this, such as favicon-generator.org. This site allows you to create a number of
different types of icon files, but in this case we will only need a 16 x 16 version which
is standard for the web. Make this selection, and then upload your
logo. The site will convert this into a favicon
that you can download and save. Return to your forum settings and upload your
new favicon, and then save settings again. Your logo will now be featured on your forum,
both on the page and within the browser.

Leave a Reply

Your email address will not be published. Required fields are marked *