7 Best Free Google Maps Plugins For WordPress

Are you looking to add Google Maps on your WordPress site? There are plenty of free Google Maps plugins available for WordPress which makes it difficult to know which is the best. In this article, we will show you the 7 best free Google Maps… Read More »

To leave a comment please visit 7 Best Free Google Maps Plugins For WordPress on WPBeginner.

Are you looking to add Google Maps on your WordPress site? There are plenty of free Google Maps plugins available for WordPress which makes it difficult to know which is the best. In this article, we will show you the 7 best free Google Maps plugins for WordPress.

Adding Google Map in WordPress

Before we discuss Google Maps plugin, it’s important to emphasize that Google Maps offer an embed code which you can customize and paste in your WordPress posts or pages without using any plugins.

Manually embed a Google Map

However, you will have to switch to the text editor to add it in posts or pages.

Also, there are not many customization options available for the default embed code. You cannot add custom information to the map.

This is where Google Maps plugin come in handy. Using a plugin will allow you to add locations, markers, directions, routes, etc. Your map will be interactive and more useful to the users.

Having said that, here is our list of the best free Google Maps plugins for WordPress.

1. MapPress Easy Google Maps

MapPress settings page

MapPress Easy Google Maps is one of the most popular free Google maps plugin. It allows you to easily add a Google map to any WordPress post, page or custom post type by simply typing the address.

You can embed the map automatically before or after a post. You can also use a shortcode to insert the map within the post. See our tutorial on how to add Google Maps in WordPress for more detailed instructions.

2. Google Maps Builder

Maps Builder - Google Maps Plugin

Maps Builder comes with a beautiful map customization experience with tons of options. You can easily add locations, choose map size, controls, map types, and even choose a map theme. All of this can be done in a visual customizer.

Adding a map to a post is easy. All you need to do is click a button on the post editor and select your map. Maps builder also allows you to add custom markers, and you can even show nearby places with Google places.

3. WP Google Maps

WP Google Maps

WP Google Maps is another free Google maps plugin. You can easily create maps by entering an address, get directions, set markers, etc.

It comes with a map widget that you can add to your WordPress site’s sidebar or any widget ready area. Your users can also switch to street view without leaving your site.

4. WP Google Map Plugin

WP Google Map Plugin

Another great option for highly interactive Google maps is WP Google Map Plugin. It comes with a great set of features allowing you to create beautiful maps with lots of custom information.

You can add colorful markers, information windows, redirect users when they click on map, and easily embed maps with shortcode. You can save multiple locations and then create a map showing these locations with custom markers.

5. Google Maps Widget

Google map widget

Want to quickly display a map in a sidebar widget? Google Maps Widget allows you to easily add a Google Map in your sidebars or any other widget ready areas. Clicking on a map will open the map in a lightbox popup with a larger view. You can also choose pin colors and even use your own image as a pin.

6. Basic Google Maps Placemarks

 Basic Google Maps Placemarks

Want to add a Google map to your site with your own custom placemarks? Basic Google Maps Placemarks allows you to add placemarks with address, assign them categories, add custom marker if you like.

You can create as many placemarks as you need and then display them all together on a map using shortcodes. You can also create categories to create different maps showing different locations and placemarks.

7. CP Google Maps

CP Google Maps

CP Google Maps plugin allows you to easily associate geo location data to a post and display map with your custom images. You can choose a custom marker to be placed on the map for a location. Most of the plugin’s other great features are locked and require the paid version of the plugin.

We hope this article helped you find the best free Google Maps plugin for your WordPress site. You may also want to check out our comparison of 5 best contact form plugins for WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit 7 Best Free Google Maps Plugins For WordPress on WPBeginner.

7 Best Free Google Maps Plugins For WordPress

Are you looking to add Google Maps on your WordPress site? There are plenty of free Google Maps plugins available for WordPress which makes it difficult to know which is the best. In this article, we will show you the 7 best free Google Maps… Read More »

To leave a comment please visit 7 Best Free Google Maps Plugins For WordPress on WPBeginner.

Are you looking to add Google Maps on your WordPress site? There are plenty of free Google Maps plugins available for WordPress which makes it difficult to know which is the best. In this article, we will show you the 7 best free Google Maps plugins for WordPress.

Adding Google Map in WordPress

Before we discuss Google Maps plugin, it’s important to emphasize that Google Maps offer an embed code which you can customize and paste in your WordPress posts or pages without using any plugins.

Manually embed a Google Map

However, you will have to switch to the text editor to add it in posts or pages.

Also, there are not many customization options available for the default embed code. You cannot add custom information to the map.

This is where Google Maps plugin come in handy. Using a plugin will allow you to add locations, markers, directions, routes, etc. Your map will be interactive and more useful to the users.

Having said that, here is our list of the best free Google Maps plugins for WordPress.

1. MapPress Easy Google Maps

MapPress settings page

MapPress Easy Google Maps is one of the most popular free Google maps plugin. It allows you to easily add a Google map to any WordPress post, page or custom post type by simply typing the address.

You can embed the map automatically before or after a post. You can also use a shortcode to insert the map within the post. See our tutorial on how to add Google Maps in WordPress for more detailed instructions.

2. Google Maps Builder

Maps Builder - Google Maps Plugin

