Menu

Menu

animated GIFs

Uploading Animated GIFs to WordPress

There is a subtle trick!

If you want to use animated GIFs in WordPress, you may discover the animated GIF has become a static GIF. Sometimes when you add an animated GIF in WordPress, it loses the animation and appears as a plain static image. In this article, we will show you how to properly add animated GIFs in WordPress.

WordPress comes with an easy to use media uploader which allows you to add images to your WordPress posts or pages. When you upload an image using the media uploader, WordPress automatically creates several copies of that image in different sizes. There are three default WordPress image sizes: thumbnail, medium, and large. It also keeps your original image in full size.you add any of those image sizes into your post or page, they will be static GIF images with no animation.

So, if you simply add a GIF via the WordPress Media Manager, you will probably grab one of the resized pictures and not the original animation. Make sure, you select the original size. In the image, you can see the select box where you choose the different sizes. If you choose “Full Size”, WordPress will take the original GIF you have uploaded before. Since WordPress hasn’t altered this image, the animation will be still working.

We hope this article helped you learn how to add animated GIFs in WordPress.

In the previous article, we showed you the best and free backup plugins for WordPress. In this article, we will show you how to easily backup and restore your WordPress site with UpdraftPlus.

Why You Need Backup & Restore Your WordPress Site with UpdraftPlus ?

UpdraftPlus is the most highly-rated and popular plugin out there – and for good reason. Not only is it comprehensive in terms of its features, but it’s aso easy and intuitive to use

  • Restores, as well as backing up
  • Backs up to more cloud options than any others
  • Allows you to set up automatic backup schedules, for the ultimate in convenience
  • Is faster, using up fewer server resources
  • Has been tested on over 1 million sites

    Creating WordPress Backup with UpdraftPlus

First thing you need to do is install and activate the UpdraftPlus plugin.

Upon activation, you need to visit Settings » UpdraftPlus Backups page to configure plugin settings.

Now you need to click on the settings tab.

This is where you will set up an automatic backup schedule and a remote location to store your backups.

Creating Manual WordPress Backups with UpdraftPlus

UpdraftPlus can automatically create backups based on the schedule you selected earlier. However, you can also manually create backups any time you want.

First you need to visit Settings » UpdraftPlus Backups and click on ‘Backup Now’ button.

UpdraftPlus Backups

This will bring up a pop-up with options to select files/database backup and whether you want to send the backup to remote storage.

Click on the ‘Backup Now’ button to continue.

UpdraftPlus will now start creating backup of your files and database. You will be able to see the progress on the settings page.

Backup Now

The process may take a while depending on the size of your website.

Restoring Your WordPress Backup with UpdraftPlus

Creating backups is easy, but the real useful part about backups is the ability to restore them with the same ease.

UpdraftPlus makes it easy to restore your WordPress site from a backup.

Next, you will need to install and activate the UpdraftPlus plugin again on your fresh new WordPress site.

Upon activation, you need to visit Settings » UpdraftPlus Backups page and click on Restore button.

If you saved the backup files on your computer, then you can click on ‘Upload backup files’ link to manually upload and restore them.

You can now click on the restore button next to a backup.

UpdraftPlus will now ask you what you would like to restore. You need to select all options and then click ‘Restore’ button.

UpdraftPlus will now fetch your backup files and start restoring your site from the backup.

 

Regularly backing up your website is one of the most important things you can do to guard against losing all your data. Backups are the first layer of security for any WordPress site. Aside from having automated backups, you also need to have an easy way to restore the backup if needed. In this article, we will show you the  best and free backup plugins for WordPress. Most of them are fairly easy to use.

1. BackWPUp

BackWPup is a free plugin that allows you to create complete WordPress backup for free and store it on the cloud (Dropbox, Amazon S3, Rackspace, etc), FTP, email, or on your computer.

It is extremely easy to use. Restoring a WordPress site from backup is also very simple.

2. UpdraftPlus

UpdraftPlus is a free WordPress backup plugin.  It allows you to create complete backup of your WordPress site and store it on the cloud or download to your computer.

UpdraftPlus also has a premium version with add-ons to migrate or clone site, database search and replace, and multisite support among other things. The premium version also gets you access to priority support.

