How to Configure the Settings for Inline Comments
The second step in the guide to the Inline Comments WordPress plugin will show you how to configure the settings of the plugin, from basic settings to more advanced settings like HTML tags, CSS stylings and much more.
Step 1) Login to the WordPress Dashboard.
Step 2) From your Admin Panel, scroll down and click on Settings >> Inline Comments.
Step 3) The next section is Basic Settings, and the first port of call there is to Insert Selectors. These are the different sections where you will allow comments, e.g. H1, Single post, entry-content, span, image, etc.
Step 4) You can add the WP Ajaxify Comments plugin via this section. This will add Ajax to the Inline Comments and stop your page reloading every time a comment is submitted.
Step 5) Enable Inline Replies if you want to direct replies to be allowed underneath every inline comment.
Step 6) The Slide Site Selector is used to define which content should slide when the user clicks on a bubble (left or right). The default is HTML, which is all of the content.
Step 7) If you would like to add additional styling to your CSS, enter your custom CSS in the box provided. There is a link to the W3Schools guide to CSS if you want to learn how to create and use your own custom CSS.
Step 8) You can choose the Position of inline comments in this section. Your choices are left or right. There is also the option to display avatars next to every comment, and you can define the avatar size here too.
Step 9) The next section allows you to change the Stylings of your bubbles. This is for sections that don’t have comments yet. You can set background colour and opacity here, as well as being able to hide static bubbles (meaning that they will only show if a user hovers over a comment).
Step 10) The Advanced Settings section begins with adding the HTML that will appear above the list of comments, e.g. Comments so far, etc.
Step 11) The comments bubbles can be given animated effects, for when they fade in and out. Choose between Basic Animation or No Animation at all.
Step 12) The next section allows you to remove certain items, including allowing the ‘X’ at the top of the comments wrapper to be displayed, not allowing users to submit a URL when they comment (helpful for putting off spammers) and removing the Cancel link at the left bottom of the comments wrapper.
Step 13) By ticking the boxes below, you will display permalinks next to each comment, and then show links to referenced comments that have submitted using the plugin. You can also choose to always display comment count bubbles, rather than letting them fade out.
The next step of the guide will focus on How to Write Comments in a Post with Inline Comments.