Maps Builder comes with a beautiful map customization experience with tons of options. You can easily add locations, choose map size, controls, map types, and even choose a map theme. All of this can be done in a visual customizer.

Adding a map to a post is easy. All you need to do is click a button on the post editor and select your map. Maps builder also allows you to add custom markers, and you can even show nearby places with Google places.

3. WP Google Maps

WP Google Maps

WP Google Maps is another free Google maps plugin. You can easily create maps by entering an address, get directions, set markers, etc.

It comes with a map widget that you can add to your WordPress site’s sidebar or any widget ready area. Your users can also switch to street view without leaving your site.

4. WP Google Map Plugin

WP Google Map Plugin

Another great option for highly interactive Google maps is WP Google Map Plugin. It comes with a great set of features allowing you to create beautiful maps with lots of custom information.

You can add colorful markers, information windows, redirect users when they click on map, and easily embed maps with shortcode. You can save multiple locations and then create a map showing these locations with custom markers.

5. Google Maps Widget

Google map widget

Want to quickly display a map in a sidebar widget? Google Maps Widget allows you to easily add a Google Map in your sidebars or any other widget ready areas. Clicking on a map will open the map in a lightbox popup with a larger view. You can also choose pin colors and even use your own image as a pin.

6. Basic Google Maps Placemarks

 Basic Google Maps Placemarks

Want to add a Google map to your site with your own custom placemarks? Basic Google Maps Placemarks allows you to add placemarks with address, assign them categories, add custom marker if you like.

You can create as many placemarks as you need and then display them all together on a map using shortcodes. You can also create categories to create different maps showing different locations and placemarks.

7. CP Google Maps

CP Google Maps

CP Google Maps plugin allows you to easily associate geo location data to a post and display map with your custom images. You can choose a custom marker to be placed on the map for a location. Most of the plugin’s other great features are locked and require the paid version of the plugin.

We hope this article helped you find the best free Google Maps plugin for your WordPress site. You may also want to check out our comparison of 5 best contact form plugins for WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit 7 Best Free Google Maps Plugins For WordPress on WPBeginner.

How to Use Your Child Theme on Another WordPress Site

Child themes allow you to make changes and customize your WordPress theme without ever editing the main theme. This allows you to continue to get theme updates without losing your changes. Recently one of our readers asked us how would he go about using his… Read More »

To leave a comment please visit How to Use Your Child Theme on Another WordPress Site on WPBeginner.

Child themes allow you to make changes and customize your WordPress theme without ever editing the main theme. This allows you to continue to get theme updates without losing your changes. Recently one of our readers asked us how would he go about using his child theme on his wife’s website. In this article, we will show you how you can use your child theme on another WordPress site.

Editing child themes

Getting Started

Child themes are the safest way to customize and make changes to a WordPress theme. Take a look at our how to create a WordPress child theme article to learn more about child themes.

Child themes are completely portable, and you can use it on as many sites as you like. You can download them and install them on another WordPress site. You can even submit your child theme to the WordPress theme directory for others to use if it meets certain standards.

Before moving your child theme, you may want to take a look at our checklist of things you must do before changing your WordPress theme, and how to properly switch WordPress themes. These articles will give you a general idea about theme-specific settings that you need to look out for.

Last but most importantly, make sure that you have complete WordPress backup of both your sites before performing any actions.

Moving a WordPress Child Theme

First thing you need to do is connect to your website using an FTP client and browse to the /wp-content/themes directory. Next, download both your child theme and parent theme folders to your computer.

Downloading your parent and child themes

The next step is to connect to the WordPress site where you want to install your child theme using the FTP client. Browse to the /wp-content/themes/ directory and then upload both child and parent theme folders you downloaded earlier to the new site.

Now login to the admin area of the site where you want to install the child theme and visit Appearance » Themes. You will be able to see both parent and child themes installed there.

Previewing a theme before activation

Click on the live preview button under the child theme to make sure everything is working as expected. Once you are satisfied, you can safely activate the child theme on your new WordPress site.

We hope this article helped you learn how to use your child theme on another WordPress site. You may also want to see our hand-picked list of these 43 beautiful free WordPress blog themes.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Use Your Child Theme on Another WordPress Site on WPBeginner.

WordPress vs Joomla vs Drupal – Which One is Better?

While WordPress powers 23% of all websites on the internet, it’s not the only open source content management system in the market. There are some other really awesome software like Joomla and Drupal. All three of them have a lot in common, but they still… Read More »

To leave a comment please visit WordPress vs Joomla vs Drupal – Which One is Better? on WPBeginner.

While WordPress powers 23% of all websites on the internet, it’s not the only open source content management system in the market. There are some other really awesome software like Joomla and Drupal. All three of them have a lot in common, but they still have their own pros and cons. In this article, we will compare WordPress vs Joomla vs Drupal to find out which is the best.

WordPress vs Joomla vs Drupal

Note: We are comparing WordPress.org and not the WordPress.com hosting service. Please see our guide on the difference between WordPress.org and WordPress.com.

What’s Common in WordPress, Joomla and Drupal

All three of the web’s most popular CMS have a lot in common in terms of technology, philosophy, and community.

