Fakebook Theme

	Summary	Fakebook - I had a little fun with this one to showcase the flexibility of our theming system. This layout might look a bit familiar
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/Fakebook
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Features

The theme features a navigation sidebar, as well as a sidebar that showcases some of your user profile information. If a topic has an image, the topic list shows a preview. Topic excerpts will be displayed on all topics.

Preview with topic excerpt:

In the theme settings you’ll find a few options for hiding sidebar content, or switching the sidebar sides.

I recommend using the “Categories Only” category page layout with this theme, as space in the main column very limited.

Settings

Translation	Default
sidebar.welcome	Welcome
sidebar.back	back,
sidebar.welcome_subhead	We’re glad you’re here!
sidebar.likes_header	Share the Love
sidebar.badges_header	Your Top Badges
sidebar.full_profile	View your full profile

Hosted by us? Themes are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-17T11:52:39Z

Check document

Perform check on document:

I still have a few open todos on this one:

Better handling of images in topic list (They indiscriminately pull images from oneboxes if there’s one in the OP, and these don’t work well as previews)

Include sidebars on tag pages (I don’t have a class to differentiate filtered tag pages from the tag directory)

The name is pretty good though :))

nice work thanks.

for rtl languages, it seems it needs some slight css tweaks for the user avatar as well as comments:

the category drop-down menu, unlike tag drop-down menu, comes into the topic list:

in the topic pages, margins and paddings for post are not tuned for rtl:

Can you change colors?

I want to keep the original color discourae but with this facebook layout

I loooove it!!

Fantastic work @awesomerobot

Fantastic theme! Great work and thanks for sharing

Really want to implement your theme but I’m getting a bit of an issue with the topic lists. Do you know what could be causing this? Have been combing through admin settings.

Hello!
What is my error theme?

I don’t think that theme supports RTL right now.

Sorry, what is RTL
Thank you!

Your error theme same me, don’t same demo

Does this theme enable all users to easily upload videos? How would they do this?

Right-to-left language

From your previous posts, I know you use the topic list previews plugin. The topic list previews plugin is not compatible with this theme. So you have to decide whether you want to use this theme or the topic list previews plugin. You can’t use both.

Thank joe so much!
I will decide

Thanks! I suspected this also, but disabling the topic list previews plugin doesn’t fix the format errors. Might require a full uninstall of the plugin.

Edit: Adding confirmation, removing the topics list previews plugin does indeed fix the format issues @thaidb and I were experiencing. Simply disabling the plugin did not fix it, at least for me. To uninstall plugins, can just use these instructions: How to completely uninstall / remove a plugin

Correct, disabling a plugin will remove certain UI elements to use and configure it, it doesn’t block all of the code from the plugin which is picked up during a rebuild.

Would be amazing if this theme supported topic preview images for mobile!

Topic previews isn’t an official plugin. Have you considered asking in the plugin topic?

Right yeah, to clarify, I meant that this theme (without plugins) has topic previews for web, but not for mobile. Mobile support would be great.

Wonderful.
Discourse and its people never stop to keep amazing its users.

Great theme. I used it as the default for my forum.

Thank you very much!

Broken on category view.

This was only tested with the categories only layout (this is the desktop category page style site setting)

@awesomerobot could you add the independent sidebars here (or make them compatible, so we don’t need the full Fakebook theme for it): Custom Layouts Plugin?

Kind regards,
Cees

@awesomerobot just started using this! It’s amazing - shame that other media platforms don’t exist. Really happy and impressed

Can you link me to your community? I would like to see how it worked for you if possible. Thanks!

See here. Mobile and desktop obviously look different.

Wow, this is incredible work. So very well done. Bless you.

I absolutely love this and am testing it out on Better Century, with a few users. One of the things I’m interested in is how and if the look can be transferred to the mobile view?

I’ve installed this now and it works beautifully on the desktop and is really nice on the mobile, but on the mobile the images don’t break up the topics. Have you done anything to fix this recently?

Thanks ever so much for this

I’ve just made an update that should make the mobile topic list better match desktop

I am in awe if you’re theme work, thank you.

For some reason the theme isn’t work that well for mobile, images not appearing and no boxes around the posts.

Thought you should know. Will let you know if we find a fix our end.

Thank you for everything you’re doing.

I think you might need to upgrade Discourse (via /admin/upgrade)? There were some changes within the past couple of weeks that change the format of some of our templates (which are used in the theme).

Thanks Kris. Will do!

Thanks Kris. We upgraded last night and it works really nicely!

We’ve installed the theme as default now. See it at https://community.bettercentury.org/

Thanks!

I have same problem with Tom Beckett. I upgrade but it not working.

My Forum: https://babyforex.net

Looks like there’s a conflict with a third-party plugin… if I visit https://babyforex.net?safe_mode=no_plugins%2Conly_official&mobile_view=1 the theme works as expected.

You can try disabling each plugin and seeing which one is causing the problem… my guess would be topic previews?

Hi Kris

I remove Topic Preview Plugin. But cannot fix.

When I try to access: https://babyforex.net/?mobile_view=1

Not sure if you disabled other plugins in the meantime, but the mobile layout looks ok to me now?

I must remove all Plugin

Message have problem with this theme.

Hi @awesomerobot
How can I add topic view after comment number?

Thank you!

I dont know why my forum is lose header menu.

If you open your browser’s web inspector do you see any errors in the console? do you have any other themes/plugins installed? This theme changes a lot, so it’s not going to be compatible with many plugins or other themes/components.

Played around with it for a while and had a blast. Great work. The “categories only” setting is the issue for me as my forum is set up using boxes. Is there a way to make it so the fakebook theme switches a forum to categories only when turned on, as i’m going to let users choose their theme. Or a way we can set different layout options for different themes?

I also noticed the sidebars don’t play nice with most plugins. Kanban, Events, etc. I wonder if moving forward they could become dynamic and so if another plugin wants to use that space they move out the way. Or a low-tech solution could be that they have a little ‘hide’ icon in the corners.

This is great!

Would it be safe to use this theme for a live site and have it work without any errors (the only theme component I am using is the Brand Header component)?

And will it be updated for the foreseeable future? I think this is fantastic.

This is awesome work. Kudos for that.

It seems to be not activated in the following places

• Tag view - For eg. Topics tagged theme-full
• For categories which have children categories - For eg. support - Discourse Meta

For example, I noticed the category descriptions looks scrunched and unappealing with this theme as seen on your demo:

There are a couple live sites already using the theme, if you notice any issues you can report them here and I can get to them when I have the chance. The theme is open source, so any improvements from other developers are also welcome!

Right as mentioned in the original post, this theme only works with the “categories only” category page style (unfortunately the theme previews on our theme creator site can’t set a different category page style).

I’ve had a to-do to add support for other category styles, i’ll try to get to that this week.

Made an update here that adds support for all category page styles

https://github.com/discourse/Fakebook/commit/3e900d0673e3d36041c96e528cb94c1b10b92502

Also working on support for tag pages, should have that ready sometime next week.

I’ve added support for tag topic lists. I had to fix a couple inconsistencies in Discourse itself to support these correctly, so if you’ll also need to update to Discourse today or later to get this update working.