Modern Footer Extension (Responsive & Compatible)

huseyinfiliz

v0.6: The extension has been completely rebuilt from scratch!

With a completely redesigned footer and settings page, it offers a brand-new experience!

There are so many new features that listing them all would tire me out. I'm just so happy I was able to release this update after all this time 😁

The colors of the footer are based on your site's secondary color.

Admin Panel -> Appearance -> Colors #2

I'm eager to hear your thoughts.

Note: I recommend clearing your cache after updating.

Special thanks to @Umutcan for new footer design!

fakruzaruret

huseyinfiliz wooow! this is wonderful. Thank you for your great efforts.

Amarok

huseyinfiliz Woohoouuu! A superb job! thx !

Subarist

huseyinfiliz
Thank you, for this excellent extension.

I’ve been doing some small tests on my site .
With this extension, I can easily achieve similar results to what I’ve been striving for.
If it had been released earlier, I probably wouldn’t have spent so much effort battling custom footers and CSS.
However, I won’t be using it in production at the moment, as my current style involves a lot of custom CSS. If I ever need to rebuild a new style based on Flarum v2, I’ll definitely use it.

One small suggestion:
Could you add an option to prevent the footer from appearing on discussion pages?

This is because, in Flarum's discussion pages, there’s a pin list feature on the left, and the footer can affect the layout.
You can check out https://flarum.subarist.net for reference.
On discussion pages, I’ve used a different footer to make it look more organized (at least in my opinion ^^).

huseyinfiliz

fakruzaruret Thank you so much for your kind words! I'm glad you like it. 😊 If you have any suggestions or questions, feel free to share!

Xkyer Thanks for the kind words! 🤩 But wait, is this a serious request, or are you just trying to flatter me? Either way, I’d be happy to help! Let me know if you really want to add it to WordPress 😉

Amarok Thank you so much! I’m thrilled you like it. If there’s anything specific you’d like to customize, just let me know 😄

huseyinfiliz

fakruzaruret Xkyer Amarok Subarist meihuak codeX Wlork Capybara i mentioned contributors for the 0.7 update. Apologies for any inconvenience; I just thought you might find this interesting.

IMPORTANT!

I know this won’t surprise you, but the extension has been rewritten so extensively that it’s almost like starting from scratch. After updating the extension:

Clear your cache.
Deactivate and reactivate the modern footer extension.

Failure to do so will result in visual bugs.

v0.7 is LIVE!

A highly requested feature has been added: the ability to hide the footer on specific pages with the new:

Footer Display Mode!

Show on all pages: The footer will be visible on every page of the website.
Hide on all pages: The footer will be hidden on every page of the website. I thought you might want to hide it while adjusting the extension settings.
Hide on discussions: The footer will be hidden only on the discussions pages.
Hide on all pages except the index page: The footer will be visible on the homepage (index page) but hidden on all other pages.
Custom: Allows you to set specific rules for when and where the footer is shown or hidden based on your preferences. I'm not sure if I'll be able to release this soon, but why not in the future?

Another highly requested feature has been added:

Custom HTML

I’ve even prepared a sample custom HTML for you:

<div class="sponsor-container">
  <div class="sponsor-logo">
    <img src="https://flarum.org/img/brands/github.png" alt="Github Logo">
  </div>
  <div class="sponsor-logo">
    <img src="https://flarum.org/img/brands/1password.png" alt="1Password Logo">
  </div>
  <div class="sponsor-logo">
    <img src="https://flarum.org/img/brands/jetbrains.png" alt="Jetbrains Logo">
  </div>
  <div class="sponsor-logo">
    <img src="https://flarum.org/img/brands/ohdear.png" alt="Ohdear Logo">
  </div>
  <div class="sponsor-logo">
    <img src="https://flarum.org/img/brands/styleci.svg" alt="Styleci Logo">
  </div>
  <div class="sponsor-logo">
    <img src="https://nlnet.nl/logo/banner.png" alt="Nlnet Logo">
  </div>
</div>

<style>
  .sponsor-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .sponsor-logo {
    margin: 10px 20px;
  }
  .sponsor-logo img {
    max-height: 50px;
    object-fit: contain;
  }
</style>

Details

There are also many details I didn’t mention here. Let me quickly summarize:

The gap between the discussion list on the homepage and the footer on mobile has been removed.
In the settings menu, instead of showing “Links #1,” it will now display the title you set for the block.
Changes made in the Blocks section will now reflect in the menu and general settings page before saving.
The forum-side code has been completely rewritten, improving performance.
Components hidden in the footer will no longer load statically.
The language file, which was removed in version 0.6, has been reintroduced with a completely new one. Unfortunately, your previous custom translations have been deleted.
Design consistency has been ensured in the settings, and some options have been relocated to more logical sections.

Additionally, many small changes or updates I can’t recall right now have also been made.