WordPress, Joomla, and Drupal are released under GNU GPL license.

  • WordPress, Joomla, and Drupal are all free and open source software licensed under GPL. See our article on Why is WordPress Free to learn more about free software.
  • All three of them are written primarily in PHP.
  • They all support MySQL as their database management system. WordPress exclusively supports only MySQL, while Joomla and Drupal support other database management systems.
  • All three of them use themes and templates for visual appearance of sites, and plugins, modules, or extensions for extending features.
  • As open source software, they are all community-driven projects.

While there are a lot of similarities, they are different in many aspects. They have different policies about what to include in the core software, how to handle modules and templates, how to deal with security, etc. These differences make a big impact on users, and how they build their websites.

Having that said let’s take a look at how WordPress, Joomla and Drupal compare to each other.

Ease of Use and Beginner Friendliness

Most people creating their websites are not web developers, designers, or programmers. They are average users who just want to build a website. Ease of use is the most important factor for majority of users.

WordPress

WordPress comes with a famous five minute install. Most WordPress hosting providers also offer one click install of WordPress. This makes it fairly easy for a new user to get started with their website.

WordPress post installation welcome screen

The post install user experience of WordPress is way better than Joomla or Drupal. The user sees a simple clean cut user interface with the menus to create posts, pages, or start customizing appearance and themes.

Joomla

Joomla installation may not look as quick as WordPress, but it has very similar steps. Apart from that many shared hosting providers offer one click install packages for Joomla as well.

Joomla post installation dashboard

After the installation, the user lands on a control panel that is not as straight forward as WordPress. There are just too many menus to click on and customize your site. Joomla fans would say thats because Joomla is a lot more powerful than WordPress, but we think it is kind of scary for a beginner.

Drupal

Drupal’s installation is similar to both Joomla and WordPress. Simply download and upload the package and run the installation script.

Drupal installation wizard

Drupal also offers distributions. These are pre-packaged Drupal bundles with modules and configurations to create specific kind of websites.

The post installation experience for absolute beginners is a bit complicated. Users will find it difficult to figure out how to change things on their site. Drupal makes it very obvious how to add the content, but changing appearance and adding non-content elements is not very obvious.

Winner: WordPress

Themes and Addons

All three of these popular CMS come with themes and plugins / modules as a way to extend the features and appearance of the software.

WordPress

WordPress allows users to change their site’s appearance using themes. WordPress comes with a few default themes pre-installed. At any time, you can click on the add new button from your Appearance page and install free themes from official WordPress.org theme directory.

WordPress Themes

Apart from free themes, you will find many more premium WordPress themes developed by third party theme shops like StudioPress, Themify, or ThemeLab. These are paid themes and come with premium support options.

The real power of WordPress lies in plugins. There are more than 38,000 WordPress plugins available for free in official WordPress plugin directory. You can also buy premium plugins which come with paid support provided by plugin developers. Check out our list of 20 must have WordPress plugins for 2015 to see how plugins make WordPress awesome.

Joomla

Just like WordPress, Joomla also comes with templates and extensions. There are great extensions to do just about anything from creating an ecommerce store to managing email.

Joomla Extensions

However, the quantity of these templates and extensions is not as high as WordPress. This could make finding the perfect template and the perfect extensions a bit difficult.

By default Joomla does not have a feature that would allow users to search and install extensions or templates from the administration area. There is an extension that allows you to add install from web feature for extensions. But for templates, users will still have to manually search templates and then install them by adding their URL.

Drupal

Drupal has the same issue with the availability of themes and modules. Users will have to leave their site, search for the module and theme they want to add, then locate the project’s zip file URL. Finally they can enter the URL in the Modules or Themes page to install them.

Drupal modules

There are modules to do just about anything and new ones are added regularly. Still, the overall quantity of modules is lacking when compared to WordPress.

Winner: WordPress.

Support Options

Availability of help and support options is very important for beginner users. There will surely be some hurdles when you are trying a new software. That’s ok as long as you can get help.

WordPress

WordPress has a strong community of users. You can find WordPress help on official support forums, docs, handbooks, codex, Slack channels, Stack Exchange, and almost every forum on the internet about web design and development.

WordPress Forums

There are sites like WPBeginner, containing hundreds of tutorials, video tutorials, and articles catering to beginner level WordPress users. There are many ways to ask for free WordPress support and get it.

Apart from the free support options, there are ways to get paid support for WordPress as well. Online platforms like Upwork, Fiverr, and elance where you can hire WordPress professionals from around the world to quickly solve a problem for you at very reasonable price. Due to immense popularity of WordPress, finding WordPress developers is easy and affordable for small businesses and individuals.

Joomla

Joomla, just like WordPress has a large and very helpful community. There is an extensive documentation on the Joomla website which is a valuable resource for beginners. For more interactive support, users can join forums, mailing lists, IRC chatrooms, etc.

Joomla support

Apart from community support, there are third party resources, paid training, and development agencies that can be helpful.

Unlike WordPress, finding affordable expert help is quite difficult for Joomla. Hiring a developer or expert for Joomla development, troubleshooting or assistance can cost way more than WordPress.

Drupal

Drupal has a very proactive community of fans and users. You will find all the community support options for Drupal just like WordPress and Joomla. There is extensive documentation, support forum, mailing lists, user groups, irc chatrooms. All good places to get advice and free help.

Drupal community support

Drupal tries to connect users to developers and companies offering professional Drupal services. You may find them in Drupal Marketplace.

