maddingcrowd No Comments

WordPress – Optimizing Images

Images can slow down your WordPress website !!

It is said that Images capture time. But the irony is that the users are too impatient to wait for the entire page to load which leads to increase in the bounce rate.

Worry not. Optimizing images helps you by keeping the file size to minimum whilst maintaining the quality.Lighter the file size faster is the page load.

Let me guide you to set up a basic plugin to improve your website pageload instantly.

Requirements :

Plugin : reSmush.it

After installing and activating this plugin, we are ready to optimize.

1. Where is the Plugin ?

  • On the WordPress dashboard go to ‘Media‘.
  • Under its sub menu you will find reSmush.it

images optimize 1

2. Plugin dashboard

The dashboard informs the user about the status of the pictures present on the website.

3. Changing the Settings

Change the settings accordingly to your needs.

Note: The quality factor value that website owner wants will differ because it depends on how important the pictures .

  • Usually the default value set by the plugin is set to ‘92′ because it shows some reduction in size without any problem.
  • Keep the quality factor between ‘65 to 75′ range because human eyes cannot make out the difference.
  • Check the box for ‘Optimize on upload‘ because enabling this optimizes the pictures at upload automatically.
  • Also check the box for ‘Enable statistics‘ because this informs the administrator about his uploads.
  • Check the box for ‘Enable logs‘ because this is for all the developers who prefer getting detailed information about optimization.
  • Then click on ‘Save Changes‘ after the changes are made.

 

images optimize 3

4. Optimizing Images

  • Click on the button ‘Optimise all pictures‘.click-optimize
  • After submitting it will start analyzing because it scans all the media files.

waiting

  • After analyzing it will displays progress bar as shown below

progress-bar

  • It will display the following message once it is successfully completely.

congrats

5. Statistics

  • Before optimizing you will be getting this information :

no-stats

  • After optimizing, the report will say something like the image below :

final-statistics

Note : The statistics will vary according to the amount of pictures present on the website.

Want to obtain your Google Tracking Id for your website ? Read our article on WordPress – Obtaining Google Analytics Tracking ID.

Having problems migrating on WordPress? read our article to know more WordPress Guide: Migrating website content.

maddingcrowd No Comments

WordPress – Obtaining Google Analytics Tracking ID

Why should I use Google Analytics ?

Google Analytics is a tool for the website owners to understand how their website is behaving out there in the actual world. This scans all the standard parameters of the website and reports back the status.

If you want to improve your website, stick around this tutorial as I help you setup this feature for your WordPress site.

Requirements :

So let us get started now.

Step 1 : Login

  • Go to Login.
  • Select your Gmail account and Sign in.

Analytics 1

Step 2 : Creating an New Account

  • Select the ‘ADMIN‘ from the left hand side panel.

Analytics admin 2

  • Now click on ‘Create Account‘ button.
  • You will get the following form to be filled.

Analytics dets 3

  • Enter all the correct details and then click on ‘Get tracking ID‘ button.
  • It will display the Service agreement form as shown below.Please read the terms thoroughly.

Analytics agreement 4

  • After reading and checking both the boxes, click on ‘I Accept‘ button.
  • If the process is successful, you will get the following page.

Analytics id 5-edited2

  • There you have the Tracking code.
  • Copy this code.
  • Open the plugin and paste as shown below.

Analytics pasting 6-edited

That’s it. Now you can use this in any SEO plugin that requires the Tracking ID.After that login here  and start monitoring.

Want to publicize your WordPress Activities automatically to your social media? then read this Sharing your activities on Social Media.

Explore the 8 New Interactive Features Ebook can do.

maddingcrowd No Comments

WordPress – Sharing your activities on Social Media

Having problems sharing WordPress activities to social media  automatically?

We are biologically wired in sharing information about ourselves. I am assuming that WordPress is setup live on the server(if not go here).

This tutorial will guide you to share the posts or recent activity of WordPress which will be directly linked to Social Profile.So that you can save time and get things shared as soon as possible. So lets get on with it.

Requirements:

  • Jetpack plugin already setup in WordPress.
  • Active Social Media accounts details.

This tutorial will only show steps to connect with your Facebook profile. You can repeat the same with others also.

Step 1 : Settings

  • You need to enable all these options in the Jetpack settings.

sharing 5

 

Step 2 : Where to go.

  • Go to wordpress ‘Settings‘, and selectSharing‘.

sharing

Step 3 : Choosing a Connect option.

  • You will get the following choices to choose from.

sharing 2

  • So we go ahead and clickConnect” next to Facebook.
  • Make sure you have already signed in on Facebook.
  • Allow Jetpack to access Facebook basic details for sharing.

