Related Posts Thumbnails Plugin Documentation

Related Post Thumbnails plugin is for those who want the showcase of their related posts after the post detail.
The plugin allows customizing thumbnail sizes, display settings, and type of relations. The plugin is using original WordPress taxonomy. It returns generated HTML, that is essential for page load speed of blogs that use many Javascript widgets.

INSTALLATION

Modern Way:

Go to the WordPress Dashboard “Add New Plugin” section.
Search For “Related Posts Thumbnails”.
Install, then Activate it.

Old Way:

Download plugin
Unzip (if it is zipped) and Upload `related-post-thumbnails` folder to the /wp-content/plugins/directory
Activate the plugin through the ‘Plugins’ menu in WordPress

DISPLAY

Thumbnails are arranged in columns under the post with related posts title under each post thumbnail.

* Colors of background, border, text, text sizes and background color on mouse over can be customized.
* The plugin allows the customizing number of related posts to display, top text, style settings – background colors and text formatting.

You can specify where to display post thumbnails – single and main pages, or select specific categories.
By default, plugin appends related posts thumbnails under post content. You can turn off automatic appending in plugin settings and use php tag in the Loop of your theme.

Output style

Starting from 1.2.7 version there is an option to select output style. By default, it will be same as in previous versions – based on blocks. You can now select the version, based on “List” and you can also turn off plugin CSS completely. This is for more advanced users who wish to customize output as they desire.

List style produces

1. *clean output, without HTML errors and it is much more SEO friendly.
2. *The plugin uses Block output style by default to support previous versions, and because Block style uses inline styling with absolute positioning for some elements it will more likely to work in all themes.
3. *Check List output style.

Use this list style if possible!!!

Horizontal list

You can choose Output style as “List” in plugin settings
Set “Turn off plugin styles” flag
Now you can use your own CSS to customize output. For horizontal display you can use suggested CSS (you need to paste it in styles.css file of your theme):