Winner: WordPress

Localization & Multi-Lingual Support

A large percentage of websites created each day, are non-English or multilingual sites. It is much more likely that many beginners would probably be looking for a CMS that can handle multiple languages or has support for different locales and languages.

WordPress

WordPress does an excellent job at offering a good platform to build a multilingual site. It does not support multiple languages out of the box, but there are some excellent plugins that allow you to easily create a WordPress multilingual site.

WordPress is available in more than 53 languages. New languages can be installed with just a click from WordPress admin area.

Switching language in WordPress

Most popular themes and plugins are also available in multiple languages. Theme and plugin developers are actively seeking help translate their packages into other languages.

All these efforts make WordPress a great platform to build a non-English or multilingual website.

Joomla

Joomla comes with out of the box capability to handle a multilingual website without installing any extension. Simply go to language manager, add a content language and start creating multilingual content on your website.

Joomla Multilingual

Translations are also available for admin interface in many languages and can be easily installed from the admin area.

Drupal

Drupal comes with built-in support to handle non-English or multilingual sites. You will need to enable locale and content translation modules. After that you can add site and admin interface languages from Drupal’s configuration section.

Multilingual support in Drupal

Winner: Tie – All three of them support multilingual sites and are available in multiple languages.

Security

Security is a very important factor when choosing a CMS for your website. Almost every website on the internet is vulnerable to security threats.

WordPress

Being the most popular CMS in the world, WordPress based websites are often targeted by hackers. However, WordPress is built on a very secure code, and it responds to security vulnerability very quickly. WordPress also has an auto-update mechanism which allows WordPress websites to automatically update when there is a new security patch.

WordPress sites can be further secured with automated backups, two factor authentication, and other best practices.

There is also a built-in mechanism to show updates for WordPress themes and plugins. This allows themes and plugin developers to rapidly respond to any security vulnerability.

Joomla

Joomla is very similar to WordPress when it comes to security. They actively respond to any security vulnerability and are very quick to patch it up. However, maintaining a website and installing updates is still up to the user.

There are extensions available to backup your Joomla site. You can also strengthen your Joomla site’s security by following the same best practices as WordPress.

Drupal

Drupal takes a very serious approach to security. They publish security vulnerabilities on their own site as they are discovered and patched. There is a perception that Drupal is more secure because you don’t hear about Drupal sites being hacked as often, but that could be cause it’s not as popular Joomla or WordPress.

Winner: Tie – All three follow proper security standards.

Conclusion

Drupal, Joomla and WordPress are all fantastic content management systems. Drupal and Joomla come with many more built-in features than WordPress. However, WordPress beats them with its ease of use, huge global community, plugins and themes. We feel that most non-developer users would find it much easier to build with WordPress than Joomla or Drupal.

Overall Winner: WordPress

We hope this article helped you compare WordPress vs Joomla vs Drupal, to find out the best CMS for your site. You may also want to see our guide on how to move your site from Joomla to WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit WordPress vs Joomla vs Drupal – Which One is Better? on WPBeginner.

How to Create a Welcome Gate in WordPress

Are you looking to add a Welcome Gate on your WordPress site? Welcome Gates are one of the highest converting list building techniques in the market. Recently one of our users asked us for the best Welcome Gate plugins for WordPress. In this article, we… Read More »

To leave a comment please visit How to Create a Welcome Gate in WordPress on WPBeginner.

Are you looking to add a Welcome Gate on your WordPress site? Welcome Gates are one of the highest converting list building techniques in the market. Recently one of our users asked us for the best Welcome Gate plugins for WordPress. In this article, we will show you how to create a welcome gate in WordPress without affecting SEO.

Full screen welcome gate or interstitial ad  on a WordPress site

What is a Welcome Gate?

A welcome gate is a full screen call to action that appears before a user can see any content. Often website owners use it to quickly grab user’s attention and display a targeted offer to build their email list.

Traditional Welcome Gate techniques simply redirected users to a new page. Since the user does not see anything else on the screen except for a call to action or an advertisement, this ensures maximum conversion. Sounds great right? But here is the catch.

Redirecting users to a page they didn’t request is bad for your site’s SEO and user experience. Google is actively penalizing websites redirecting users instead of showing them the content they requested.

However there are modern WordPress welcome gate plugins that allow you to maximize your conversions without affecting your site’s SEO.

Adding a Welcome Gate in WordPress

We will be using OptinMonster to create a welcome gate. It is the best lead generation solution in the market, and we use it on WPBeginner. It allows you to create high-converting optin forms such as welcome gates, exit-intent lightbox popups, scroll-triggered slide-ins, floating bars, etc along with doing A/B testing, page level targeting, and gathering conversion analytics.

OptinMonster is a paid service, but WPBeginner users get an exclusive 10% off with the OptinMonster Coupon code: WPB10.

Once you have purchased OptinMonster, you need to install and activate the OptinMonster WordPress API plugin.

Upon activation, you will be asked to add your API credentials which can be found in your OptinMonster account.

OptinMonster API Credentials

Once you have connected your account with your site, you need to click on create new optin button.

Create new welcome gate optin

This will take you to OptinMonster app where you will select and design your fullscreen welcome gate.

Creating fullscreen welcome gate optin in  OptinMonster

