Documentation: WP Comment Designer

Installation Instructions

  • Unzip wp-comment-designer.zip file.
  • Upload all the files to the /wp-content/plugins/wp-comment-designer.
  • Activate the plugin through the ‘Plugins’ menu in WordPress.
  • For customizing the plugin’s settings, click on ‘WP Comment Designer’ option menu in WordPress left admin menu.

Get Started

Once you have successfully installed the plugin, check for the WP Comment Designer menu on the left admin menu and click on it.

Once you click on that menu, you will see the plugin’s sub menus- WP Comment Designer, Comment Form Builder, How To Use and About Us.
You can go to WP Comment Designer and Comment Form Builder and set the content and behavior of the plugin. The first submenu of the plugin consists of 4 major tabs dedicated to the layout of the Comment Section and the second consists of 2 tabs dedicated to the comment form. They are each described in the points below:

WP Comment Designer

• General Settings
• Display Settings
• Pagination Options
• Customization Settings

General Settings

This setting allows you to

  • Enable WP Comment Designer: Enable/Disable our plugin’s feature in your website
  • Comment Sorting:Enable/Disable the comment sorting option in the frontend
  • Total Comment Number:Show/Hide total number of comments in the frontend
  • Show/Hide Replies:Enable/Disable hiding the replies to a comment
    • Show Reply Label:
      Enter the label for the trigger button for displaying replies
    • Hide Reply Label:
      Enter the label for the trigger button for hiding replies
  • Flag Comments:Enable/Disable flagging the comments from the frontend Note: By default only administrators are allowed to flag the comments. However, The admisitrator can select others who can flag the comments. The flagged comments will be put in hold and removed from the frontend. The authorized user can unflag the comment from backend comment settings. For that, go to the list of comments that are awaiting moderation and click on approve
    • Users:
      Select user roles who can flag the comments in the frontend along with the administrator
  • Delete Comments:Enable/Disable deleting the comments from the frontend Note: By default only administrators are allowed to delete the comments. However, The admisitrator can select others who can delete the comments.
    • Users:
      Select user roles who can delete the comments in the frontend along with the administrator
  • Comment Rating:Enable/Disable comment rating feature in the frontend
  • Post Categories:Select the category posts to enable WP Comment Designer in

Display Settings

This setting allows you to

  • Comment Listing Template: Select one of the 15 different available templates for you comments and comment form

Pagination Settings

This setting allows you to

  • Pagination: Enable/Disable comment pagination in the frontend
  • Enter The Number Of Items Per Page: Enter the number of comments to be displayed per page
  • Pagination Type: Select one of the three pagination types. There are Load More, Infinite Scroll and Page Number. Upon selecting Infinite Scroll and Load More, you get to select the loader aswell. Load More also allows you to give a label for the load more button

Customization Settings

This setting allows you to set the the custom texts for

  • FontAwesome Version: Please select the version of fontawesome used by your theme to avoid the conflict between theme and plugin’s fontawesome file
  • Before Notes Text: Enter the text to be displayed before the set of comment form fields if the user is not logged in
  • After Notes Text: Enter the text to be displayed after the set of comment form fields and before the submit button
  • Comment Label: Enter the label to be displayed for asking the users to leave a comment for a post. Note: If left empty, this field will take the value ‘Leave A Comment’
  • Reply Label: Enter the label to be displayed for asking the users to leave a reply to a comment. Note: If left empty, this field will take the value “Leave A Reply”.
  • Reply Button Label: Enter the label to be displayed for the trigger button for replying beneath each comment. Note: If left empty, this field will take the value “Reply”.
  • Cancel Reply Label: Enter the label to be displayed for canceling a reply. Note: if empty, this field will take the value “Cancel Reply”
  • Comment Form Submit Label: Enter the label you want for your comment form submit button. Note: if empty, this field will take the value “Post Comment”
  • Font family: Select the font family for the comments section
  • Date Format: Select the format of date to be displayed in the frontend
  • Time Format: Select the format of time to be displayed in the frontend

Comment Form Builder

• General Settings
• Field Settings

General Settings