Feedback & Suggestions

I’m always happy to hear more requests and suggestions!

Xkyer

Good job @huseyinfiliz

Anyone know how i can add this footer to my wordpress main page ?

tnx

meihuak

Subarist I also think it would be better that the footer is only appearing in the home page

huseyinfiliz

Subarist meihuak codeX

I believe this can probably be done easily. I will add a "Show only on homepage" button to the general settings with the 0.7 update.

For version 1.0, I plan to introduce advanced customization options that will allow you to select which component (block) to hide on the homepage, profile page, discussion page, or globally.

A widget system is part of my future plans for this extension. To summarize:

Currently, we have "about" and "links" widget (block) types. I plan to first add a custom HTML and raw text widget, giving you the freedom to select the desired widget for any block and to add or remove links dynamically instead of having a fixed number.

Afterward, I plan to introduce widgets like "recent discussions," "hot discussions," and "statistics."

Additionally, the footer design currently works with your forum's secondary color. I plan to keep this as the default and also add a few more themes.

First and foremost, thank you for your kind words and suggestions. If you'd like to sponsor the development of the extension, I’d be delighted to discuss this with you.

I’m always happy to hear more requests and suggestions!

huseyinfiliz

Subarist meihuak codeX I have developed a feature that allows the footer to be displayed or hidden only on specific pages, taking your requests and needs into account. I would like to hear your thoughts before releasing this feature.

Do you think this functions will be sufficient, or do you have any other suggestions?

Show on all pages: The footer will be visible on every page of the website.

Hide on all pages: The footer will be hidden on every page of the website. I thought you might want to hide it while adjusting the extension settings.

Hide on discussions: The footer will be hidden only on the discussions pages.

Hide on all pages except the index page: The footer will be visible on the homepage (index page) but hidden on all other pages.

Custom: Allows you to set specific rules for when and where the footer is shown or hidden, based on your preferences. I'm not sure if I'll be able to release this soon, but why not in the future?

What do you think?

Finally, I have one more question. Do you think there should be a permission setting for displaying the footer?

For example, would you want to hide it from visitors or members? Or would that be unnecessary and pointless?

codeX

Maybe a toggle switch button could be made that hides it on discussion pages.

Wlork

Very good extension !

I would like to know if it's compatible with Pallet theme ? 🙂

huseyinfiliz

Wlork

With pallet theme:

I installed the Pallet theme and noticed that it doesn’t affect the footer.

Wlork

huseyinfiliz I installed the Pallet theme and noticed that it doesn’t affect the footer.

Great ! Thank you for your work 🙂

huseyinfiliz Afterward, I plan to introduce widgets like "recent discussions," "hot discussions," and "statistics."

Speaking of compatibility.... Existing widgets aren't compatible with Pallet Theme. I don't want to bother you with this today, but if one day you make your own version of widgets, it would be nice to think about it 🙂

Amarok

@huseyinfiliz Is it possible to add links in the <a href></a> footer?
It would be interesting to be able to put 2-3 images of sponsors or game publishers for example with links. The location could be between the links and the footer. But this would require a new addition

huseyinfiliz

Amarok You’ve made an interesting suggestion! Just to clarify, are you requesting to replace the current "links" block with a custom HTML area where you can include clickable images (e.g., sponsors’ logos)?

Or are you asking for an additional custom HTML section to be added below the existing links in the footer?

Amarok

huseyinfiliz Or are you asking for an additional custom HTML section to be added below the existing links in the footer?

For an additional customisable HTML zone added between the footer links and the "copyright" field

Subarist

Amarok

I also think it would be interesting to carve out a space between the main content and the "foot-bottom" area for custom HTML.

huseyinfiliz

Amarok Roger that, sir! 🫡

I came across the following visual randomly on the internet, and I believe it serves as a good example. I'm confident it will offer different use cases.

I'm working on the 0.7 update and including this as well (of course, I’m open to suggestions regarding this area)

huseyinfiliz

Subarist Is what you mean by "main content" the same as what @Amarok requested?

By the way, I’ve updated the first post of the discussion. I’m open to suggestions on this as well.

Amarok

huseyinfiliz that's the idea 🙂

Subarist

huseyinfiliz
That's exactly the concept. I think having custom HTML in this section would be more than enough to implement various ideas, promotions, or ads, etc. Perhaps you could even consider directly replacing the "foot-bottom" area.

huseyinfiliz

Subarist yes, I think so too. Let me work on the design a bit.

I’ve added some really interesting features, and I’m already excited about introducing the 0.7 update! 🫣

Subarist

huseyinfiliz
Additionally, I think it might not be necessary to have a separate custom JS code feature.
This is quite an important functionality in native Flarum and is also present in V2.
Keeping it integrated within the admin panel might reduce confusion. Of course, the native backend’s description could emphasize the purpose of JS in this context.

« Previous Page Next Page »