First you need to enter a title for your optin and select your website. If you have not added your website yet, then you can click on add a website to add it now.

Click on fullscreen under ‘Select your design’ column. This will show you a welcome gate theme. Clicking on the theme will launch the OptinMonster design builder.

Customizing your welcome gate

In the builder, you will see the live preview of the welcome gate. You can change colors, text, add buttons, and fully customize your welcome gate here.

When to Display Welcome Gate?

Timing is crucial when you want to display a full screen welcome gate or interstitial. Unlike other solutions available in the market, OptinMonster provides you with a wide range of behavioral controls that helps you boost your conversion rates.

While we’re using the OptinMonster Fullscreen as a welcome gate, you can actually turn it into an interstitial ad and even exit gate.

OptinMonster allows you to set time and scroll-based delays. You can choose to load the Fullscreen optin at 0 seconds which means it’s a Welcome Gate. You can delay it by XX seconds, and it becomes an interstitial. Or you can select exit-intent which triggers the full screen optin when the user is about to leave turning it into an exit gate.

All of this can be selected from the OptinMonster design builder.

Choose when to show the welcome gate

OptinMonster also comes with referrer detection. This allows you to show or hide welcome gate for users coming from a certain domain. You can explicitly show your full screen welcome gate to users coming through search or social media.

Referer detection

Once you are done configuring your optin, you can simply click on the save button and exit the customizer.

Going Live With Your Full Screen Welcome Gate

After designing your welcome gate, there is just one more step to make it live on your WordPress website. Simply click on the OptinMonster icon in your WordPress admin area and then click on refresh optins button.

You will see the optin you just created in the list. Click on edit output settings link below your optin.

Edit output settings

This will show you the output settings for your welcome gate. Simply check enable this optin option and choose one of the display settings (such as load globally, load on specific posts, load on specific categories, etc).

Enable full screen welcome gate on your site

Once you are done, click on save settings button.

Your full screen welcome gate is now live on your website. You can check it by opening a new window under incognito mode and visit your website.

We hope this article helped you create a welcome gate in WordPress. You may also want to take a look at our guide on how to add a YouTube video as fullscreen background in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Full disclosure: WPBeginner’s founder, Syed Balkhi, is the co-founder of OptinMonster.

To leave a comment please visit How to Create a Welcome Gate in WordPress on WPBeginner.

On Disconnecting

Yes, I’m writing a blog post about disconnecting from technology. No, the irony is not lost on me. 😉

Storm Trooper on Vacation by JD Hancock used under CC

This “vacation” thing is amazing.

— Scott Hanselman (@shanselman) August 25, 2015

 

Disconnecting can be hard for a number of reasons, in my experience. There’s the usual obvious stuff like the fact that we’re literally addicted to the serotonin rush of social media’s faux urgency, but there’s also aspects that aren’t talked about as much. Like, will I have a job when I get back?

I know it’s silly to say (or at least, I think it’s silly to say) but I still think about the day to day stuff at work and wonder “well, if I leave, who will do it?” Now, hang back, this isn’t about me, it’s about irrational feelings, so bear with the post. I’m certainly not irreplaceable, none of us are, but I think it’s common to feel a combination of feelings like:

  • Who will work on Project X without me?

This implies I’m either the only one, or the best suited. Then there’s the opposite:

  • What happens if I’m gone so long that they realize they never needed me at all?

Sometimes on vacation I feel both of these things. They are irrational, but that doesn’t make them any more real.

The hardest part about going on vacation isn’t the disconnecting, for me, it’s the realizing that I’m supposed to go on vacation.

What do YOU think about vacation, Dear Reader? Am I alone in my thoughts here?

* Photo “Stormtrooper on Vacation by JD Hancock used under CC


Sponsor: Big thanks to Infragistics for sponsoring this feed this week! Responsive web design on any browser, any platform and any device with Infragistics jQuery/HTML5 Controls.  Get super-charged performance with the world’s fastest HTML5 Grid – Download for free now!


© 2015 Scott Hanselman. All rights reserved.
     

Yes, I'm writing a blog post about disconnecting from technology. No, the irony is not lost on me. ;)

Storm Trooper on Vacation by JD Hancock used under CC

 

Disconnecting can be hard for a number of reasons, in my experience. There's the usual obvious stuff like the fact that we're literally addicted to the serotonin rush of social media's faux urgency, but there's also aspects that aren't talked about as much. Like, will I have a job when I get back?

I know it's silly to say (or at least, I think it's silly to say) but I still think about the day to day stuff at work and wonder "well, if I leave, who will do it?" Now, hang back, this isn't about me, it's about irrational feelings, so bear with the post. I'm certainly not irreplaceable, none of us are, but I think it's common to feel a combination of feelings like:

  • Who will work on Project X without me?

This implies I'm either the only one, or the best suited. Then there's the opposite:

  • What happens if I'm gone so long that they realize they never needed me at all?

Sometimes on vacation I feel both of these things. They are irrational, but that doesn't make them any more real.

The hardest part about going on vacation isn't the disconnecting, for me, it's the realizing that I'm supposed to go on vacation.

What do YOU think about vacation, Dear Reader? Am I alone in my thoughts here?

* Photo "Stormtrooper on Vacation by JD Hancock used under CC


