If you have read our other blog post on Adding Comments To WordPress, you may be wondering what kind of customization is available to those who choose to manually insert the Facebook comments feature into their WordPress website. In this post, we’ll explore the settings that the comments configurator doesn’t include and show you how to implement them on your website.
Facebook Comments HTML5 Attributes
When using Facebook’s comments configurator, you really only have the following attributes to edit:
In addition to the attributes that come through the comments configurator, you can also manually include the following attributes:
Each of these attributes has different possible values that we’ll list with an explanation.
- Dynamic URL (in PHP) and then
- data-mobile (This is a boolean value that will show a mobile-optimized version of the comments — we will discuss later)
(Will change the look of the comments for light or dark looking websites)
(What URL the comments are coming from)
Absolute URL (e.g.
- 10 (default)
- social (default)
- time (Oldest comments at the top. Newest comments at the bottom)
- reverse_time (Newest comments at the top. Oldest comments at the bottom.)
- 550 (default)
- 100% (This enables a 100% fluid width. The mobile version ignores the width value and will display a 100% fluid width)
class attribute is not discussed here because it is not unique to Facebook. You can get pretty creative with CSS selectors and find ways to customize these comments to your site.