Overall, UpDraft Plus has one of the more simple, yet powerful, solutions out there, and it doesn’t seem to affect your page load speeds.

3. BackUpWordPress

The appropriately named BackUpWordPress is another excellent option if you’re looking for a free WordPress backup system. It’s been installed more than 200,000 times as of this writing and enjoys a 4.7 (out of a possible 5) star rating.

BackUpWordPress will back up your entire site, including your files and your database, at a schedule that suits your needs. It requires no setup and works on low memory – an excellent advantage if you’re operating on a shared host environment.

The plugin also gives you the option to use zip and mysqldump for faster backups. That can be a significant benefit if time is of the essence.

Finally, BackUpWordPress offers support for multiple languages.

Final Thoughts

Each WordPress backup plugin has it’s pros and cons. Here are the ones you can choose from:

4. Duplicator

5. BlogVault

6. XCloner

7.  WP Database Backup

8. WordPress Backup to Dropbox

If you have a WordPress website,be it a blog or a static website? If your business depends on getting new leads from your website’s contact form? Having a contact form on your WordPress website is a great way for your visitors to communicate with you. Instead of asking your readers to contact you via mail, you can provide a contact form and ask your users to give feedback or send queries via the form.

The Contact Form 7 plugin

Contact

Contact Form 7 is a free, easy-to-use and extremely popular WordPress plugin.  Some of its features that make it a winner are :

  • Complete customizability using simple mark-up
  • Simple interface and several options
  • Useful and detailed documentation
  • AJAX submission
  • Submissions comes to mailbox

How to Add a Form in WordPress

Step1 Log into your WordPress Dashboard

Step2 : Go to Plugins -> Add New and search for the plugin “Contact Form 7

Step3 : Click “Install” and then click on “Activate” to install and activate the plugin so you can use it

Step4 : Click on “Contact” in your WordPress Dashboard left side menu pane. Contact Form 7 comes preconfigured with one form already set up to use. If you want to use the basic form simply copy the code at the top of the form. You can change where the email is sent to by changing the email address under the “Mail” section in the “To:” heading

Step5 : Adding email notifications

After creating the design of the form, you can set up the email in the next tab titled Mail. Edit the To field to contain the mail id of the administrator or any other email that you want the submissions to be sent to.

Step6 : Paste the code into a post, page or text widget that you’d like the form displayed on and click “save” or “update

Now when you visit your site you should see your form displayed where ever you posted the code from above.

Embed videos in WordPress

Embed videos

Images, audio, and video make the web rich. Videos bring life to your website and they are a great way to boost user engagement on your site. It’s super easy to embed videos into your WordPress site. In this article, we will show you how to easily embed videos in WordPress.

WordPress comes with a great feature called auto-embeds. It allows WordPress to automatically get the embed code for video from popular video hosting sites like YouTube, Vimeo, etc…To embed a video or another object into a post or page, place its URL into the content area. Make sure the URL is on its own line and not hyperlinked (clickable when viewing the post). WordPress will automatically turn the URL into a YouTube embed and provide a live preview in the visual editor.

What Sites Can I Embed From?

WordPress can only do auto-embeds for few white-listed service providers. For other websites you will still have to obtain an embed code and then paste it in your blog posts.

Here is a list of white-listed service providers for auto embeds in WordPress:

Well you can, but we do not recommend you to do so. Most smaller blogs are on shared-hosting accounts and videos take a lot of server resource.

If your video got tons of traffic, then your site is more likely to crash. Secondly, you are missing out the traffic from YouTube users. We recommend that you pick a third party site such as Youtube, Vimeo etc to upload your videos.

Backups are one of the best defense against any sort of security threat toward your site.Regular backups are one thing that every blogger/webmaster should have.

Backups

We all know that we need to backup our website, but the question is always how. This tutorial covers using an excellent and free backup tool, BackWPup. BackWPup also has a paid version if you need additional features (but most people will do just fine with the free version).

Why Backup?

There can be many reasons:

  • Your website can be hacked.
  • A server malfunction can cause the loss of website data.
  • You seriously mess something up and it breaks the website beyond recovery.