Sponsor: Big thanks to Infragistics for sponsoring this feed this week! Responsive web design on any browser, any platform and any device with Infragistics jQuery/HTML5 Controls.  Get super-charged performance with the world’s fastest HTML5 Grid - Download for free now!



© 2015 Scott Hanselman. All rights reserved.
     

How to Create a Professional Online Resume in WordPress

Are you looking to create an online resume with WordPress? Adding a professional resume to your website allows prospective employers to easily find and contact you. In this article, we will show you how to build a professional resume in WordPress. Things You Need Before… Read More »

To leave a comment please visit How to Create a Professional Online Resume in WordPress on WPBeginner.

Are you looking to create an online resume with WordPress? Adding a professional resume to your website allows prospective employers to easily find and contact you. In this article, we will show you how to build a professional resume in WordPress.

A beautiful professional resume created with WordPress

Things You Need Before You Start

You will need to have a domain name and a good web hosting company that knows WordPress. We highly recommend that you use Bluehost because they are an official WordPress recommended hosting provider. They will also give you a free domain and 50% off their hosting plan (special for WPBeginner users).

Since our users like options, we also recommend Siteground for WordPress hosting. They have the best support and have the same special offer for WPBeginner users.

You also need to make sure that you have installed WordPress. See our guide on how to install WordPress.

Also this tutorial is only for self-hosted WordPress.org sites and does not work on WordPress.com (see: WordPress.org vs WordPress.com – what’s the difference)

Creating an Online Resume with WordPress

First thing you need to do is install and activate the Resume Builder plugin. It works out of the box and there are no settings for you to configure.

Simply go to Resumes » Add New and start building your resume.

Adding a new resume in WordPress

The resume builder provides an easy to use interface to create your resume. It is divided into two areas called sections and widgets.

First you need to click on the ‘Add Resume Section’ button. This is where you can add different blocks of information to your resume. You can choose to add either an introduction block or a default block.

Adding an intro section to your resume

Let’s add an introduction block first. This is where you can add introductory information about yourself, add a photo, and call to action buttons.

The photo you add needs to be exactly 237x303px in dimensions.

Filling intro section and adding photo

You will need to click on the ‘Add Button’ to add a call to action button. You can add multiple buttons.

In this example, we added two buttons one labeled contact and another labeled portfolio.

Adding call to action buttons in your resume

After adding the introduction block, you need to click on the Add Resume Section button and select default block.

We will be using the default blocks to add academic and professional information to the resume.

Adding academic and work sections to your resume

You can create a section called Education and then add subsections for each school/college.

After that you can create another section for experience and add each job as a new subsection.

Adding Contact Info Widget to Your Resume

The best thing about having an online resume is instant connectivity. Employers and clients can quickly send you a message, join you on IM, or call you directly. Resume builder makes it super simple to display your contact information.

Simply fill out the contact info form under resume widgets.

Contact info widget

Adding Skills to Your Resume

Resume Builder also comes with a skills widget which allows you to add your skills, select your expertise level, and provide details for each skill.

You can add as many skills as you like by simply clicking on the add skill button.

Adding skills to your resume

Once you are done, simply click on the publish button to make your resume live.

Displaying Resume on Your WordPress Site

Resume Builder comes with a built-in WordPress resume template which works with almost every theme. Each resume you create has its own URL on your website. All you need is to add a link in your site’s navigation menu.

Simply go to Appearance » Menus and click on resumes tab to expand it. You will see the resume you just created. Check the box next to your resume and then click on the add to menu button.

Adding resume link to navigation menu

You can now visit your website to see your resume in action.

If you don’t want to use default template, then you can use shortcodes to display your resume on any WordPress page on your site. You will find these shortcodes on the resume editing screen when you save or publish a resume.

Add resume to any page using shortcodes

Copy and paste these shortcodes on any WordPress page you want to embed your resume.

You can change the style and appearance of your resume using CSS in your theme’s stylesheet. An easier way to do that is by using the CSS Hero plugin. It allows you to change appearance of any element using a simple user interface and without writing any CSS or HTML.

Conclusion

The advantage of using a WordPress resume plugin like Resume Builder compared to using a WordPress resume theme is that you can change the design of your site at anytime without losing any functionality.

When you use a WordPress resume theme, you are forever restricted to using that theme. When you switch themes, you lose all the information and would have to recreate your resume.

Whereas a resume plugin will work with all themes even when you change your theme, all your data would be there.

We hope this article helped you build a professional resume in WordPress. You may also want to see our guide on how to add a portfolio to your WordPress site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Create a Professional Online Resume in WordPress on WPBeginner.

How to Disable Visual Editor Formatting Shortcuts in WordPress 4.3

Don’t like the formatting shortcuts that were introduced in WordPress 4.3? Find it a bit distracting? Recently, one of our users asked us how to disable visual editor formatting shortcuts in WordPress. In this article, we will show you how to disable visual editor formatting… Read More »

To leave a comment please visit How to Disable Visual Editor Formatting Shortcuts in WordPress 4.3 on WPBeginner.

Don’t like the formatting shortcuts that were introduced in WordPress 4.3? Find it a bit distracting? Recently, one of our users asked us how to disable visual editor formatting shortcuts in WordPress. In this article, we will show you how to disable visual editor formatting shortcuts in WordPress 4.3.

Formatting shortcuts in WordPress visual editor

