Banner for Truenorth Srcset
SrcSet Responsive Images for WordPress allows you to change the dimensions of images based on browser size by automatically adding the srcset attribut … Wordpress Tutorial
Noted That:
  • To install correctly this truenorth-srcset.zip .
  • Fisrt Download the truenorth-srcset.zip to your computer
  • Extract/Open truenorth-srcset.zip to Your Computer.
  • Then, Find readme.txt file inside truenorth-srcset.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " truenorth-srcset.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Truenorth Srcset

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Truenorth Srcset

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Truenorth Srcset

Step-5 : Now, Browse " truenorth-srcset.zip " Downloaded plugin from your computer, Where you downloaded " truenorth-srcset.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Truenorth Srcset

Step-6 : Now, Click on " Active Plugin "

Activate Truenorth Srcset

Step-7 : Then, See left Side Menu. " Truenorth Srcset " folder is added on left Side Menu. Now, Click on " Truenorth Srcset " folder.

Noted that: If you do not see " Truenorth Srcset " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Truenorth Srcset Configurations and Settings or How to work " Truenorth Srcset " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " SrcSet Responsive Images for WordPress " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is SrcSet Responsive Images for WordPress
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Tools > SrcSet Settings and create a new SrcSet group under the ‘General’ options tab and click ‘save changes’
  4. Click the group options tab on the left for your new SrcSet group.
  5. You want to create the srcset for all “large” images, so link this group to the ‘large’ image size be selecting it from the ‘Image Size Relationship’ drop down menu.
  6. We need to tell the browser which image size to use when the browser size changes, start by selecting the ‘small’ breakpoint from the ‘Select Breakpoint’ drop down menu.
  7. The default browser width for this breakpoint is 640px wide. We can leave this or use the ‘Breakpoint Width’ slider to customize this.
  8. Now we need to tell the browser which image size we want it to display at this breakpoint. Using the ‘Breakpoint Image Size’ drop down menu we can either select an image size already registered with WordPress OR we can create a new custom image size.
  9. !!Important!! If you create a custom image size for any of your breakpoints you will have to regenerate your image thumbnails using a plugin such as “Regen. Thumbnails”
  10. Complete steps 5 & 6 for each breakpoint (small, medium, large, large)
  11. Save your SrcSet group options.
  12. All existing posts/pages which have “large” images embedded in them will need to be converted to use your new SrcSet group.
  13. !!Warning!! Backup your database BEFORE this step as the process is irreversible!! Click the ‘Regeneration’ tab in the plugin options on the left. Click the ‘Regenerate srcset’ button and wait for the process to complete. Now all your existing posts using “large” images are now using your SrcSet group!
  14. Now whenever a user adds an image using the “large” size into a post/page content, the img html tag will also have your SrcSet group attribute added to it automatically!

Uninstall

  1. Go to Tools > SrcSet Settings
  2. Click “Regeneration” tab on the left of options page
  3. Select “Uninstall srcset” from dropdown option
  4. !!Warning!! Backup your database BEFORE this step as the process is irreversible!! Click the ‘Regenerate srcset’ button
  5. You can now uninstall the plugin

Name