mercoledì 26 agosto 2015

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.

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.

giovedì 13 agosto 2015

How to Add Title and NoFollow to Insert Link Popup in WordPress

Do you want to add a title and nofollow tag to your WordPress links? By default WordPress does not provide a user interface for adding those attributes. In this article, we will show you how to add title and nofollow to insert link popup in WordPress.

Why You Need Title and NoFollow for Insert Link Section in WordPress

By default when a user click on the insert link button in WordPress, they see a popup like this:

Default insert link popup in WordPress post editor

It allows you to add the Link URL and the Link text (also known as anchor text). You can optionally choose to open the link in a new window. This will create a basic link that will look like this in the HTML view:

<a href="http://example.com" target="_blank">Example Website</a>

Often SEO experts recommend that you use rel=”nofollow” attribute on external links. This attribute tells search engines that they can crawl these links, but you don’t want to pass away any link authority to these websites.

Similarly, the title attribute in a link allows you to add a description of the page you are linking to.

It lets users know what they will find when they click on the link. Both these fields are important from an SEO point of view.

In WordPress 4.2, the core team decided to remove the title field in WordPress. Quickly came several plugins that would restore the title field, but they weren’t compatible with the nofollow plugins.

Since we needed both functionality on our site, we searched endlessly until we found a solution that works.

Adding Title and NoFollow Fields in Insert Link Popup

First thing you need to do is install and activate the Title and Nofollow For Links plugin. It works out of the box, and there are no settings for you to configure.

Simply edit or create a new WordPress post and then click on the insert link button in the post editor. The insert link popup will appear, and you will notice the restored Title field and a checkbox to add the nofollow attribute to the link.

Insert link popup with title and nofollow fields

The HTML of your hyperlink with a title and nofollow attributes will look like this:

<a href="http://example.com" title="Example Domain" rel="nofollow" target="_blank">Example Website</a>

That’s all. We hope this article helped you add title and nofollow to insert link in WordPress. You may also want to see our list of 40 useful tools to manage and grow your WordPress blog.

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 Add Title and NoFollow to Insert Link Popup in WordPress on WPBeginner.

lunedì 10 agosto 2015

How to Add Email This Option to Your WordPress Posts

Do you want to add an “Email This” button to your blog posts? Word of mouth is probably the most effective marketing technique. By allowing users to email your articles from your website can bring in new visitors and customers. In this article, we will show you how to add an “Email This” option to your WordPress posts.

Add Share via Email Button

First thing you need to do is install and activate the WP-EMail plugin. Upon activation, you need to visit E-Mail » E-Mail options page to configure the plugin.

Settings page for WP-EMail

You can leave the SMTP settings blank if you are not using an SMTP server or third-party email service like Mandrill.

Next, you need to choose the email text and icon. Under the email settings, you can select email content type and fields that users will see on the email form.

In the email sending method, you can use PHP or Sendmail. If you are using an SMTP server, then you need to select SMTP as your email sending method.

WP-EMail allows you to set a character limit to be used as excerpt in the email. We recommend you to use 100 to 250 characters. This will give the email recipient an idea of the content, and they will have to visit your website to view the full article.

The next part of the settings page allows you to configure the outgoing email template. The default template should work for most websites. However, you can change it using the available template tags.

Changing email templates using the template tags

Don’t forget to click on the save changes buttons, to store your settings.

Important: One last but crucial step is to update your Permalink settings.

Simply visit Settings » Permalinks page and click on the save changes button. You don’t need to change anything. By just saving the permalink structure will referesh your .htaccess file.

Displaying Email This Button in WordPress

After configuring the plugin, the next step is to add the ‘Email this’ button on your WordPress posts and pages.

Method 1: Using The Shortcode

If you just want to add the email button to selected few posts or pages, then you can use this shortcode into your post’s content.

[email_link]

If you want to add email this link to all your pages, then you can use the same shortcode in a text widget as well.

However, WordPress by default does not allow shortcodes to be used inside text widgets. To enable shortcodes in text widgets, you need to add this code in your theme’s functions.php file or a site-specific plugin.

add_filter('widget_text', 'do_shortcode');

The downside of using the shortcode is that you will have to add this to your posts manually, or if you are using it in a widget, then the email option will be separate from the actual content.

Method 2: Editing Theme Files

If you are comfortable editing code, then you can add the following code in your theme’s functions.php file or in a site-specific plugin:

//Add Email This Option to Bottom of Post
function wpb_custom_emailthis($content){
if (is_single()) {
	$emailthis = email_link('', '', false);	
	$content .= '<p>' . $emailthis . '</p>';
}
	return $content;
}

add_filter( "the_content", "wpb_custom_emailthis" );

The code above will add the Email This link at the bottom of all your single post pages.

Alternatively, you can use the emal_link parameters and add it directly inside your single.php for more customized display.

Email This Option WordPress

We hope this article helped you add email this option to your WordPress posts. If you are having issues sending or receiving emails, then please take a look at our guide on how to fix WordPress not sending email issue.

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 Add Email This Option to Your WordPress Posts on WPBeginner.