Step 4 : Where to share exactly ?

  • If  the Facebook profile is connected successfully, you will get the following message.sharing 6
  • You can select the publicize on ‘Facebook Wall‘ option or the ‘Facebook Page‘ option depending on your social activity preference.
  • Check the box ‘Make this connection available to all users of this blog?‘.
  • ClickOK‘ and then you will get this.

sharing 4

Now we are connected.

Stuck with the old WordPress website domain and want to move to a new one ? Follow this guide WordPress Guide: Migrating website content.

Get to know more on what new we can offer in Ebooks here 8 New Interactive Features Ebook can now do.

maddingcrowd No Comments

Woocommerce Plugins To Use

Earlier this year, we decided we needed a new website for our bookstore. dogearsetc.com, our first service, that we rolled out in 2006, needed a makeover, and the online bookshop too  needed an online extension. So we decided to go with a new domain altogether. At the time of this writing, thedogearsbookshop.com is just a few days away from its launch.

For the website itself, given that it had to be ecommerce-enabled, there were a few options we could go in for. Like we did before, with dogearsetc.com, there was the option of coding from scratch. The last time we did that using a Java framework, but decided against that option this time because Java hosting is very expensive in India, when compared to PHP hosting options. There was also the option of using an off-the-shelf solution like Shopify. Ultimately, however, we decided to go with a WooCommerce-enabled setup.

The reasons for that were many: The basic code is free, the availability of plugins makes it very extensible, and the ability to selectively modify the code (in itself opensource, thus making it accessible) allows you to tweak the website’s capabilities to suit your needs.

This post, though, is on the extensions we incorporated, rather, the plugins we used, to extend the WooCommerce installation and adapt it to our requirements. There are many posts on this topic; this, however, is a list of the plugins we used. It might therefore differ from any prescriptive list, or even from a list of plugins the next person installing WooCommerce might find useful. The plugins are listed alphabetically. Further, I have not added certain plugins to this list, those that are almost always recommended, such as those that should be used to make the website faster, or to incorporate basic requirements, such as a payment gateway.

1. Custom Order Numbers for WooCommerce: Woocommerce order numbers are usually generated in the same sequence as products, posts and pages. This make it impossible for the store owner to track consecutive order numbers. This plugin allows you to set them sequentially. The Pro version allows you to determine the width of the order number, add a prefix, etc. The free version, though, is good enough.

2. Custom Product Tabs for WooCommerce: Many times, on the product page, it becomes necessary to have more tabs to explain the product. In our case, for instance, we needed to have additional tabs to introduce the author of the book, and to describe the shipping process (click on the accompanying image). This plugin allows you to introduce as many additional tabs as possible, although it might not be a good idea to add too many.

3. Dropbox Backup and Restore: This plugin works seamlessly with your Dropbox account to create a full backup (you can specify what should be archived) of your website, and restore it at will. The plugin also allows you to have a local backup in case you wish to have one.

4. Easy Google Fonts: We like to tweak our fonts (our preferences are mostly sans-serif fonts) and this plugin allows you to import Google Fonts and make them available for specific tags. The font size, as also the line spacing can be controlled using this plugin. The best part, like I mentioned, is the fact that it gives you access to the whole range of Google Fonts, and downloads the ones you have chosen to your website, so that you can use them from a local source.

5. Product Enquiry for WooCommerce: In this age, when it is recommended that you allow your customers to converse with you, this is an extremely useful plugin that allows you to do just that. The plugin sits on the product page and allows the customer to email you with queries about that particular product. If nothing, it tells you that there is interest in the product, interest that you can then exploit to your benefit.

6. Responsive Accordion and Collapse: While searching for a smart-looking design for our FAQs page, we came across this plugin. This one too, like many other plugins, has a Pro version that further extends its capabilities. Nonetheless, the features offered by the free version should be good enough for your website. Moreover, since you can create a group of question/answers (in what they have called an accordion), you can use the group anywhere, using a shortcode (see image on the left). This is useful, especially when you want to provide FAQs for a certain product. Much of this plugin can be customized, like the icons attached to each question, for instance, or the colours associated with each accordion.

7. Stream: We found this plugin while searching for one that would track our inventory (a satisfactory one of which we quite haven’t found yet). This plugin tracks in every change you make to WordPress (and by extension WooCommerce) and is thus an accurate log of everything that is added, removed, or modified. It is a very useful plugin to have, a log that you might find yourself often referring to (click on the image below to see a larger image).