This setting allows you to

  • Form Display
    Select how you would want your comment form to be displayed. If you want your comment form to be always displayed just below the comments, select ‘Always Show’. Else, if you want your comment form to be displayed only on trigger, select ‘Show on Trigger’. Show on Trigger further allows you to enter the label for your trigger button and select how you would want your form be be displayed. ie. either inline or popup
  • Custom Fields Label/Value Display
    Select how you would want the label and their respective value of the custom fields to be displayed in the comment section. Note: if you select “Same Line”, the label and value of the custom field will be displayed in the same row. Whereas, on selecting “Seperate Lines”, the label ans the value of the custom field be displayed in two different rows
  • Enable User Registration
    register the users. On selecting explicit, any user who comments to your post will directly be registered. On the other hand, if you select user selection, a choice will be given to the user at the end of the form asking them if they want to register to your site. Furthermore, This setting allows you to enter the credentials necessary to send mail to the users who recently got registered. This setting also allows you to set the role for the registered users.Please make sure that the places where username, password and url are to be displayed is not left blank and is placed with #username, #password, #url respectively

Field Settings

This tab allows you to customize the field elements of the comment form. Besides the default Name, Email, Url and Comment area you can further add others fields. Currently seven input types are available: text field, text area, select option, radio buttons, checkbox, number and file upload. Each of the fields both custom and defualt are customizable. You can select the field types from the custom fields at the left. The fields displayed at the right are all sortable and they appear in the same order at the frontend.

Comment Area
  • Label
    Enter the label to be displayed for the comment area
  • Display Label in Form
    Choose whether or not to display the comment area label in the frontend form
  • Display Label in Comment Area
    Choose whether or not to display the comment area label in the comment section
  • Placeholder
    Enter the placeholder to be displayed in the commentarea field
  • Comment Length Restriction
    Enable/disable comment length restriction
    • Enter the desired length
      Enter the number of allowable characters in the comment area
    • Character limit message
      Enter the message to be displayed if the comment length is greater than the allowed length
  • Display Read More for long comments
    Enable/disable read more for long comments
    • Enter the desired comment length
      Enter the number of words to be displayed before displaying the read more link
    • Enter the label for Read More
      Enter the label to be displayed for read more link
    • Enter the label for Read Less
      Enter the label to be displayed for read less link
  • Edit Comment
    Enable/disable edit comment
    • Enter Time
      Enter the time period in milliseconds within which the user can edit their respective comment. Note: 1 second = 1000 milliseconds. Also, If left empty unlimited edit time will be assigned
  • Comment Area Editor
    Select the editor to be displayed in the frontend. It can either be simple text area or a WYSIWYG editor
Name
  • Show on form
    Enable to display the name element in the frontend. Note: This element is not displayed for logged-in users
  • Label
    Enter the name label to be displayed in the frontend
  • Display Label
    Choose whether or not to display the name label in the frontend
  • Placeholder
    Enter the placeholder to be displayed in the name field
Email
  • Label
    Enter the email label to be displayed in the frontend
  • Display Label
    Choose whether or not to display the email label in the frontend
  • Placeholder
    Enter the placeholder to be displayed in the email field
Url
  • Show on form
    Enable to display the name element in the frontend. Note: This element is not displayed for logged-in users
  • Label
    Enter the url label to be displayed in the frontend
  • Display Label
    Choose whether or not to display the url label in the frontend
  • Placeholder
    Enter the placeholder to be displayed in the url field
File Uploader
  • Label
    Enter the label for the file uploader field
  • Display Label
    Choose whether or not to display the field label in the frontend
  • Show on form
    Enable to display the field in the comment form
  • Show on Comment Area
    Enable to display the field’s value along with comment in the comment area
  • Required
    Enable to make the field compulsary to fill
  • Error Message
    Enter the message to be displayed if the field is left empty
  • Field Notes
    Enable to display field notes
  • Note Text
    Enter the text to be displayed beneath the field
  • Button Label
    Enter the button label to be displayed on the button
  • Maximum Upload Size in MB
    Enter the maximum upload size of the file in MB
  • Choose file extensions
    Please choose the extension that you only want to allow from this file uploader. The available extensions are as follows.Images: jpg,jpeg, png, gif, bmp

    Documents: pdf, doc/docx,xls|xlsx, odt, ppt|pptx, pps|ppsx

    Audio: mp3, ogg, wav

    Video: m4v, mov, wmv, avi, mpg, ogv, 3gp, 3g2

    Custom Extensions: Please enter the extension that is not available in the above list but you want to allow the users to be able to upload. Use comma for multiple extensions. Note: Only the extensions that WordPress recognizes are able to be uploaded regardless of what the custom extension consists of. For example: zip,gzip

  • Extension Error Message
    Enter the maximum upload size of the file in MB
  • Multiple Upload
    Enable to display the field in the comment form
  • Number Of Allowed Upload
    Enter the maximum number of uploads allowed
  • Upload Limit Error Message
    Enter the maximum number of uploads allowed