Your web hosting company can go bankrupt.
Imagine if you do not have backups and one thing happens as stated above. You will lose all your data and there will be no way to recover your website. You will end up on square one and suffer a major business loss.

How To Create Backups Of Your WordPress Websites

Here is a list of things you should backup on WordPress site:

  • Database (Contains all the settings and content)
  • wp-content folder (Contains all the themes, uploads, plugins)
  • .htaccess file (Contains the server configuration settings)
  • wp-config.php file (Contains the WordPress configuration settings)You can take backups manually, but that is never a good idea as it will take a long time to backup a large WordPress website or multiple websites.
    In this tutorial, I am going to to use BackWPup WordPress plugin to create backups. The free version of this plugin comes loaded with features and lets you create off site backups : 

Step 1: Install BackWPup WordPress Plugin

Install BackWPup

Step 2: Taking a Manual Backup

After the installation process is complete, your next step should be able to take a backup of your website.

To do that, you need to navigate to WP Admin -> BackWPup -> Add new job.

Manual Backup

Name your job and select the following:

1. Database backup
2. Installed plugin list
3. File backup

Under Archive Format, you can select any compression method, but for purpose of this tutorial I am going to use the ZIP format.

In Job Destination, select where to keep the database backup. To create a local backup on the same server, select Backup To FIn DB Backup tab, make sure all tables are selected to generate full backup of your WordPress Database.der

In Log Files, enter your email address and the subject of the email you would like.

Under the Schedule tab, select Manual only.

In DB Backup tab, make sure all tables are selected to generate full backup of your WordPress Database.

Last but not the least, in the Files tab select the following and you can uncheck the rest.By default BackWPup will backup your WordPress install, your content, your plugins, your themes, and your uploads

Click Save Changes and then navigate to BackWPup -> Jobs. You will see the job here and you can run it whenever you want by clicking Run.

Step 3: Backing up WordPress to Dropbox

To take backup of WordPress website on Dropbox, you need to Add New Job -> Select Backup to Dropbox under the General tab. Keep the other settings similar to those explained while taking manual backup

Hit Save and you will see a new tab named Dropbox.

Create a Dropbox account if you don’t have it already. If you have it, then you will need to click on Authenticate to generate the access key.

On this step, BackWPup will request access to your Dropbox account. Allow it and copy the Authentication key. Paste the access key in the App Access to Dropbox field.

Hit Save and Run the job manually to see if it works.

Step 4: Automating the Backups of WordPress Websites

Manually taking backups can be a chore. You can automate this by selecting WordPress Cron option under the Schedule tab.

 

 

 

How to find good royalty free images?

Here’s a question bloggers often find themselves asking. Using free images on WordPress blog posts is one of the best ways to keep readers glued to your content as well as improve the visual appeal of your website.  Whilst high quality images are important for content creation, getting these images for free is one of the biggest challenges to many new bloggers.  In this article, I will show you some of the resources I use to find royalty free images. You can use these resources to find royalty free images for your blog posts.

1. Pixabay

Pixabay-Free Images

Pixabay is a site to download images. All these images are free and high quality. The website offers a large collection of images sorted into categories and tags.  One of the amazing features of this site is the advanced search feature that allows you to search by color!

2. Photo Pin.

PhotoPin-Free Images

Photo Pin is an amazing platform to find images for your website and blog. It searches creative common licensed photos from around the web.

3. Unsplash

Unsplash – A well-known destination for high quality royalty free.

The website also offers a Google Chrome extension which shows a random image in the background when you open a new tab. You can then download that image on your computer. Unsplash has has a good enough search feature, that can be used to find images matching certain themes like nature, office, work, etc.

4. Stock.xchng

5. Skitterphoto

6. Stocksnap.io

As you know, The Media Library is where you can manage your images, audio, videos, and documents all in one place. . However, WordPress media editor also has some lesser-known features that folks don’t know about. One of them being the ability to edit images right from your WordPress admin area. Under the edit screen of your library, there is an option for photo editing that allows you to crop, resize, and scale images right from your WordPress admin area.

Image Editor

To access the Image Editor, go to Media on your sidebar and select Library. Select the image you wish to edit. Clicking Edit Image will bring you to the Image Editor.

Here are the various controls available to you in this Edit Image mode:

image-editor