8. Woo Align Buttons: A constant gripe among Woocommerce developers is that the “Add to Cart” buttons are not aligned. This gives the website a rather untidy look. The “Woo Align Buttons” plugin aligns these buttons so that you end with a neat looking shop page.

9. WooCommerce Weight Based Shipping: This is a wonderful plugin to have when you are shipping products of variable weights to different countries, or areas. This plugin allows you to set rules for each area (state, region, or country) so that the shipping costs are calculated based on the weight of the shopping cart (to ascertain which you can use the WooCommerce Cart Weight plugin).

10. WooCommerce POS: We found this plugin to be very useful and you will too, if you have both a physical and online store and the inventory is common for both. This way we have been able to record physical store and online store sales on the same system. This way we do not have to maintain separate records for both stores, and have to reconcile the two.

We hope this list helps you. If you have other plugins to suggest, do drop us a line.

maddingcrowd No Comments

WordPress Guide: 7 Best Practices

Want to get it right the first time? Sadly, for the beginners, the end result of wordpress website is not satisfactory.

Here are 7 quick tips/practices for  WordPress beginners :

1.Backup : Why do I need it?

Wordpress backup The common mistake that the beginners do is that they start building the website until some plugin breaks the page or something worse happens.

To avoid this from happening, install a backup WordPress plugin such as Backup Buddy(paid) or Updraft(free).

These plugin can can be scheduled to backup automatically to your google drive or dropbox.

 

2.Research : Are all plugins reliable?

Wordpress researchWordPress has made it so easy to install plugins that we forget to verify the plugin even before we install.

Always make it a point to go through the plugin details such as how it works, reviews and screenshots.

Many plugins out there are from an unreliable source which can cause the plugin to bring down the website or perform malicious operations under the hood.

Always check for the ratings and number of downloads before installing the plugins.

More positive response from the reviews, the more robust and secure it is for using it.

3. Editor : Is it safe to make a direct change?

Wordpress editorUnless your a web developer, avoiding the wordpress editor is a better option because it may break your theme.

If you know your HTML basics, you are good to go.

But remember NOT to update your theme because you will lose all the changes made in the editor.

Also make the CSS changes in the Additional CSS in customise option rather than editing it directly.

Altering the CSS directly is a bad practice that interferes with the flow of the design.

4. Plugins : Separate or bundled?

Wordpress PluginsA good wordpress practice is to limit the number of plugins installed on the website as much as possible.

See if your requirement can be fulfilled by selecting a theme with more in-built functionalities.

Rather than having a separate plugin installed for the requirement, you can always choose the one which offers more for a single install.

For example: If you want to add a testimonial to your sidebar, you need not search only for testimonial plugin specifically. There are many bundled plugins out there that can be used such PowerPack or Siteorigin Widgets.

Also that the support forums available for the bundled plugins will be more compared to the solo plugins which are developed by  a single person.

5. Caching : Is cache important?

Wordpress cache In simple words caching is an area in computer memory that stores recently used information.

Excessive load time on the website increases the bounce rate which impacts on your SEO indirectly.

Images and the pages can be saved temporarily to improve the page speed by the caching plugins.

Free Plugins like WP Super Cache, WP Fastest Cache and Cache Enabler are highly recommended.

 

6. SEO : Am I visible to the world?

Wordpress seoStill wondering why your website is not been shown on the online searches?Fret not, you have not yet made your website SEO friendly.

There are free plugins like Yoast SEO which do an excellent job of guiding the user for achieving this process.

Using these will help to increase the pagerank which in turn will increase the web traffic towards your website.

7. Unused Plugins : Will I use it later?

WeWordpress unused plugins all love to download the WordPress plugins quite often. But later we realise that the plugins are not being actively used anywhere for whatever reasons.

This causes a major problem for disk storage on hosting servers. You end up cluttering the whole space which becomes very tedious in the later stages of maintaining the website.

This all can be resolved by deleting the plugins that have not been used in the near past which helps to improve the page speed.

 

As a beginner if you are aware of all the above mentioned WordPress practices, you can save loads of time and focus more on the purpose of the website.

Confused about WooCommerce? Read this to help you decide faster WooCommerce remedies.

maddingcrowd No Comments

Tutorial-Deploying WordPress website from localhost to a subfolder on Existing WordPress Domain

This is a tutorial for all those who want their WordPress(WP) website present on localhost to be running on folder created on the server.

Status before deploying WordPress:

  • I have a working wordpress website on the  localhost.

  • I want to run another WP in the subfolder(eg. https://www.cinnamonteal.in/thedogearsbookshop ) on the main existing WP website(eg. https://www.cinnamonteal.in)

Read more