What are Formatting Shortcuts and How to Use Them?

WordPress 4.3 came with a new feature called formatting shortcuts. It allows users to quickly add common text formatting without removing their hands from the keyboard and without writing any HTML.

  • Using * or will start an unordered list.
  • Using 1. or 1) will start an ordered list.
  • Using # will transform into h1. ## for h2, ### for h3 and so on.
  • Using > will transform into blockquote.

Editor shortcuts

Disabling Visual Editor Formatting Shortcuts

While we think that formatting shortcuts are awesome, some users are finding this feature a bit confusing and distracting.

If you want to disable the formatting shortcuts in WordPress, then follow the instructions below:

Copy and paste this code in your theme’s functions.php file or in a site-specific plugin.

function disable_mce_wptextpattern( $opt ) {

	if ( isset( $opt['plugins'] ) && $opt['plugins'] ) {
		$opt['plugins'] = explode( ',', $opt['plugins'] );
		$opt['plugins'] = array_diff( $opt['plugins'] , array( 'wptextpattern' ) );
		$opt['plugins'] = implode( ',', $opt['plugins'] );
	}

	return $opt;
}

add_filter( 'tiny_mce_before_init', 'disable_mce_wptextpattern' );

This code simply removes text formatting shortcuts from your WordPress visual editor. Your other WordPress keyboard shortcuts will work as usual.

We hope this article helped you disable visual editor formatting shortcuts in WordPress 4.3 and later versions. You may also want to see these 14 tips for mastering the WordPress visual editor.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Disable Visual Editor Formatting Shortcuts in WordPress 4.3 on WPBeginner.

Windows 10 IoT Core controlling a Raspberry Pi 2 Robot

Windows 10 IoT Core on a Raspberry Pi 2 controlling a robot

My 7 year old sat down and built a little robot from instructions listed at Microsoft’s IoT Hackster site.

To build the robot, you will need the following:

  1. Wooden Robot Frame in 7 pieces – Get the cutting plans from the Sumo Robot Jr. GitHub repo and submit them to http://ponoko.com. They cut them 4 to a sheet of P3 5.2 mm Veneer Core Birch
  2. 2x continuous rotation servos, like these
  3. A ball caster, like this for the front “wheel.”
  4. A USB Xbox 360 Controller 
  5. A Digital switch, like this. You can actually skip this if you want to, it’s not require just to move the robot.
  6. 6x 6″ Male-to-Female Wires (2 red, 2 white and 2 black) like these
  7. 2x 6″ Female-to-Female Wires (1 red and 1 black) like these
  8. Screws, Nuts, Bolts and standoffs like this. This was a little bit of a challenge for us, as the screws I got for the axels of the wheels weren’t long enough. You may need to make a few short trips to your local hardware store.
  9. Raspberry Pi 2, a 2 Amp power supply, SD card, network Ethernet cable. I actually ended up using a portable battery that I use to charge my phone.
  10. Micro screwdrivers

Starting with a Raspberry Pi 2, walk through the setup instructions here. You do need to have a Windows 10 today to installing Windows 10 IoT Core but at least it’s gotten a lot easier with the latest build for IOT. There’s an app that does all the work and you don’t need to go to the command line. Also get Visual Studio 2015 Community and the Windows IoT Core Project Templates. Basically just follow these step-by-step instructions.

Once you have the Raspberry Pi 2 loaded and you’ve got VS, the code for the robot is here on GitHub. The instructions don’t include a photo with pinout information, so someone else who completed the project took pictures of the correct orientations for pins.

A few things about Windows 10 IoT Core on small devices like this. It’s NOT “desktop Windows.” It’s not full Windows with a Store and Office. You CAN run Universal apps and they can have a UI. In fact, the robot app can run on your PC and control the robot remotely, OR it can run the same app on the Raspberry PI and control it from there.

Here in VS2015 you can see under Debug the name of my Raspberry PI (“minwinpc”) and that I’m targeting it remotely and as an ARM device.

image

I was having so much fun working on assembling this that after the kids went to bed I did a 30 min Google Hangout/YouTube and demonstrated the whole thing. You can watch that here, below. Please also take a moment and subscribe to my YouTube Channel.

Check out http://microsoft.hackster.io and http://idevthis.azurewebsites.net/ for more projects, code, and inspiration. Have you built anything?

SOCIAL: Hey folks, please do follow me on Facebook https://fb.me/scott.hanselman or Twitter! https://twitter.com/shanselman


© 2015 Scott Hanselman. All rights reserved.
     
Windows 10 IoT Core on a Raspberry Pi 2 controlling a robot

My 7 year old sat down and built a little robot from instructions listed at Microsoft's IoT Hackster site.

To build the robot, you will need the following:

  1. Wooden Robot Frame in 7 pieces - Get the cutting plans from the Sumo Robot Jr. GitHub repo and submit them to http://ponoko.com. They cut them 4 to a sheet of P3 5.2 mm Veneer Core Birch
  2. 2x continuous rotation servos, like these
  3. A ball caster, like this for the front "wheel."
  4. A USB Xbox 360 Controller 
  5. A Digital switch, like this. You can actually skip this if you want to, it's not require just to move the robot.
  6. 6x 6" Male-to-Female Wires (2 red, 2 white and 2 black) like these
  7. 2x 6" Female-to-Female Wires (1 red and 1 black) like these
  8. Screws, Nuts, Bolts and standoffs like this. This was a little bit of a challenge for us, as the screws I got for the axels of the wheels weren't long enough. You may need to make a few short trips to your local hardware store.
  9. Raspberry Pi 2, a 2 Amp power supply, SD card, network Ethernet cable. I actually ended up using a portable battery that I use to charge my phone.
  10. Micro screwdrivers