#related_posts_thumbnails {
list-style-type: none;
list-style-position: inside;`
padding: 0px;
margin: 0px;
}
#related_posts_thumbnails li {
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
#related_posts_thumbnails li img {
margin-right: 8px;
vertical-align:text-top;
}

Center output

This is also a popular question how to center thumbnails on the page. Styles that go with plugin display it aligned to the left side of post container.

*The easiest way to center thumbnails without CSS editing is to use plugin’s tag instead of automatic appending in your theme files. Put this tag in div with desired padding style, like:

Any other display editing

#related_posts_thumbnails {
list-style-type: none;
list-style-position: inside;
padding: 0pt;
margin: 0pt;
}
 
#related_posts_thumbnails li {
float: left;
margin: 0pt;
padding: 5px;
display: block;
border-right: 1px solid #DDDDDD;
background-color: #FFFFFF;
}
 
#related_posts_thumbnails li:hover {
background-color: #EEEEEF;
}
 
#related_posts_thumbnails li a {
border: 0pt none;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}
 
#related_posts_thumbnails li a+a {
display: block;
width: 110px;
overflow: hidden;
height: 75px;
color: #333333;
text-decoration: none;
font: 12px Arial;
}
 
#related_posts_thumbnails img {
padding: 0px;
margin: 0px;
border: 0pt none;
}

TEXT BLOCK

*Title – set posts title maximum length or 0 for no title
*Excerpt – set excerpt maximum length or 0 for no excerpt
*Text block height – set height in pixels of the block appeared under the image.

Note: *In the latest version of plugin top text is showing up only if you are using automatic appending in plugin settings. If you are using PHP tag, shortcode or sidebar widget top text will not show up to allow more customizable output. You need to enter it manually before PHP tag in theme settings, before shortcode in your post or in the widget title box.

RELATIONS

Relations between posts are based on Categories and Tags. You can specify what kind of relation should be used in Plugin settings. It may be one of the following:
-Categories – relation is based just on similar post categories
-Tags – relation is based just on similar post tags
-Categories and Tags – posts that have similar tags or categories are considered as related
-Random – no relation restrictions will be taken into account. Posts from different categories and tags may be shown. This might be useful for blogs with few posts.

THUMBNAILS

This plugin supports two types of thumbnails sources – WordPress post thumbnails feature and post custom field.

Custom field

If you input your thumbnail URL on post edit page under the post in the specific field, like “thumbnail image URL” you are using “Custom field”. In plugin options set Thumbnails source as Custom field.

Make sure your Custom field name in plugin options is exactly as it is stored in the database. For example, in Thesis “thumbnail image URL” can be stored as “thesis_thumb”. You need to use that key name. You can find it in the database in post meta table. Or ask your theme developer what’s the key name of that custom field you use to specify thumbnail URL.

If your theme resizes your images, you can specify Theme resize URL. Here you need to fill in URL to PHP script used in your theme for resizing. You can find it from HTML source of your page, looking at src of resized image or ask your theme developer.

For example, you can see the IMG tag like the following:

So in Theme resize URL field you need to add this part of URL: link_to_my_theme_resize_script.php

If your theme does not contain such script, you can download image resizing script. For example, TimThumb resizes script:
http://code.google.com/p/timthumb/

Put it, for example, in your /wp-content/thumbnails folder and create thumbnails/cache folder with writable permissions for this script to store resized images.

Post thumbnails

By selecting ‘Post thumbnails’ as a source for thumbnails plugin displays post thumbnails depending on your WordPress settings. Your WordPress theme may or may not support WordPress Post Thumbnails feature introduced in WordPress 2.9.

Read more information about WordPress Post Thumbnails feature here – New in WordPress 2.9: Post Thumbnail Images.

If your theme doesn’t support this feature On plugin settings page you will see this message: Your theme has to support post-thumbnails to have more choices.

Read more information about WordPress Post Thumbnails feature here – New in WordPress 2.9: Post Thumbnail Images.

This means that you limited to two thumbnail sizes options – ‘thumbnail’ and ‘medium’. These sizes were specified in your WordPress Media settings. The plugin will take the first image, that appears in post body and will display corresponding image thumbnail.

Please note: Plugin doesn’t directly support externally hosted images. You can either use Custom field option. Or you can use Generate Post Thumbnails and Auto Post Thumbnail plugins to create post thumbnails from external images.

If you want to use custom thumbnails sizes and your WordPress is at least 2.9, you can customize your theme according to New in WordPress 2.9: Post Thumbnail Images and use this plugin for automatic assigning thumbnails for existing posts – Generate Post Thumbnails.

Your theme supports post-thumbnails feature. In addition to basic ‘thumbnail’ and ‘medium’ sizes plugin will allow to select post-thumbnails name that is supported by your theme. Plugin will use post thumbnail that was set as thumbnail on Edit Post page. You can set specific post-thumbnail size for related posts and specify it plugin settings. For example:

add_image_size( 'related-post-thumbnails', 100, 100, true ); // thumbnail 100 pixels wide by 100 pixels height, hard crop

Please note, that you need to regenerate thumbnails after Media settings or theme setting were changed. Use this plugin for that – Regenerate Thumbnails or Ajax Thumbnail Rebuild.

Changing thumbnails size

1) * If you use Custom fields to specify your thumbnails plugin interface allows you to specify thumbnails size

2) * If not you can change thumbnails size either by:

– Editing thumbnail size on Media page of your WordPress (and running plugin Regenerate Thumbnails after that)

– Adding new thumbnail size in your theme and selecting it in plugin interface in “Thumbnail size” select box. How to do that read this article New in WordPress 2.9: Post Thumbnail Images. You need to run plugin Regenerate Thumbnails after changing theme options.

Video thumbnails

Please take a look at this plugin, that creates thumbnails from video:
http://sutherlandboswell.com/projects/wordpress-video-thumbnails/
This should solve the problem with displaying images for posts with videos.

DEFAULT IMAGE URL

You can specify URL to default image, that will be used if there is no thumbnail found for the related post.

SIDEBAR WIDGET

After the plugin is activated the new sidebar widget becomes available Related Posts Thumbnails on Widgets dashboard. It will be displayed only on single posts pages.

FILTERS FOR RELATED POSTS

Use the filters to change the outcome of Related Posts Thumbnails section.

Thumbnails Alignment

Change the related posts section alignment on post.

function relpost_align_cb( $align ) {
  $align = ' relpost-align-left';
  return $align;
}
add_filter(  'rpt_content_align',  'relpost_align_cb' );

Here are the three possible values that can be assigned to $align variable:

'relpost-align-center'
'relpost-align-right'
'relpost-align-left'

Prevent Related Posts on Editor/Builder

This filter allows to disable related posts on builders edit screen. For now only Divi builder is supported but will add more in near future.

function rpt_prevent_on_edit_cb( $prevent_on_edit ) {
foreach ( $prevent_on_edit as $key => $value ) {
if ( 'divi' == $key ) {
$prevent_on_edit[$key] = true;
return $prevent_on_edit;
}
}
}
add_filter( 'rpt_prevent_on_edit', 'rpt_prevent_on_edit_cb' );

Prevent Image Size Check

When there is no feature image assigned to a post it will pick the thumbnail for related post from inside the post content.

Related Posts Thumbnails plugin will not pick any image form content that is below the WordPress default thumbnail size e.g. 150px width. This filter allows to override that check and picks the first image form post that is even below the default size.

function rpt_prevent_img_size_check_cb() {
  return true;
}
add_filter('rpt_prevent_img_size_check', 'rpt_prevent_img_size_check_cb');

Empty Custom Field

Remove related post if empty custom field data is empty.

function rpt_remove_empty_cfield_cb() {
  return true;
}
add_filter( 'rpt_remove_empty_cfield', 'rpt_remove_empty_cfield_cb');

Change Top Text

This filter is useful when you want to change the heading text of related posts as per your custom condition e.g. change the text as accordance with the current language of site.

Here is an example for the situation described above when using WPML plugin.

function rpt_top_text_cb( $top_text ) {
  if ( defined( 'ICL_LANGUAGE_CODE' ) ) {
    switch ( ICL_LANGUAGE_CODE ) {
      case 'fr':
        $top_text = '<h3> Articles Similaires </h3>';
          break;
      
      case 'nl':
        $top_text = '<h3> gerelateerde berichten </h3>';
        break;

      default:
        $top_text = '<h3> Related Posts </h3>';
        break;
     }
  }

  return $top_text;
}
add_filter( 'rpt_top_text', 'rpt_top_text_cb' );

Enable Lazy Loading for Related Posts Thumbnails

This filter will help you to load the related post thumbnails images when you scroll down your current blog post to view the related posts.

/**
* Enable Lazy Loading for Related Posts Thumbnails
*
* @return bool
*/
function enable_lazy_loading_thumbnails() {
return true;
}

add_filter( 'rpt-lazy-loading', 'enable_lazy_loading_thumbnails' );

POSSIBLE PROBLEMS AND SOLUTIONS

Your thumbnails source is “Post thumbnails” and plugin always displays default image instead of thumbnails.
1. If your theme supports post-thumbnails, probably your posts do not have assigned thumbnails and on Post Edit page in the block “Featured Image” there is no thumbnail for the post. You can run this plugin – Generate Post Thumbnails – to generate thumbnails for all your posts.
2. If your theme does not support post-thumbnails feature, you can see this message “Your theme has to support post-thumbnails to have more choices” on plugin settings page. Posible problem is that at some moment your Media settings were changed but thumbnails were not regenerated. Try using this plugin – Regenerate Thumbnails
You use “Custom field” as thumbnails source and thumbnails displayed on related posts are not the desired size. You need to specify theme resize URL in plugin settings for correct size display. (read more information here)
If this doesn’t help please turn on Developer mode in plugin settings and let me know. This will output hidden debugging info in HTML source so I can see what’s going on.
Plugin does not append thumbnails.
1. Try clearing your caching plugin.
2. If this doesn’t help, use plugin php tag in your theme <?php get_related_posts_thumbnails(); ?>
Plugin’s style is conflicting with your theme design. Try different Output styles in plugin settings.

CONFIGURING PLUGIN FOR THESIS THEME

Thesis is a popular theme for WordPress. So if you use it you can follow these directions. In Thesis post thumbnails are usually specified on Post Edit screen in Custom field by providing image URL. So if
configured, you can use the following plugin settings:

Set “Thumbnails source” as “Custom Field”
Set “Custom Field Name” as “thesis_post_image”
Set “Theme resize URL” as “http://YOUR_BLOG_TEMPLATE_URL/lib/scripts/thumb.php”, where YOUR_BLOG_TEMPLATE_URL is your themes folder, and is usually something like http://BLOG_URL/wp-content/themes/thesis_VERSION/lib/scripts/thumb.php, with correct BLOG_URL and VERSION.

Thanx for using “Related Posts Thumbnails”.
Hope you will find this plugin for your theme and don’t forget to add your review after use.

LoginPress Documentation

Introduction to LoginPress

LoginPress is a plugin developed by WPBrigade that holds a lot of customization fields to change the layout of the login / register / forget page of WordPress. You can modify the look and feel of login page completely even the login error messages, forgot error messages, registration error messages, forget password hint message and many more.
LoginPress Plugin would give you and your users a feeling that it is a custom login page and a part of the site layout.
LoginPress is a very useful plugin if you have a membership site or if you have a site where people create a profile, login / logout on your site.
LoginPress plugin is built using The Customizer API which is getting popular for live-previewing any changes to the layouts of WordPress. So, with LoginPress you can preview your login page changes instantly. This login customizer plugin is easy enough & required no coding skills. Just have options for each element on the login form and make a new customized login page within seconds.

Who should use LoginPress?

Every WordPress user should use LoginPress. It is easy to use and can transform your boring wp-login.php login page into a beautiful customized login form page.

Let’s get started!

Once you’ve decided to turn your default WordPress login page into a beautiful customized login page and chosen LoginPress to do the job, here’s how to get started.

Find the Plugin.

The Free version of the plugin can be download from WordPress.Org and free version is essential for PRO version and/or Add-ons.
Go to WPBrigade ▸ Plugins ▸ LoginPress to pick the plan that works best for your business.
If you’re buying the PRO version or paid add-ons, select the products to add to the cart.
Go through the Check out and Payment process to complete your purchase.
Once you have successfully completed the purchase, an email will be sent with order and license details.

LoginPress Installation & Activate

Installing a plugin through WordPress is quite easy.

Upload the plugin file.

Go to Plugins ▸ Add New in the WordPress Dashboard.
Click on the Upload Plugin button.
Click Browse and select current version of loginpress.zip from your computer that you downloaded from WordPress.Org.
Click Install Now.

After plugin installed successfully you can activate them by clicking Activate the button as appear on your screen.

Manually activate plugin.

If you wish to activate manually.

Go to Plugins ▸ Add New in the WordPress menu.
Search LoginPress from a search bar.
Mouseover plugin thumbnail and press the Install button.
After installing press the Activate button.

After the activation, you would see the brand new layout of your login page. It’s a LoginPress default layout. In the beggining it’s look better then your WordPress default login page without doing anything but you can customize it more to make the layout similer to your site.

LoginPress Settings

Go to LoginPress ▸ Settings from Dashboard menu.

Click on Allow & Continue button. For help us Improve LoginPress
Under the Settings tab. You can find the following fields.
Enable reCAPTCHA: Goto Doc (Premium).
Session Expire: Goto Doc.
Custom Password Fields: Here you can create a custom password fields on a registration form. In this case, user can easily create a password when s/he register on your site without confimation a password via email.
Login Order: You can allow users to login using their username and/or email address only.
Lost Password URL: Goto Doc.
Reset Default Settings: You can reset the default settings of the LoginPress.
Remove Settings on Uninstall: This option will remove all LoginPress settings upon uninstall of the plugin.
After the settings change, click Save Changes button.

LoginPress Session Expiration

By default, WordPress makes your login session cookie expire in 48 hours, or 14 days if you check the “Remember Me” box. You can change the Expiration Time with LoginPress.

Go to LoginPress ▸ Settings from Dashboard menu.
Under the Settings tab. You can find the Session Expire: field.
Set the Session Expiration Time in Minutes e.g: 10
After sets the time click Save Changes button.
After saving, you just need to set the Expiration Cookies. For this, please logout at least one time.
After logout Expiration Cookies are set. Session expiration will work now.

You can Remove or Reset the Expiration time.

For removing the session expiration time just pass an Empty value in expiration field and save it.
After remove or reset the session expiration time, you need to clear the Expiration Cookies every time by logout at least one time.

Lost Password URL

This option belongs to the WooCommerce plugin. If you have activated WooCommerce then you’ll see that Woocommerce create its own forget URL instead use of WordPress default URL. Like (https://yourdomain.com/my-account/lost-password/)
While LoginPress works on WordPress default login/forget/register forms only. So this option enables you to use WordPress default lost password URL instead of WooCommerce custom lost password URL.

LoginPress Installation & Activate (Pro)

Installing a Loginpress Pro plugin through WordPress is quite easy.

Upload the plugin file

Note: LoginPress Free is essential to LoginPress – Pro.
Go to Plugins ▸ Add New in the WordPress Dashboard.
Click on the Upload Plugin button.
Click Browse and select current version of loginpress-pro.zip from the computer that you received via Email.
Click Install Now.

After plugin installed successfully you can activate them by clicking Activate the button as appear on your screen.

LoginPress reCaptcha (Premium)

Google reCaptcha is a CAPTCHA-like system designed to establish that a computer user is human (normally in order to protect websites from bots). LoginPress has a feature to enable Google reCaptcha on Login, Registration and Forget form. Following are the step to enable Google reCaptcha in LoginPress. The basic premium version of the plugin gives you access of reCaptcha.
Go to LoginPress ▸Settings from Dashboard menu.
Under the Settings tab. You can find the enable reCaptcha fields.

Enable LoginPress reCaptcha.
Go to Google reCaptcha to Manage your reCAPTCHA API keys.
Enter Label for reCaptcha.
Choose the type of reCaptcha reCaptcha V2.
Enter your Domain e.g: yousite.com
Accept the reCaptcha Terms of Services and click on Register button.
After Registration, you will get the Site Key & Secret Key.
Copy Site Key & Secret Key and Paste them into LoginPress reCaptcha Settings.
Select a reCaptcha Theme Light or Dark.
Enable reCaptcha on Login, Registration and/or Forget Form Where you want.
After the settings change, click Save Changes button.

LoginPress reCaptcha will be Work as you set 🙂
You can customize LoginPress reCaptcha Error message Goto Doc

LoginPress Customizer

LoginPress plugin is built using The Customizer API which is getting popular for live-previewing any changes to the layouts of WordPress. So, with LoginPress you can preview your login page changes instantly. This login customizer plugin is easy enough & required no coding skills. Just have options for each element on the login form and make a new customized login page within seconds.

Go to LoginPress ▸ Customizer from Dashboard menu.
Here you can find the panel LoginPress.
Go to this panel and customize your page.
Following are the sections under LoginPress.

Themes are the premium feature in LoginPress. Here you find the dozen of the pretty cool template that can be implemented on the login page. The basic premium version of the plugin gives you access to these themes.

Customizing ▸ LoginPress ▸ Themes: Choose the theme and preview it in Customizer Previewer.

Google Fonts are also the premium feature in LoginPress. Here you find the number of Google fonts that can be implemented on the login page. You can also get the access to Google Fonts by upgrading on the basic premium version.

Customizing ▸ LoginPress ▸ Google Fonts: Select font and preview it in Customizer Previewer.

Identify your site by changing the default WordPress logo on login page with LoginPress. Here you can change the login logo {image, width, height, padding, URL and Title}.

Customizing ▸ LoginPress ▸ Logo: Customize Your Logo Section and preview it in Customizer Previewer.
Logo Image: Upload your logo image.
Logo Width: Customize the width of your logo by range control or input value into the text field.
Logo Height: Customize the height of your logo by range control or input value into the text field.
Logo Padding Bottom: Customize the padding-bottom of your logo by range control or input value into the text field.
Logo URL: Customize the logo redirect URL by input the URL into the text field.
Logo Hover Title: Customize the logo Hover Title by input the text into the text field.

Now time to change the login page background image or colour with LoginPress. Here you can customize background Image or Color. Set its position, Size and repeatable property.

Customizing ▸ LoginPress ▸ Background: Customize Your Background and preview it in Customizer Previewer.
Background Color: Customize the colour of background by colour picker control. (Low Priority)
Background Gallery: You can choose the background of your login page from the default gallery images. If you select the background image from gallery it’ll override on selected theme image. (High Priority)
Background Image: You can choose your own background of your login page. If you choose your own background image the gallery will be hidden from the section and this image will be override on selected theme image. (Higher Priority)
Background Repeat: Customize the repeatable option. This option is very useful if your background image size isn’t big enough. For example, if you are using a patren you can repeate your background image.
Select Position: Customize the position of your background depends on image.
Background Image Size: Customize the background image size depends on image.

In this section you can customize the actual login form {image or colour, width, height, radius, shadow, shadow opacity, padding and border}. Moreover customize Input Text Field {width, margin, text colour, label colour and background color}.

Customizing ▸ LoginPress ▸ Customize Login Form: Customize Your Login Form and preview it in Customizer Previewer.
Enable Form Transparency: You can enable/disable a transparency on your Login Form.
1. After Enable, Form Background Image and Form Background Color section will be hide.
2. After Disable, You need to apply Form Background Color or Background Image manually.
Form Background Image: You can apply a background image on your Login Form. (High Priority)
Form Background Color: You can change the background colour of login form by colour picker control. (Low Priority)
Form Width: Customize the width of your form by range control or input value into the text field.
Form Minimum Height: Customize the minimum height of your form by range control or input value into the text field.
Form Radius: Customize the radius of your form by range control or input value into the text field.
Form Shadow: Customize the shadow of your form by range control or input value into the text field.
Form Shadow Opacity: Customize the shadow opacity of your form by range control or input value into the text field.
Form Padding: You can set the form padding by input the value into the text field.
Border: Customize the border of the form like (2px dotted black).
Input Field Background Color: Customize the background colour of input fields by colour picker control.
Input Field Text Color: Customize the text colour of input fields by colour picker control.
Input Text Field Width: Customize the width of input fields of the form by range control or input value into the text field.
Input Text Field Margin: You can set the form margin of the text fields by input the value into the text field.
Input Field Label Color: Customize the text colour of labels by colour picker control.
Remember me Label Color: Customize the text colour of remember me label by colour picker control.

Customize Forget Form

In this section you can customize the forget form {image and colour}.

Customizing ▸ LoginPress ▸ Customize Forget Form: Customize Your Forget Form and preview it in Customizer Previewer by click on Register link.
Forget Form Background Image: You can apply a background image on your Forget Form. (High Priority)
Forget Form Background Color: Customize the background colour of forget form by colour picker control. (Low Priority)
All other Login Form Customization will be Apply on Forget Form.

Customizer reCaptcha Settings are the premium feature in LoginPress. Here you can customize the reCaptcha setting {error message and size}.

Customizing ▸ LoginPress ▸ reCAPTCHA: Customize Your reCAPTCHA and preview it in Customizer Previewer.
reCAPTCHA Error Message: You can change your Error message of the reCaptcha.
Select reCAPTCHA size: Customize the reCaptcha size.

In this section you can customize the actual login button itself.

Customizing ▸ LoginPress ▸ Button Beauty: Customize Your Button and preview it in Customizer Previewer.
Button Color: Customize the background colour of login/register/forget form button by colour picker control.
Button Border Color: Customize the border colour of login/register/forget form button by colour picker control.
Button Color (Hover): Customize the hover background colour of login/register/forget form button by colour picker control.
Button Border (Hover): Customize the hover border colour of login/register/forget form button by colour picker control.
Button Box Shadow: Customize the box-shadow colour of login/register/forget form button by colour picker control.
Button Text Color: Customize the text colour of login/register/forget form button by colour picker control.
Button Size: Customize the size of the button form by range control or input value into the text field.
Button Top Padding: Customize the top padding of the button form by range control or input value into the text field.
Button Bottom Padding: Customize the bottom padding of the button form by range control or input value into the text field.
Radius: Customize the radius of the button form by range control or input value into the text field.
Shadow: Customize the shadow of the button form by range control or input value into the text field.
Shadow Opacity: Customize the shadow opacity of the button form by range control or input value into the text field.
Text Size: Customize the text size of the button form by range control or input value into the text field.

One of the main feature of the LoginPress. You can change every error message that user will get depending on the outcome of login attempts, registration attempts or forget attempts. So it’s a really really creative.

Customizing ▸ LoginPress ▸ Error Messages: Customize Your Error messages and preview it at login page instead of the customizer. Because errors occur on the failure of credential and LoginPress isn’t allowed you to login in the customizer.
Incorrect Username Message: Customize the Incorrect Username Error Message.
Incorrect Password Message: Customize the Incorrect Password Error Message.
Empty Username Message: Customize the Empty Username Error Message.
Empty Password Message: Customize the Empty Password Error Message.
Empty Email Message: Customize the Empty Email Message.
Username Already Exist Message: Customize the Username Already Exist Error Message.
Email Already Exist Message: Customize the Email Already Exist Error Message.
Forget Password Message: Customize the Forget Password Error Message.
Login with Email Message: Customize the Error Message when force user to login with Email instead of username.

Same as error log messages you can customize the welcome messages as you want to show users.

Customizing ▸ LoginPress ▸ Welcome Messages: Customize Your Welcome messages and preview it in Customizer Previewer.
Welcome Message on Lost Password: Customize the Welcome Message on Lost Password Form.
Welcome Message on Login Page: Customize the Welcome Message on Login Form.
Welcome Message on Registration: Customize the Welcome Message on Registration Form.
Logout Message: Customize the Logout Message.
Message Field Border: Customize the border of the Welcome Message like. (1px solid #00a0d2;)
Message Field Background Color: Customize the background colour of Welcome Message Color by colour picker control.
Reset Password Hint: Customize the Hint text that comes with reset password page. (Premium)

After the login Button, here is form footer. You can customize the footer {text, display, text decoration, text colour, text hover colour and text size}. In this section, you can also customize the page footer text.

1. Customizing ▸ LoginPress ▸ Form Footer: Customize Your Footer and preview it in Customizer Previewer.
2. Footer Text Display: Enable / Disable “Register & Lost your password” text. After disable, all the customization options related to footer text will be hide.
3. Lost Password Text: Customize the “Lost your password” text.
4. Select Text Decoration: Customize text decoration for lost password text.
5. Footer Text Color: Customize the text colour of footer form by colour picker control.
6. Footer Text Hover Color: Customize the hover text colour of footer form by colour picker control.
7. Text Font Size: Customize the size of text by range control or input value into the text field.
8. Footer Background Color: Customize the background colour of footer form by colour picker control.

1. “Back to” Text Display: Enable / Disable “Back to Site” text. After disable, all the customization options related to “Back to” text will be hide.
2. “Back to” Text Decoration: Customize text decoration for “Back to Site” text.
3. “Back to” Text Color: Customize the text colour of “Back to Site” by colour picker control.
4. “Back to” Text Hover Color: Customize the hover text colour of “Back to Site” by colour picker control.
5. “Back to” Text Font Size: Customize the size of “Back to Site” text by range control or input value into the text field.
6. “Back to” Background Color: Customize the background colour of “Back to Site” by colour picker control.

1. Copyright Note: Customize the copyright note. You can use HTML tags for beautifying your text.
2. Show some Love: Enable / Disable “Powered by LoginPress” text.
3. Love Position: Change the LoginPress Branding position left or right.

LoginPress has a Custom CSS/JS area which can Customize login page in a more advanced way. Recommended for advanced users.

Customizing ▸ LoginPress ▸ Custom CSS/JS: Customize Your Login Page and make your login page more advanced.
Customize CSS: Area for Custom CSS.
Customize JS: Area for Custom JS.

LoginPress Add-ons

We have a collection of great Free and Pro add-ons that makes LoginPress more powerful. For checking out the Add-Ons go back to the Dashboard ▸ LoginPress ▸ Add-Ons Page. Following are the Add-Ons for LoginPress.

Login Logout Menu is a handy Add-On which allows you to add login, logout, register and profile menu items in your selected menu. For Installing a Free Add-on.

Go to LoginPress ▸ Add-Ons find the Login Logout Menu Add-On and click on Install button.
After Instalation, click on Activate Plugin button.
Now Go to Appearance ▸ Menus, You will see a separate section for Login Logout Menu.
Here you find the different kind of items that you can use in your selected menu by Drag and Drop.

LoginPress- Auto Login lets you (Administrator) gives access to generates a unique URL for your certain users whom you don’t want to provide a password to login to your site. This Pro add-on gives you a list of all the users who you have given auto-generated login links. After search a username, the plugin will generate an autologin link. Copy this link and give it to the user. A user will login without the username/password. Awesome? A really really cool feature.
You can disable someone’s access or delete certain users. Let’s upgrade to Pro package. Follow these steps to activate the plugin.

Go to LoginPress ▸ Add-Ons find the Auto login Add-On and click on Install button.
After Instalation, click on Activate Plugin button.
Now Go to LoginPress ▸ Settings ▸ Auto Login Tab, You will see a separate settings for Auto Login.
Search Username: Here you need to search Username for making a login magic link for that user.
After selecting the user from search, the user will be listed with the magic link.
After generating the auto login link, copy it and give to the user, it’ll work.
Here you can also update or delete the link for the certain user any time you want.

LoginPress- Hide Login gives access you to change the login page URL to anything you want. It will enhance the security level give a hard time to spammers who keep hitting to your login page. This is helpful for Brute force attacks. One caution to use this add-on is you need to remember the custom login URL after you change it. We have an option to email your custom login URL so you remember it.

Go to LoginPress ▸ Add-Ons find the Hide login Add-On and click on Install button.
After Instalation, click on Activate Plugin button.
Now Go to LoginPress ▸ Settings ▸ Hide Login Tab, You will see a separate settings for Hide Login.
Rename Login Slug: Here you need to change the login page URL by typing in the text field or press the button Generate Slug (Randomly).
Here you can see the option to email your custom login URL so you remember it.
Enable Send Email and write down your email address. Use comma ( , ) to add more than 1 recipients.
After make changes you need to click on save changes. It’ll change your login page slug and sent email as well.

Everybody needs a control of their Login page. This Add-On will help you to track your login attempts by each user. You can limit the login attempts for each user. Brute force attacks are the most common way to gain access to your website. This add-on acts as a shield against these hacking attacks and gives you control to set the time between each login attempts.

Go to LoginPress ▸ Add-Ons find the Limit Login Attempts Add-On and click on Install button.
After Instalation, click on Activate Plugin button.
Now Go to LoginPress ▸ Settings ▸ Limit Login Attempts Tab, You will see a separate settings for Limit Login Attempts.
Under the Limit Login Attempts settings. You can find the 4 following tabs.

Under the Settings tab, you can find the following settings.

Attempts Allowed: Set the total number of login attempts. After attempts, user will be lockout.
Minutes Lockout: After a lockout how many time required that user will be able to see the login page again? Set the time here in minutes.
After make changing you need to click on save changes.

Under the Attempt Details tab, you can find a beautiful layout with the attempts failed detail. Here you can find the detail with:

IP: The IP address of the user.
Date & Time: The date & time when he tries to login to your site.
Username: Which username he tries to login to your site.
Password: Which password he tries to login to your site.
Gateway: Which gateway he use to login on your site (WP Login, Woocommerce, Widget).
Action: Here is the main feature of login attempts.
1. Unlock: You can the unlock the IP address. After that user will be able to login again without lockout restriction.
2. Whitelist: You can add the IP address to the whitelist. The user will no longer face the limitation restriction. After clicking on Whitelist Button, all the tries that user do to login (Username, Password etc) data will be removed from Attempt Detail tab and IP address added to the whitelist.
3. Blacklist: You can add the IP address to the blacklist. The user will no longer able to see login page and wp-admin. After clicking on Blacklist Button, all the tries that user do to login (Username, Password etc) data will be removed from Attempt Detail tab and IP address added to the blacklist.

Under the Whitelist tab, you can find the whitelisted IP address with the beautiful layout. Here you can

Clear: Remove the Whitelisted IP for the certain IP.
After Removing from whitelist that IP address will face the limit login attempt restriction.

Under the Blacklist tab, you can find the blacklisted IP address with the beautiful layout. Here you can

Clear: Remove the Blacklisted IP for the certain IP.
After Removing from the blacklist that IP address will be able to see login page as well wp-admin.

LoginPress- Login Widget is a widget you can use into your blog sidebar. It uses an Ajax way to login via the sidebar. It’s fully customizable. You may need to know HTML/CSS to give it style according to your site even we have styled it in general.

Go to LoginPress ▸ Add-Ons find the Login Widget Add-On and click on Install button.
After Instalation, click on Activate Plugin button.
Now Go to Appearance ▸ Widgets. Here you’ll find LoginPress: Login Widget. Here you can set:
Logged-out Title: of the widget.
Logged-out Links (Text | href): Before Logged in, which link are show to the user? You can Customize the text and link.
Show lost password link: Enable / Disable link.
Lost password text: customize the “Lost Password” text.
Show register link: Enable / Disable registration. Before Enabling “Anyone can register” must be enabled from Settings ▸ General Option.
Register text: customize the “Registration” text.
Show “Remember me” checkbox: Enable / Disable “Remember me” Checkbox.
Login Redirect URL: You can add a custom URL for redirection after login.
Logged-in title: Widget Title will change after login. You can change it.
Logged-in Links (Text | HREF | Capability): After Logged in, which link are show to the user? You can Customize the text, link and capability respectively.
Show logged-in user avatar: Enable / Diable User Avatar.
Logged-in user avatar size: Customize Users Avatar Size.
Logout Redirect URL: You can add a custom URL for redirection after logout.
Error Messages: You can change the Error messages from LoginPress Customizer.
Error Background Color: Customize the Background colour of the Error Message.
Error Text Color: Customize the Text colour of the Error Message.

Redirects users based on their roles. This is helpful If you have an editor and want to redirect the user to his editor stats page. Restrict your subscribers, guests or even customers to certain pages instead of wp-admin. This add-on has a cool UX/UI to manage all the login redirects you have created on your site.

Go to LoginPress ▸ Add-Ons find the Limit Login Redirects Add-On and click on Install button.
After Instalation, click on Activate Plugin button.
Now Go to LoginPress ▸ Settings ▸ Login Redirects Tab, You will see a separate settings for Login Redirects.
Under the Login Redirects settings. You can find the 2 following tabs.
1. Specific User
2. Specific Roles

Under the Specific User tab, you can find a beautiful layout. Here you can:

Search Username: for apply redirects on that. After selecting the user you can see:
1. User ID.
2. Username.
3. Email: of the certain user.
4. Login URL: Add Login Redirect URL for a certain user.
5. Logout URL: Add Logout Redirect URL for a certain user.
6. Action: Here is the main feature of redirection. You can
  1. Update: the redirect links for the certain user.
  2. Delete: the redirect links for the certain user.

Under the Specific Roles tab, you can find a beautiful layout. Here you can:

Search Roles: for apply redirects on that. After selecting the role you can see:
1. No: the total number of roles.
2. Role: specific role.
3. Login URL: Add Login Redirect URL for a certain role.
4. Logout URL: Add Logout Redirect URL for a certain role.
5. Action: Here is the main feature of redirection. You can
  1. Update: the redirect links for the certain role.
  2. Delete: the redirect links for the certain role.

Today, there are a lot of websites, the number of accounts of each site also rising. The user doesn’t want to create an account on each website and remembers the credential for that. Choose the best way to log them to your site without any another credential is that, log in via their social media account! Yes, this is useful because users can easily create an account through social media instead of filling up the registration form, so it makes registration and login faster.

LoginPress have a Social Login add-on that allows your user to log in via their social media account.
Here we integrate the following social media integration with LoginPress Social Login Plugin.

Go to LoginPress ▸ Add-Ons find the Social Login Add-On and click on Install button.
After Instalation, click on Activate Plugin button.
Now Go to LoginPress ▸ Settings ▸ Social Login Tab, You will see a separate settings for Social Login.
Under the Login Redirects settings. You can find the 4 Social Medias.
1. Facebook
2. Twitter
3. GPlus
4. Linkedin

Following are the steps to Create an app on Facebook to use Facebook Login in a web application.

Step 1:

You must register your website with Facebook at https://developers.facebook.com/apps/.
Click Add a new App from My app and fill out the required informational fields. After you have created the App ID please select a product type here. In our case, we use Facebook login.
Select the platform for this app: Here we use “web”.
Enter your web URL here and save the settings.

Step 2:

Go to settings ▸ Basic from the left side menu.
Here you find the App ID and App Secret.
Copy that ID and Secret and use it in plugin settings.

Step 3:

Go to App review from the left side menu.
Here you need to check the option ‘Make “You App” Public?’
After that select the category and press confirm button.

Step 4:

Go to Facebook Login ▸ Settings from the left side menu.
Add valid OAuth redirect URIs here.
Save changings and enjoy.

Following are the steps to create an app on Twitter to use Twitter Login in a web application.

Step 1:

You must register your website with Twitter at https://apps.twitter.com/.
Click on Create New App Button and fill out the required informational fields.
Callback URL is very important in twitter application. Here you’ll add the copies URL from twitter callback description from the plugin.
Click on “Create your Twitter application”.

Step 2:

Go to “Keys and access token” tab
Copy that Key and Token and use it in plugin settings.
Save changings and enjoy.

Following are the steps to Create an app on Gplus to use GPlus Login in a web application.

Step 1:

You must register your website with Google at https://console.developers.google.com/.
Click on Create Project and fill out the required informational fields.
Click on credentials from the left side menu and create credentials here.

Step 2:

Go to OAuth consent screen tab.
Fill out the required informational fields save the settings.
Go to Credentials tabs and click on OAuth Client ID from Create Credential dropdown.
Select Application Type: in our case, we use “Web Application” and fill out the required informational fields.
Authorized redirect URIs is very important for google application. Here you’ll add the copies URL from gplus callback description from the plugin.
Save the settings.

Step 3:

After saving the settings a popup will occur with OAuth Client Copy the Client ID and Client Secret from here and use it in plugin setting.
Save the settings in the plugin and enjoy.

Following are the steps to create an app on Linkedin to use Linkedin Login in a web application.

Step 1:

You must register your website with Linkedin at https://developer.linkedin.com/.
Click on My Apps then Create Application and fill out the required informational fields.
Enter the Authorized Redirect URLs.
Copy that Client ID & Client Secret and use it in plugin settings.
Save changings and enjoy.

LoginPress Support

LoginPress has thousands of active installs. So, we provide robust open source community support on the LoginPress Forums. Additionally, we offer a complete guide along with simple and easy to follow How-to videos. Check WPBrigade YouTube channel
LoginPress PRO users can get ticket based support directly from the WPBrigade Support Tickets system. Visit https://wpbrigade.com/contact/

FAQ: Do you have any question? Please check FAQ
Support Forums: Free support is available on the plugin support forum.
Support Ticket – Pro version: Found a bug or have a feature request? Please submit an issue here!

LoginPress with Multisites

Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Each site has its own login page. You can Customize each site login page with the LoginPress. LoginPress is fully supported with Multisites.

LoginPress Compatibility with

LoginPress is Compatible with the following plugins.

Multilingual & Translatable Do you want to translate LoginPress in your own language? LoginPress is fully supported with multilingual. You can translate LoginPress into your own language.
WPML Compatible LoginPress is compatible with WPML Compatible Plugin.

LoginPress Developer Hooks

LoginPress has the following hooks for developers.

Remove “Remember me” checkbox You just need to single line of code to remove the “Remember me” checkbox. Add the following filter in your themes functions.php
apply_filters( 'loginpress_remember_me', true );

Rate Us

We hope you’ve enjoyed using LoginPress! Would you consider leaving us a review on WordPress.org?

OnePage Parallax Pro Plugin Documentation

Plugin Installation & Activation

Before Installing OnePage Parallax Pro you need a free Theme.
Installing a plug through WordPress is quite easy

Upload the plugin file

Go to Plugin > Add New in the WordPress Dashboard.
Click on the Upload Plugin button from left top.
Click Browse and select the onepage-parallax-pro.zip from your computer.
Click Install Now.

After plugin installed successfully you can activate plugin by clicking Activate on link.

Here you can access the Pro feature of OnePage Parallax Theme 🙂
OnePage Parallax Doc

Import Demo Content To WordPress Themes

In every Today’s theme, There are 3 things to import.

Install all the required Plugins recommended by theme.
Posts/Pages/Settings.
WordPress Customizer Settings.
Widget Settings.

Some themes have written their own demo import plugins or functionalities, We are working on it so in the future, you will not need to install these import plugins but until then, please continue 😉

Install all the required Plugins recommended by theme.

To import OnePage Parallax demo data please install the plugin One Click Demo Import

Posts/Pages/Settings.

To import, Front-Page/Posts/Pages/Settings you need to go Appearance > Import Demo Data. Here you need to import a (onepage-parallax-posts.xml) file that we have attached in your theme->demo-data folder.

WordPress Customizer Settings

To import, WordPress setting and sections content you need to import a (onepage-parallax-customizer.dat) file that we have attached in your theme->demo-data folder.

Widget Settings

To import, WordPress widget content you need to import (onepage-parallax-widget.wie) file that we have attached in your theme->demo-data folder.

After importing all three files you need to set the Homepage for front page and Posts page for the blog. For this go to Settings > Reading and set the Home as HomePage and Blog as Posts page.

Tada.

Getting Started With Simple Social Buttons

I assume you have installed Simple Social Buttons Free or Pro, whatever. If you still have any question, feel free to submit a Ticket here.

Step: 1 Drag and Drop the Social Media buttons you want to appear on your blog/website.

Step: 2 We have designed few common styles to chose from. If you want to have custom designs or to change the colors of these styles. We have custom color settings as well in Premium Version.

Step: 3 After selecting Social networks, Styles of Social Media buttons, You need to select the Positions of Where to put them.

https://d.pr/wnUHqV/3CgZpUJo

Next Steps: We have a number of Positions/Locations and have settings for each area.

If you still have any question, feel free to submit a Ticket here.

Get a free Quote

Archives

LoginPress Documentation

Introduction to LoginPress

Who should use LoginPress?

Let’s get started!

Find the Plugin.

LoginPress Installation & Activate

Upload the plugin file.

Manually activate plugin.

LoginPress Settings

LoginPress Session Expiration

Lost Password URL

LoginPress Installation & Activate (Pro)

Upload the plugin file

LoginPress reCaptcha (Premium)

LoginPress Customizer

Customize Forget Form

LoginPress Add-ons

LoginPress Support

LoginPress with Multisites

LoginPress Compatibility with

LoginPress Developer Hooks

Rate Us

OnePage Parallax Pro Plugin Documentation

IN THIS ARTICLE:

Plugin Installation & Activation

Upload the plugin file

Import Demo Content To WordPress Themes

Getting Started With Simple Social Buttons

WordPress Development Agency

Get a free Quote

INSTALLATION

Modern Way:

Old Way:

DISPLAY

Output style

List style produces

Horizontal list

Center output

Any other display editing

TEXT BLOCK

RELATIONS

CATEGORIES

THUMBNAILS

Custom field

Post thumbnails

Changing thumbnails size

Video thumbnails

DEFAULT IMAGE URL

SIDEBAR WIDGET

FILTERS FOR RELATED POSTS

Related Posts Priority

Thumbnails Alignment

Prevent Related Posts on Editor/Builder

Prevent Image Size Check

Empty Custom Field

Change Top Text

Enable Lazy Loading for Related Posts Thumbnails

POSSIBLE PROBLEMS AND SOLUTIONS

CONFIGURING PLUGIN FOR THESIS THEME

Introduction to LoginPress

Who should use LoginPress?

Let’s get started!

Find the Plugin.

LoginPress Installation & Activate

Upload the plugin file.

Manually activate plugin.

LoginPress Settings

LoginPress Session Expiration

Lost Password URL

LoginPress Installation & Activate (Pro)

Upload the plugin file

LoginPress reCaptcha (Premium)

LoginPress Customizer

LoginPress Themes (Premium)

Customize Google Fonts (Premium)

Customize Logo

Customize Background

Customize Login Form

Customize Forget Form

Customize reCaptcha (Premium)

Customize Button

Customize Error Messages

Customize Welcome Messages

Customize Footer Text

Custom CSS/JS

LoginPress Add-ons

Login Logout Menu (Free)

LoginPress – Auto Login

LoginPress – Hide Login

LoginPress – Limit Login Attempts

LoginPress – Login Widget

LoginPress – Redirect Login

LoginPress – Social Login

Let’s integrate Facebook login with LoginPress Social Login.

Let’s integrate Twitter login with LoginPress Social Login.

Let’s integrate Google Plus login with LoginPress Social Login.

Let’s integrate Linkedin login with LoginPress Social Login.

LoginPress Support

LoginPress with Multisites

LoginPress Compatibility with

LoginPress Developer Hooks

Rate Us

IN THIS ARTICLE:

Plugin Installation & Activation

Upload the plugin file

WordPress Development Agency