Text Area
  • Label
    Enter the label for the field
  • Display Label
    Choose whether or not to display the field label in the frontend
  • Show on form
    Enable to display the field in the comment form
  • Show on Comment Area
    Enable to display the field’s value along with comment in the comment area
  • Required
    Enable to make the field compulsary to fill
  • Error Message
    Enter the message to be displayed if the field is left empty
  • Field Notes
    Enable to display field notes
  • Note Text
    Enter the text to be displayed beneath the field
  • Placeholder
    Enter the placeholder to be displayed in the name field
Text Field
  • Label
    Enter the label for the field
  • Display Label
    Choose whether or not to display the field label in the frontend
  • Show on form
    Enable to display the field in the comment form
  • Show on Comment Area
    Enable to display the field’s value along with comment in the comment area
  • Required
    Enable to make the field compulsary to fill
  • Error Message
    Enter the message to be displayed if the field is left empty
  • Field Notes
    Enable to display field notes
  • Note Text
    Enter the text to be displayed beneath the field
  • Placeholder
    Enter the placeholder to be displayed in the name field
Number
  • Label
    Enter the label for the field
  • Display Label
    Choose whether or not to display the field label in the frontend
  • Show on form
    Enable to display the field in the comment form
  • Show on Comment Area
    Enable to display the field’s value along with comment in the comment area
  • Required
    Enable to make the field compulsary to fill
  • Error Message
    Enter the message to be displayed if the field is left empty
  • Field Notes
    Enable to display field notes
  • Note Text
    Enter the text to be displayed beneath the field
  • Placeholder
    Enter the placeholder to be displayed in the name field
Radio
  • Label
    Enter the label for the field
  • Show on form
    Enable to display the field in the comment form
  • Show on Comment Area
    Enable to display the field’s value along with comment in the comment area
  • Required
    Enable to make the field compulsary to fill
  • Error Message
    Enter the message to be displayed if the field is left empty
  • Field Notes
    Enable to display field notes
  • Note Text
    Enter the text to be displayed beneath the field
  • Option
    Enter the label for the options in the first box and their respective values in the second. Incase you want to add few more options, Click the “Add Option” button. The boxes are all sortable and will be displayed accordingly in the frontend.
Checkbox
  • Label
    Enter the label for the field
  • Show on form
    Enable to display the field in the comment form
  • Show on Comment Area
    Enable to display the field’s value along with comment in the comment area
  • Required
    Enable to make the field compulsary to fill
  • Error Message
    Enter the message to be displayed if the field is left empty
  • Field Notes
    Enable to display field notes
  • Note Text
    Enter the text to be displayed beneath the field
  • Option
    Enter the label for the options in the first box and their respective values in the second. Incase you want to add few more options, Click the “Add Option” button. The boxes are all sortable and will be displayed accordingly in the frontend.
Select Option
  • Label
    Enter the label for the field
  • Show on form
    Enable to display the field in the comment form
  • Show on Comment Area
    Enable to display the field’s value along with comment in the comment area
  • Field Notes
    Enable to display field notes
  • Note Text
    Enter the text to be displayed beneath the field
  • Option
    Enter the label for the options in the first box and their respective values in the second. Incase you want to add few more options, Click the “Add Option” button. The boxes are all sortable and will be displayed accordingly in the frontend.

Shortcode Availability

Our plugin doesnot work based on shortcodes as The posts and pages with enabled “Discussion” settings provides the comments section by default. However, In case you have problem displaying the comments and comment form in your pages built via page builder. We have a shortcode that will do the work for you. Please use shortcode [wpcd_comment_listing] for the same. Please be noted that the shortcode is only to be used in the page buiders having issues with the comments section. The shortcode will help display the comment listing and comment form of the particular post where the shortcode has been used.

Once you have completed making the necessary changes in the settings as per your requirement, Click on ‘Save Options’ and you will see the visible output in your frontend. Also, on clicking the ‘Restore Default’, all the changes you made will be changed to the default values of the plugin.

Total 8 Like/Dislike Layout Design With Screenshot:

A) Layout 1

B) Layout 2

C) Layout 3

D) Layout 4

E) Layout 5

F) Layout 6

G) Layout 7

H) Layout 8

I) Layout 9

J) Layout 10

K) Layout 11

L) Layout 8

M) Layout 8

N) Layout 8

O) Layout 8

Also, you might want to check out, 


Themes Compatible with the Plugin :

WP Comment Designer works best with every WordPress theme. It is even more remarkable when used with popular themes like VMagazine and AccessPress Parallax.

AND IF THIS PLUGIN HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :

WPAll Club – A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.

Premium WordPress Themes – 6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.

Premium WordPress Plugins – 45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.

AccessPress Themes – AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.

8Degree Themes – 8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.