Crop

If you wish to crop your image, simply click and drag on the image to select the part you want to crop or specify the selection in the cropping options on the side. You can then click the Crop icon to crop out your selection. Don’t forget to click Save after making any changes to your image.

The buttons located above the picture allow you to edit your image. You can rotate the image clockwise, counter-clockwise, flip the image vertically, and flip horizontally. You can also undo and redo all of your actions.

Scale Image

Proportionally scale the original image. For best results, scaling should be done before you crop, flip, or rotate. Images can only be scaled down, not up. The original dimensions are displayed as a guideline above the box for entering new dimensions. Click Scale button to display the new scaled image.

If at any point you decide you want to revert the image back to its original state, just scroll down to Restore Original Image and click Restore Image.

Now, take a few minutes to play around in the Media Library, and then go add a picture or two to your previous posts!

what is media in wordpress?

Media is a tab in your WordPress admin sidebar.The Media Library is where you can manage your images, audio, videos, and documents all in one place.

Under the Media menu, there are two screens.

Media

Library

The first screen Library lists all the files in the media library. These files can be edited and deleted from the library.You can upload documents such as PDF files, graphic images, audio files, and video files.Any media uploaded in the past – including those from posts and pages – will be available here and can be used in any future posts or pages.To choose how to view your media, navigate to the bar at the top of the display box. Pick between a grid or list display. You can also sort it all by type or date.In the grid display, clicking a file will display a preview and information about it. Use the arrows at the top to navigate through your different files.
You can click on the picture and navigate down to the bottom right corner of its display to Delete Permanently.  Click Bulk Select in the main Media Library menu. Select the items you want to get rid of,then hit Delete Selected to delete your items in bulk.If the file you view is an image, there will be an Edit Imagebutton located under the picture. This will take you to the image editor

Add New

The second screen is Add New, which allows users to upload files. Remember users can also upload media (images, videos, etc) while writing a post or page. However, the Add New link under allows users to upload files without attaching them to a specific post or page.

Add New

WordPress  offers a simple drag-and-drop Media Uploader with multi -file select.

You can ‘Upload New Media’ by dropping a file where it says ‘Drop Files Here’. Clicking ‘Select Files’ opens a desktop file browser for searching and uploading files from your computer. When a file is added a progress bar will appear. When the upload is complete a link to access the media editor will appear letting you know your files are ready for use.

In this tutorial we are going to look at how you can use the built in WordPress rewriting API to create your own unique links for your website. WordPress will already use this for it’s own functionality when you select a new permalink structure.

All the blog post links will have URLs that follow the format that you have specified, but if you click any one of those links the Web server will return a 404 – File Not Found error. This is because WordPress relies on a URL rewriting capability within the server to rewrite requests that have “pretty permalinks” to an Index.php file

What Is Rewriting?

URL rewriting is when you change what content is displayed by the server, normally when you type in a URL the web server will simply search for any files in that location. But with rewriting you can still show the same URL but in the back-end change where the server will look for the content.

When you change the permalink structure in WordPress it will make a change the htaccess file which will send all traffic on the website to the index.php file. If you open your htaccess file you will see something similar to this.This file will do some checks to work out where the file is that you are trying to access. First it will search to see if the file you want exists in the file structure, if it does it will simply take you to this file. If the file doesn’t exist it will need to do some checks to see if it can find the content in the database and will use the rules you setup in the permalink page and the current URL to work it out.

This works fine if you want to use the the default settings with your website but if you want to create your own custom rules then you need to use the built in add_rewrite_rules() function to create a new reg ex pattern of how to rewrite the pages.

Creating a Rewrite Rule

Open the Web.config file that is located in the same directory where the WordPress files are installed, and paste the following XML section into the system.webServer element:

Rewrite Rule

This rule will try to match any requested URL. If the URL does not correspond to a file or a folder on the file system, it will rewrite the URL to the Index.php file.

Testing the Rewrite Rule

After you save the rewrite rule to the Web.config file, open a Web browser and click any one of the permalinks in your WordPress blog. You should see the correct content returned by the Web server for each permalink.

Summary

In this walkthrough you learned how to use the URL Rewrite module to enable “pretty permalinks” in the WordPress blog engine.