Starting with a Raspberry Pi 2, walk through the setup instructions here. You do need to have a Windows 10 today to installing Windows 10 IoT Core but at least it's gotten a lot easier with the latest build for IOT. There's an app that does all the work and you don't need to go to the command line. Also get Visual Studio 2015 Community and the Windows IoT Core Project Templates. Basically just follow these step-by-step instructions.

Once you have the Raspberry Pi 2 loaded and you've got VS, the code for the robot is here on GitHub. The instructions don't include a photo with pinout information, so someone else who completed the project took pictures of the correct orientations for pins.

A few things about Windows 10 IoT Core on small devices like this. It's NOT "desktop Windows." It's not full Windows with a Store and Office. You CAN run Universal apps and they can have a UI. In fact, the robot app can run on your PC and control the robot remotely, OR it can run the same app on the Raspberry PI and control it from there.

Here in VS2015 you can see under Debug the name of my Raspberry PI ("minwinpc") and that I'm targeting it remotely and as an ARM device.

image

I was having so much fun working on assembling this that after the kids went to bed I did a 30 min Google Hangout/YouTube and demonstrated the whole thing. You can watch that here, below. Please also take a moment and subscribe to my YouTube Channel.

Check out http://microsoft.hackster.io and http://idevthis.azurewebsites.net/ for more projects, code, and inspiration. Have you built anything?

SOCIAL: Hey folks, please do follow me on Facebook https://fb.me/scott.hanselman or Twitter! https://twitter.com/shanselman



© 2015 Scott Hanselman. All rights reserved.
     

How to Display Twitch Stream Status in WordPress

Do you use Twitch? It is a video streaming platform popular among gamers who use it to broadcast their gameplay. It is also used to stream gaming events, competitions, tournaments, etc. Recently, one of our users asked us how they can add their Twitch stream… Read More »

To leave a comment please visit How to Display Twitch Stream Status in WordPress on WPBeginner.

Do you use Twitch? It is a video streaming platform popular among gamers who use it to broadcast their gameplay. It is also used to stream gaming events, competitions, tournaments, etc. Recently, one of our users asked us how they can add their Twitch stream status in WordPress. In this article, we will show you how to display Twitch stream status in WordPress.

Adding Twitch in WordPress

First thing you need to do is install and activate the Twitch Status plugin. Upon activation, you need to visit Settings » Twitch Status page to configure the plugin settings.

Twitch status settings

Simply provide your Twitch channel name and then enter jQuery selectors. This can be any CSS class or id attribute of an element in your page’s HTML code. It will tell the plugin where to show your twitch status.

If you don’t know what it means, then don’t worry we will show you how to do that later in the article. Right now you can simply enter .twitch as your jQuery selector and click on the save settings button.

Adding Twitch Status in WordPress Sidebar

Twitch Status plugin comes with a nifty widget that allows you to display your Twitch stream status in the sidebar of your WordPress site. Simply go to Appearance » Widgets and add Twitch Status widget to a sidebar.

Twitch widget settings

Provide a title for the widget and then select where the play button should redirect users to. You can add a link to your Twitch stream, any custom url, or a blog page. Don’t forget to click on the save button to store your widget settings.

You can now visit your website to see the widget in action.

Twitch widget preview

Adding Twitch Status in WordPress Navigation Menu

You can also add your Twitch stream status in your site’s navigation menus. Visit Appearance » Menus page and click on the custom link tab to expand it. You need to enter your twitch stream URL with Twitch as link text and then click on the add to menu button.

Adding Twitch Link

This will add a menu item in the right hand column. Now you need to click on the Screen Options button at the top right corner of the screen. It will bring down a menu where you need to check the box next to CSS classes.

CSS classes

Now scroll down to the menu item and click on it to expand and display its properties. You need to enter .twitch or whatever jQuery selector you added in the plugin settings. Lastly click on the save menu button.

Adding CSS class to navigation menu item in WordPress

That’s all, you can now visit your website to see the Twitch stream status in your navigation menu. For troubleshooting see our guide on how to add navigation menus in WordPress.

Twitch status in WordPress navigation menu

Embedding Your Twitch Stream in WordPress

Unlike YouTube, Vimeo, and other popular video sites that have built-in oEmbed integration with WordPress, Twitch requires you to actually paste the embed code.

Simply visit your Twitch stream and click on the Share button. This will bring up the sharing popup where you need to copy the code under ‘Embed Live Player’ option.

Getting embed code for your Twitch stream

Edit the post or page in WordPress where you want to embed the Twitch stream and paste the embed code in the post editor. Next click on the publish or update button.

You can now visit your website to see the Twitch stream embedded into your WordPress post or page.

Twitch stream embedded into a WordPress page

We hope this article helped you add Twitch stream status to your WordPress site. You may also want to see our list of most useful WordPress widgets for your site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Display Twitch Stream Status in WordPress on WPBeginner.