Temporary Fix: Logitech BRIO Camera broken on Windows 10 Insiders 15042

I just updated my Windows 10 to Insiders Fast Build 15042, and suddenly my glorious new Logitech BRIO 4k webcam doesn’t work! Well, it’s all beta software, but it turns out the issue is with something in the Logitech INF files for their drivers. I’m assuming they’ll figure it out, but the nutshell is that the first install works, but the driver gets messed up on the upgrade. You can’t just pull out the camera and put it in again, you need to DELETE the drivers and have them redownloaded by Windows Update/Device Manager.

Here’s a temporary fix (either until Logitech fixes it and it shows up in Windows Update or you take another Windows 10 upgrade):

Logitech BRIO stops working on Windows 10 Insiders UPGRADE

Go to device manager and right click the device and Uninstall Driver. If it has the checkbox “Delete this driver” then check it. That’s required. IF (like me) you don’t have that checkbox (I’m not sure why I don’t) then you’ll need to delete the Logitech driver from the DriverStore. You can do it manually but it’s tricky and messy and hard.

We need to delete this driver so it gets reinstalled cleanly.

Driver 2/31/2017

Unplug your webcam. Then, go get the latest copy of DriverStoreExplorer from here https://github.com/lostindark/DriverStoreExplorer/releases and delete JUST this one driver.

Using the Driver Store Explorer

Now, go back to Device Manager and plug in your Logitech BRIO webcam. Note you’ll get some super old 2006 driver. Right click the BRIO in Imaging Devices and Update Driver. This will get you BACK to your original state. You still have a driver that will break when you next take a “major” Windows update or Insiders Build, but at least you have a solution until it magically gets fixed.

Yay!


Sponsor: Big thanks to Progress! They recently published a comprehensive whitepaper on The State of C#, discussing the history of C#, what’s new in C# 7 and whether C# is still a viable language. Check it out!


© 2016 Scott Hanselman. All rights reserved.
     

I just updated my Windows 10 to Insiders Fast Build 15042, and suddenly my glorious new Logitech BRIO 4k webcam doesn't work! Well, it's all beta software, but it turns out the issue is with something in the Logitech INF files for their drivers. I'm assuming they'll figure it out, but the nutshell is that the first install works, but the driver gets messed up on the upgrade. You can't just pull out the camera and put it in again, you need to DELETE the drivers and have them redownloaded by Windows Update/Device Manager.

Here's a temporary fix (either until Logitech fixes it and it shows up in Windows Update or you take another Windows 10 upgrade):

Logitech BRIO stops working on Windows 10 Insiders UPGRADE

Go to device manager and right click the device and Uninstall Driver. If it has the checkbox "Delete this driver" then check it. That's required. IF (like me) you don't have that checkbox (I'm not sure why I don't) then you'll need to delete the Logitech driver from the DriverStore. You can do it manually but it's tricky and messy and hard.

We need to delete this driver so it gets reinstalled cleanly.

Driver 2/31/2017

Unplug your webcam. Then, go get the latest copy of DriverStoreExplorer from here https://github.com/lostindark/DriverStoreExplorer/releases and delete JUST this one driver.

Using the Driver Store Explorer

Now, go back to Device Manager and plug in your Logitech BRIO webcam. Note you'll get some super old 2006 driver. Right click the BRIO in Imaging Devices and Update Driver. This will get you BACK to your original state. You still have a driver that will break when you next take a "major" Windows update or Insiders Build, but at least you have a solution until it magically gets fixed.

Yay!


Sponsor: Big thanks to Progress! They recently published a comprehensive whitepaper on The State of C#, discussing the history of C#, what’s new in C# 7 and whether C# is still a viable language. Check it out!


© 2016 Scott Hanselman. All rights reserved.
     

30+ Best Portfolio WordPress Themes for Your Website (2017)

Are you looking for the best WordPress portfolio themes? WordPress is the perfect tool to create beautiful portfolio websites to showcase your work and get new clients. In this article, we will share our expert pick of the best WordPress Portfolio themes, so you can… Read More »

The post 30+ Best Portfolio WordPress Themes for Your Website (2017) appeared first on WPBeginner.

Are you looking for the best WordPress portfolio themes? WordPress is the perfect tool to create beautiful portfolio websites to showcase your work and get new clients. In this article, we will share our expert pick of the best WordPress Portfolio themes, so you can get started the right away.

Best WordPress themes for portfolios

Building a Portfolio Website with WordPress

Choosing the right platform for your portfolio website is crucial for the success. Self hosted WordPres.org website gives you the flexibility and freedom to build a website that not only showcases your talents but helps you get more work.

To get started, first you will need to sign up for a WordPress hosting account. This is where your website will live on the internet.

You will also need a domain name. This will be the address of your website (example: wpbeginner.com or google.com).

We recommend that you use either Bluehost or SiteGround. These are one of the largest hosting companies in the world and an official WordPress hosting partner.

Once you have signed up for a hosting account, you will need to install WordPress. Follow the instructions in our step by step guide on how to start a WordPress blog and you will be up and running in no time.

After installing WordPress you will be able to select a theme for your website. You can pick any theme from our expert selection below and then head over to our guide on how to install a WordPress theme to set it up.

Having said that, now let’s take a look at the best WordPress portfolio themes currently available in the market. This list contains a selection of both free and premium WordPress themes and all of them are fully mobile-responsive.

1. Modern Portfolio Pro

Modern Portfolio

Modern Portfolio Pro is an elegant WordPress portfolio theme from StudioPress. It is built on top of the rock solid core of Genesis theme framework.

Modern Portfolio features a minimalist layout with focus on beautiful display of your images and photos.
It has with multiple page layouts for blog, homepage, landing pages, etc. It is easy to setup using the live theme customizer. The homepage is made of widget ready areas allowing you to drag and drop items on your homepage.

2. Ambiance Pro

Ambiance Pro

Ambiance Pro is a WordPress portfolio theme built on Genesis framework. Designed specifically to beautifully showcase your photos and images, Ambiance Pro comes with beautiful layout choices and elegant typography.

It comes with multiple page templates for your blog, archives, and landing pages. It is quick and easy to setup using the live theme customizer. It has two navigation menus one at the top and the other one at the bottom. The homepage is fully widgetized so you can easily set it up in minutes.

3. Expose Pro

Expose Pro

Expose Pro is another elegant and stylish WordPress portfolio theme by StudioPress. It comes with a widgetized homepage with four widget areas and has multiple templates for your blog, homepage, archive, and landing pages.

Expose Pro is designed to beautifully showcase your photography. It uses large image display and has a custom gallery post format with lightbox display of your photos. It is quick and easy to set up and is highly optimized for speed and performance.

4. Candid

Candid

Candid is a stunningly beautiful WordPress multi-purpose theme with a minimalist style portfolio section baked in. If you want to showcase different kind of multi-media in a storytelling format, then you’d like Candid.

It comes in a beautiful grid based two column layout for the homepage. It beautifully displays featured images, videos, and uses crisp typography that looks great on all devices.

5. Camera

Camera

As the name suggests, Camera is a gorgeous WordPress portfolio theme for photographers, illustrators, and visual artists. It focuses on a stunningly beautiful display of large images with elegant typography that allows you to add rich storytelling element to your images.

It features a distraction free layout with collapsible menu and sidebar. It is easy to setup and avoids confusing users with complicated options. It comes with a built-in getting started dashboard that will help you set up the theme in minutes.

6. Designer

Designer

Designer is a beautiful WordPress portfolio theme for designers, artists, photographers, and storytellers. It uses a beautiful grid-based two column layout on the homepage and comes with a beautiful portfolio display.

It focuses on making sure that your images pop out and no other design elements distracts users away. It has collapsible menu and sidebar and comes with getting started dashboard to help you get started.

7. Pocket

Pocket

Pocket is a minimalist photography and portfolio WordPress theme. It features gorgeous typography and large display of features images and headers. There are no sidebars except for the one widget ready area at the bottom.

It comes with one navigation menu at the top and a social media links menu at the bottom. Due to its super-minimalist approach to design, Pocket is very easy to set up and is highly optimized for speed and performance.

8. North

North

North is another awesome WordPress portfolio theme with a grid based layout. It comes with beautiful portfolio templates to beautifully display images, photos, videos, and audio files.

It comes with multiple color choices, supports posts formats, and can be used with third party gallery plugins to create beautiful photo galleries.

9. Verb

Verb

Verb is a WordPress portfolio theme for designers, artists, photographers, etc. It features a gorgeous design with a grid layout on the homepage and full-width pages for portfolio items and pages.

Verb allows you to customize colors and upload custom logo from the live theme customizer.

10. Peak

Peak

Peak is a modern WordPress portfolio theme featuring a tile based display of images in a responsive grid layout.

It comes with multiple layouts for pages as well as posts. It features a mega menu on top, social media menu, and slide-in sidebar widgets.

11. Aesthetic

Aesthetic

Aesthetic is a stylish WordPress portfolio theme suitable for photographers, stylists, designers, etc. It comes with a built-in portfolio section, multiple layout choices, and unlimited colors.

It also comes with multiple sidebars and a drag and drop page builder. It also fully supports WooCommerce and can be used to run your own online store.

12. Resume

Resume

Resume is a bold WordPress portfolio theme. It comes with a built-in portfolio management area, custom widgets, and a drag and drop homepage builder.

It can also be used as a single page theme where all your website sections are displayed on the homepage.

13. Exposure

Exposure

Exposure is a stylish multi-purpose WordPress theme with portfolio management system built-in. It is ideal for photography, fashion, lifestyle, arts and crafts websites.

It comes with a drag and drop page builder which allows you to design your pages the way you want. It has lots of customization options built-in and it is fully mobile responsive.

14. Corner

Corner

Corner is a minimalist style WordPress portfolio theme for artists, designers and photographers. It comes with a built-in portfolio management area and custom widgets for Twitter and Flickr.

It has multiple page layouts and you can choose your own colors. It supports WooCommerce and is tested with popular WordPress page builder plugins.

15. Elegant

Elegant

Elegant is a powerful WordPress theme for portfolios. It comes with a built-in portfolio management area and comes with multiple grid and column based layouts. It also comes with image filters that you can apply to your photos after uploading them.

The theme comes with its own drag and drop page builder with several built-in templates to quickly create different kind of landing pages. It features gorgeous typography and comes with several custom widgets.

16. Angle

Angle

Angle is a flexible WordPress multi-purpose theme with portfolio section. It comes with a drag and drop page builder, multiple layout options, and several custom widgets.

It is designed to be suitable for portfolio, blogging, photography, and even as a business website. It is easy to set up and optimized for speed and SEO.

17. Coastline

Coastline

Coastline is a uniquely beautiful WordPress portfolio theme. It comes with portfolio content type, powerful custom widgets, and multiple layout choices.

It features a fixed left sidebar with custom background support and comes with different page templates for blog, portfolio, archives, and galleries.

18. True North

True North

True North is a flexible WordPress portfolio theme with a beautiful design. It comes with multiple layout choices and built-in portfolio section. It features grid based layout on the home page with beautiful display of images.

True North supports custom background, custom header, and comes with several custom widgets for social media.

19. Memories

Memories

Memories is a beautiful WordPress photography theme with elegant display of your portfolio items. It does not have a portfolio content type, instead it comes with a gallery display that showcases your photographs, designs, and other visual artworks beautifully.

The theme comes with multiple color schemes and has multiple layout choices. It comes with custom background and header support as well as custom widgets for your social media profiles.

20. Nico

Nico

Nico is another elegantly designed WordPress portfolio theme for photographers, artists, designers, etc. It comes with a beautiful filterable portfolio section and flexible layout options for different pages on your site.

Nico comes with multiple color schemes and has support for custom backgrounds, headers, widgets, etc.

21. Vignette

Vignette

Vignette is a powerful WordPress multi-purpose theme designed specifically for photographers. The homepage features a full screen header where you can use an image or a video with your call to action.

Vignette does not come with a portfolio filter type. Instead it comes with image galleries to showcase your work. It has flexible customization options with support for custom headers, background, multiple page layouts and color schemes.

22. Mozzy

Mozzy

Mozzy is a bright WordPress portfolio theme for illustrators, graphic designers, photographers, etc. It features a customizable homepage with slider and featured content areas.

It comes with built-in sections for portfolio, services, and clients. It comes with support for custom post formats, backgrounds, headers, and social widgets.

23. Mustache

Mustache

Mustache is a single page WordPress portfolio theme for designers, artists, photographers, etc. It is flexible to be used as a onepage theme or a multi-page theme. It comes with built-in portfolio, clients, services, and team members content types.

Mustache features a gorgeous and truly unique design with custom logo support. It comes with Google Maps and contact form support as well.

24. Draft

Draft

Draft is a minimalist style free WordPress portfolio theme. It uses featured images to display a grid based layout on the homepage. Ideal for photographers to showcase their work. It supports theme customization using live customizer and comes with a single navigation menu on top.

25. Shapely

Shapely

Shapely is a highly customizable free WordPress portfolio theme. It is designed to be flexible enough for single page websites as well as multi-page sites. It features a beautiful display of featured images and comes with large custom header support.

It has a fully widgetized homepage where you can just drag and drop widgets to add portfolio, testimonials, and parallax sections.

26. Nikkon

Nikkon

Nikkon is a free WordPress photography and portfolio theme. It is designed to beautifully showcase images in a grid based layout on the homepage. It offers multiple header layouts, footer layouts and multiple page templates. It supports WooCommerce out of the box and comes with easy customization options.

27. Pixgraphy

Pixgraphy

Pixgraphy is an elegant and free WordPress portfolio theme. The homepage features a large header image or custom slider with a grid based layout using featured images. It supports many popular free plugins out of the box and is fully compatible with Polylang plugin to build multilingual websites.

28. Gridsby

Gridsby

Gridsby is a free Pinterest style WordPress portfolio theme designed specifically for photographers, curators, artists, etc. The homepage is built using featured images from blog posts in a beautiful grid based layout. It also uses homepage gallery as a feature to showcase your photos on the homepage.

29. Bailey

Bailey

Bailey is a flexible WordPress portfolio theme for interior designers, photographers, and other creative types. It comes with a built-in section for projects allowing you to easily add portfolio items with full details and images.

The theme supports multiple page layouts with multiple sidebar options. It also comes with several ready to use custom widgets for social media, simple slider, and featured content slider.

30. Videographer

Videographer

As the name suggests, Videographer is a WordPress portfolio theme for video producers, filmmakers, and photographers. It features a large fullscreen header video section on the homepage. It comes with a drag and drop page editor, tons of shortcodes, and several ready-to-use custom widgets.

Videographer also offers page templates, with multiple sidebar options. It comes with different color schemes and it is very easy to setup.

31. Remi

Remi

Remi is another beautiful WordPress portfolio and photography theme. It comes with built in content type to add and manage your projects and portfolio items. It comes with multiple layout options and several custom widgets. It comes with Google Maps and Google fonts support and can be easily customized using live customizer.

That’s all for now.

We hope this article helped you find the perfect WordPress theme for portfolio websites. You may also want to see our complete step by step WordPress SEO guide for beginners.

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.

The post 30+ Best Portfolio WordPress Themes for Your Website (2017) appeared first on WPBeginner.

Xamarin .NET Workbooks – Interactive Computing is a stellar learning tool

I’ve been thinking a lot about how to best teach .NET and C#/F# to folks who are new to the space. We’ve added an in-browser no-install C# tutorial at http://dot.net. You can run through almost a few days lessons in C# without installing anything. Heck, it’s useful even if you just want to brush up on your skills.

When I spoke with Safia Abdalla a few months ago she re-introduced me to the ideas behind Interactive Computing and the whole ecosystem around Jupyter Notebooks, and the Nteract project Safia works on. It’s pretty amazing.

Pythonistas are familiar with Jupyter and the idea of a notebook that cleanly mixes prose and code. This ecosystem is very friendly to data scientists that are (perhaps) more scientist and less developer. People for whom an IDE is not as interesting as “electric paper.”

In fact, many people don’t realize that the Microsoft Azure Cloud supports hosting of Jupyter Notebooks using Python, R, and F#.

Azure Notebooks

Notebooks are a great learning resource that go beyond a REPL (an simple interactive console) in that they are effectively textbooks with islands of interactive code. It’s even more powerful when you consider graphics, charts, and other interactive models.

Xamarin has a thing called Xamarin Workbooks (I’m calling them .NET Workbooks in my head) that you should download and check out RIGHT NOW. Go get Xamarin Workbooks & Inspector for Windows (or download for Mac). Start playing around with workbooks or try out the samples.

I’m going to try teaching my C# and .NET courses for at least the first day or two using Xamarin .NET Workbooks. I think they have huge potential and I’m thrilled that Miguel and friends are investing so much in them. The potential for these as a learning tool that sits between a REPL and an IDE is huge.

The page at https://developer.xamarin.com/workbooks/ is FILLED with amazing example workbooks and lessons, and it’s growing. It has section not only on C# but Android, Games, Graphics as a concept, iOS, WPF, and so much more.

I run it and start here:

Xamarin Workbooks

Then I start typing…prose first! Just real sentences. Then I add some code. Notice that I’m not doing Console.WriteLine, I’m just assigning a variable. Xamarin Workbooks makes a nice visualization of my variable.

var scott = "Hanselman"

The prose is ignored (by the compiler) but the code cells and built upon each other and when you execute one you’re executing up to that point. Great for building up concepts.

You can print in other libraries and built upon them like in this chart example using the Urho library.

Charts in Xamarin Workbooks

Not to put to fine a point on it, but you can write really fully featured examples or games in Xamarin Workbooks. Here’s a fully 3D realized planet earth WITH SATELLITES. Again, with not just sample code but explanatory prose. It’s a textbook come to life.

THIS is how I wish I learned programming 25 years ago. I’d loved to have turned (or demo’ed) a .workbook file. I’m thrilled to see C# folks be able to do simple things that Jupyter users have enjoyed for so long.

3D Earth in Xamarin Workbooks

What do you think? Would this be a good way to deliver a course on learning .NET and C#?


Sponsor: Big thanks to Progress! They recently published a comprehensive whitepaper on The State of C#, discussing the history of C#, what’s new in C# 7 and whether C# is still a viable language. Check it out!


© 2016 Scott Hanselman. All rights reserved.
     

I've been thinking a lot about how to best teach .NET and C#/F# to folks who are new to the space. We've added an in-browser no-install C# tutorial at http://dot.net. You can run through almost a few days lessons in C# without installing anything. Heck, it's useful even if you just want to brush up on your skills.

When I spoke with Safia Abdalla a few months ago she re-introduced me to the ideas behind Interactive Computing and the whole ecosystem around Jupyter Notebooks, and the Nteract project Safia works on. It's pretty amazing.

Pythonistas are familiar with Jupyter and the idea of a notebook that cleanly mixes prose and code. This ecosystem is very friendly to data scientists that are (perhaps) more scientist and less developer. People for whom an IDE is not as interesting as "electric paper."

In fact, many people don't realize that the Microsoft Azure Cloud supports hosting of Jupyter Notebooks using Python, R, and F#.

Azure Notebooks

Notebooks are a great learning resource that go beyond a REPL (an simple interactive console) in that they are effectively textbooks with islands of interactive code. It's even more powerful when you consider graphics, charts, and other interactive models.

Xamarin has a thing called Xamarin Workbooks (I'm calling them .NET Workbooks in my head) that you should download and check out RIGHT NOW. Go get Xamarin Workbooks & Inspector for Windows (or download for Mac). Start playing around with workbooks or try out the samples.

I'm going to try teaching my C# and .NET courses for at least the first day or two using Xamarin .NET Workbooks. I think they have huge potential and I'm thrilled that Miguel and friends are investing so much in them. The potential for these as a learning tool that sits between a REPL and an IDE is huge.

The page at https://developer.xamarin.com/workbooks/ is FILLED with amazing example workbooks and lessons, and it's growing. It has section not only on C# but Android, Games, Graphics as a concept, iOS, WPF, and so much more.

I run it and start here:

Xamarin Workbooks

Then I start typing...prose first! Just real sentences. Then I add some code. Notice that I'm not doing Console.WriteLine, I'm just assigning a variable. Xamarin Workbooks makes a nice visualization of my variable.

var scott = "Hanselman"

The prose is ignored (by the compiler) but the code cells and built upon each other and when you execute one you're executing up to that point. Great for building up concepts.

You can print in other libraries and built upon them like in this chart example using the Urho library.

Charts in Xamarin Workbooks

Not to put to fine a point on it, but you can write really fully featured examples or games in Xamarin Workbooks. Here's a fully 3D realized planet earth WITH SATELLITES. Again, with not just sample code but explanatory prose. It's a textbook come to life.

THIS is how I wish I learned programming 25 years ago. I'd loved to have turned (or demo'ed) a .workbook file. I'm thrilled to see C# folks be able to do simple things that Jupyter users have enjoyed for so long.

3D Earth in Xamarin Workbooks

What do you think? Would this be a good way to deliver a course on learning .NET and C#?


Sponsor: Big thanks to Progress! They recently published a comprehensive whitepaper on The State of C#, discussing the history of C#, what’s new in C# 7 and whether C# is still a viable language. Check it out!



© 2016 Scott Hanselman. All rights reserved.
     

Do You Really Need a VPS? Best WordPress VPS Hosting Compared – 2017

Are you looking to compare the best VPS hosting services for WordPress? Finding the best VPS hosting for WordPress can be overwhelming with so many different options in the market. Sometimes VPS isn’t even the best option for your needs. Just because your website has outgrown… Read More »

The post Do You Really Need a VPS? Best WordPress VPS Hosting Compared – 2017 appeared first on WPBeginner.

Are you looking to compare the best VPS hosting services for WordPress?

Finding the best VPS hosting for WordPress can be overwhelming with so many different options in the market. Sometimes VPS isn’t even the best option for your needs. Just because your website has outgrown shared hosting doesn’t mean that you need a VPS.

Maybe you need managed WordPress hosting or even a dedicated server.

It’s extremely important to understand the Pros and Cons of VPS hosting, so you can make the right decision for your needs.

WPBeginner is the largest independent WordPress resource site that receives millions of pageviews per month. Having helped 100,000+ users and years of experience with WordPress hosting companies, we have created the most comprehensive guide that will help you understand everything you need to know about VPS hosting as well as compare the top VPS hosting companies, so you can choose the best VPS hosting service for WordPress.

Read the full comparison here.

The post Do You Really Need a VPS? Best WordPress VPS Hosting Compared – 2017 appeared first on WPBeginner.

How to Create a Filterable Portfolio in WordPress

Do you want to add a filterable portfolio in WordPress? A filterable portfolio allows users to sort items in your portfolio based on tags. This helps you showcase different styles of your work, and your users can discover items that interest them. In this article,… Read More »

The post How to Create a Filterable Portfolio in WordPress appeared first on WPBeginner.

Do you want to add a filterable portfolio in WordPress? A filterable portfolio allows users to sort items in your portfolio based on tags. This helps you showcase different styles of your work, and your users can discover items that interest them. In this article, we will show you how to easily create a filterable portfolio in WordPress.

How to create a filterable portfolio in WordPress

Why Create a Filterable Portfolio in WordPress?

Normally, most photographers and designers just create a beautiful portfolio showing their best photographs. However sometimes those looking to hire you may want to see if you have done something similar before.

For example, someone looking for a fashion photographer may want to see your work in fashion.

Example of a filterable portfolio gallery

Adding filters to your portfolio allows you to show your work under different tags. It also helps your users to easily sort items in your portfolio.

Having said that, let’s take a look at how to easily create a filterable portfolio in WordPress without writing any code.

Creating a Filterable Portfolio in WordPress

First, you will need to install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Envira Gallery is one of our premium WordPress plugin, and you will need at least the silver plan to access the tags addon.

Upon activation, you need to visit Envira Gallery » Settings page to enter your license key. You can get this information from your account on Envira Gallery website.

Add Envira Gallery license key

Next, you need to install the tags addon. Head over to Envira Gallery » Addons page and locate the tags addon.

Installing tags addon

Click on the install button and Envira Gallery will fetch and install the addon for you. You will still need to click on the Activate button to start using the addon.

Activate addon

Now you are ready to create your filterable portfolio.

Head over to Envira Gallery » Add New page to create your first gallery.

Upload your photographs

Click on ‘Select files from your computer’ button to upload your photos. You can also click on ‘Select files from other sources’ button to select files from WordPress media library.

Envira will now upload and insert files into your gallery. Once it’s done, you can scroll down to see your images.

Edit an image in your gallery

Now you need to click on the pencil icon to edit an image. This will bring up a popup where you can add the tags and other metadata to your photos.

Add tags to your photos

Enter the tags you want to assign to this photo. You can add multiple tags separated by comma.

Once done, click on the save metadata button to store your tags.

Now you need to repeat the process to add tags to all images in your gallery.

After adding tags to your photos click on the tags tab on the left. This is where you can enable or disable tag-filtering for your gallery.

Enable filtering for your gallery

You need to check the box to enable tag filtering, and you will be able to see settings for this option.

You can show tags above or below the gallery, show all tags or select tags to show, and configure other display settings.

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

Your portfolio gallery is now ready to be added to your site.

You can now create a post or page where you want to display your filterable portfolio. On the post editor screen, click on the ‘Add Gallery’ button.

Insert gallery into WordPress posts and pages

This will bring up a popup where you can select the gallery you just created and insert it into your WordPress post and page.

You can now update your post or page to save your changes and preview your website to see your filterable portfolio in action.

Preview of a filterable portfolio gallery

We hope this article helped you add filterable portfolio in WordPress. You may also want to see our WordPress tutorials such as how to speed up WordPress by saving images optimized for the web.

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.

The post How to Create a Filterable Portfolio in WordPress appeared first on WPBeginner.

Azure App Service Secrets and Web Site Hidden Gems

I just discovered that you can see a preview (almost like a daily build) of the Azure Portal if you go to https://preview.portal.azure.com instead of https://portal.azure.com. Sometimes the changes are big, sometimes they are subtle. It feels faster to me.

Azure Preview Portal

A few days ago I blogged that I had found a number of things in Azure that I wasn’t previously aware of like “Metrics per instance (App Service)” which is DEEPLY useful if you run more than one Web App inside an App Service Plan. Remember, an App Service Plan is basically a VM and you can run as many Websites, docker containers, Azure Functions, Mobile Apps, Api Apps, Logic apps, and whatever you can fit in there. Density is the word of the day.

Azure App Service Secrets and Hidden Gems

A bunch of folks agreed that there were some real hidden gems worth exploring so I thought I’d take a moment and do just that. Here’s a few of the things that I’m continuously amazed are included for free with App Service.

Console

The Console option under Development Tools

There’s a web-based console that you can access from the Azure Portal to explore your apps!

Live HTML5 Console within the Azure Portal

This is basically an HTML 5 bash prompt. I find it useful to double check the contents of certain files in Production, and confirm environment variables are set. I also, for some reason, find it comforting to see that my “cloud web site” actually lives on Drive D:. It calms me to know the Cloud has a D Drive.

App Service Editor

App Service Editor

App Service Editor is the editor that’s codenamed “Monaco” that powers Visual Studio Code. It’s amazing and few people know about it. I use it to make quick updates to production, although you do need to be aware if you have Continuous Deployment enabled that your changes will get eventually overwritten.

It's like a whole "IDE in the Cloud"

Testing in Production – (A/B Testing)

This is an amazing feature that not enough people know about. So, I’m assuming you are aware of Staging Slots? These are things like dev-, test-, or staging- that you can pull from a different branch during CI/CD, or just a separate but near-identical website that runs on the same hardware. The REAL magic is the Testing in Production feature.

Once you have a slot – I have one here for the Staging Site for BabySmash – you have the option to just “swap” between staging and production…OR…you can set a percentage of traffic you want to go to each slot!

Note that traffic is pinned to a slot for the life of a client session, so you don’t have to worry about folks bouncing around if you change the UI or something.

Why is this insanely powerful? You can even make – for example – a “beta” slot and have your customers opt-in to a beta! And you don’t have to write any code to enable this! MyApp.com/?x-ms-routing-name=beta would get them there and MyApp.com?x-ms-routing-name=self always points to Production.

Testing in Production 

You could also write a PowerShell script that would slowly move traffic in increments. That way you could ramp up traffic to staging from 5% to 100% – assuming you see no errors or issues.

$siteName = "yourProductionSiteName"
$rule1 = New-Object Microsoft.WindowsAzure.Commands.Utilities.Websites.Services.WebEntities.RampUpRule
$rule1.ActionHostName = "yourSlotSiteName"
$rule1.ReroutePercentage = 10;
$rule1.Name = "stage"

$rule1.ChangeIntervalInMinutes = 10;
$rule1.ChangeStep = 5;
$rule1.MinReroutePercentage = 5;
$rule1.MaxReroutePercentage = 50;
$rule1.ChangeDecisionCallbackUrl = "callBackUrlOfyourChoice-OptionalThatDecidesIfYouShoudlKeepGoing"

Set-AzureWebsite $siteName -Slot Production -RoutingRules $rule1

All this stuff is built-in to the Standard Azure AppServicePlan.

Easy and Cheap Databases

A number of folks in the comments of my last post asked about the 20 websites I have running on my single App Service Plan. Some felt I may have been disingenuous about the pricing and assumed I have a bunch of SQL Server databases behind my sites, or that a site can’t be useful without a SQL Server.

There’s a few things there to answer. My sites are many different techs, Node.js, Ruby, C# and ASP.NET MVC, and static sites. For example:

  • Running the Ruby Middleman Static Site Generator on Microsoft Azure runs in the cloud when I check code into GitHub but deploys a static site.
  • The Hanselminutes Podcast uses WebMatrix and ASP.NET WebPage’s “SQL Compact Edition.” This database runs out of a single file that’s stored locally.
  • One of my node.js sites uses SQL Lite for its data.
  • One ASP.NET application uses “Azure MySQL in-app” that is also included in Azure App Service. You get a single modest MySQL database that runs in the context of your App Service. It’s not super fast and meant for development, but with a little caching it’s very workable.
  • One node.js app thinks it is talking MongoDB but actually it’s talking via MongoDB protocol support in Azure DocumentDB. You can create an Azure noSQL DocumentDB and point any app that speaks Mongo to it and it Just Works.

There’s a number of options, including Easy Tables for your Mobile Apps. Check out http://mobile.azure.com to learn more about how you can get a VERY quick and easy backend for mobile (or web) apps.

Azure App Service Extensions

If you have used Git deploy to an Azure App Service, you likely noticed a “Sidecar” website that your app has. I have babysmash.com which is actually babysmash.azurewebsites.net, right? There’s also babysmash.scm.azurewebsites.net that you can’t access. That sidecar site (when I’m authenticated) has a ton of easy REST GET APIs I can call to get my process list, files, deployments, and lots more. This is all powered by Kudu, which is open source by the way.

The Azure Kudu sidecar site

Kudu’s sidecar site is a “site extension.” You can not only write your own Azure Site Extension (they are just NuGet packages!) but it turns out there are a TON of useful already vetted and published extensions you can add to your site today. Those extensions live at http://www.siteextensions.net but you add them directly from the Azure Portal. There’s 84 at the time of this blog post.

Azure Site Extensions include:

  • phpMyAdmin – for Admin of MySQL over the web
  • Azure Let’s Encrypt – Easy install of Let’s Encrypt SSL certs!
  • Image Optimizer – Automatic squishing of your site’s JPGs and PNGs because you know you forgot!
  • GoLang Support – Azure doesn’t officially support Go in Azure Web Apps…but with this extension it works fine!
  • Jekyll – Easy static site generation in Azure
  • Brotli HTTP Compression

You get the idea.

Diagnostics

I just discovered this “uptime” blade within my Web Apps in the Azure Portal. It tells me my app’s uptime and if it’s not 100%, it tells my why not and when!

Azure Diagnostics and Uptime

Again, none of this stuff costs extra. You can add Site Extensions or explore your apps to the limit of the underlying App Service Plan. I’m doing all this on a single Standard 1 (S1) App Service Plan.


Sponsor: Excited about the future in ASP.NET? The folks at Progress held an awesome webinar which gives a 360⁰ view of the new ASP.NET Core and how it compares to WebForms and MVC. Watch it now on demand!


© 2016 Scott Hanselman. All rights reserved.
     

I just discovered that you can see a preview (almost like a daily build) of the Azure Portal if you go to https://preview.portal.azure.com instead of https://portal.azure.com. Sometimes the changes are big, sometimes they are subtle. It feels faster to me.

Azure Preview Portal

A few days ago I blogged that I had found a number of things in Azure that I wasn't previously aware of like "Metrics per instance (App Service)" which is DEEPLY useful if you run more than one Web App inside an App Service Plan. Remember, an App Service Plan is basically a VM and you can run as many Websites, docker containers, Azure Functions, Mobile Apps, Api Apps, Logic apps, and whatever you can fit in there. Density is the word of the day.

Azure App Service Secrets and Hidden Gems

A bunch of folks agreed that there were some real hidden gems worth exploring so I thought I'd take a moment and do just that. Here's a few of the things that I'm continuously amazed are included for free with App Service.

Console

The Console option under Development Tools

There's a web-based console that you can access from the Azure Portal to explore your apps!

Live HTML5 Console within the Azure Portal

This is basically an HTML 5 bash prompt. I find it useful to double check the contents of certain files in Production, and confirm environment variables are set. I also, for some reason, find it comforting to see that my "cloud web site" actually lives on Drive D:. It calms me to know the Cloud has a D Drive.

App Service Editor

App Service Editor

App Service Editor is the editor that's codenamed "Monaco" that powers Visual Studio Code. It's amazing and few people know about it. I use it to make quick updates to production, although you do need to be aware if you have Continuous Deployment enabled that your changes will get eventually overwritten.

It's like a whole "IDE in the Cloud"

Testing in Production - (A/B Testing)

This is an amazing feature that not enough people know about. So, I'm assuming you are aware of Staging Slots? These are things like dev-, test-, or staging- that you can pull from a different branch during CI/CD, or just a separate but near-identical website that runs on the same hardware. The REAL magic is the Testing in Production feature.

Once you have a slot - I have one here for the Staging Site for BabySmash - you have the option to just "swap" between staging and production...OR...you can set a percentage of traffic you want to go to each slot!

Note that traffic is pinned to a slot for the life of a client session, so you don't have to worry about folks bouncing around if you change the UI or something.

Why is this insanely powerful? You can even make - for example - a "beta" slot and have your customers opt-in to a beta! And you don't have to write any code to enable this! MyApp.com/?x-ms-routing-name=beta would get them there and MyApp.com?x-ms-routing-name=self always points to Production.

Testing in Production 

You could also write a PowerShell script that would slowly move traffic in increments. That way you could ramp up traffic to staging from 5% to 100% - assuming you see no errors or issues.

$siteName = "yourProductionSiteName"

$rule1 = New-Object Microsoft.WindowsAzure.Commands.Utilities.Websites.Services.WebEntities.RampUpRule
$rule1.ActionHostName = "yourSlotSiteName"
$rule1.ReroutePercentage = 10;
$rule1.Name = "stage"

$rule1.ChangeIntervalInMinutes = 10;
$rule1.ChangeStep = 5;
$rule1.MinReroutePercentage = 5;
$rule1.MaxReroutePercentage = 50;
$rule1.ChangeDecisionCallbackUrl = "callBackUrlOfyourChoice-OptionalThatDecidesIfYouShoudlKeepGoing"

Set-AzureWebsite $siteName -Slot Production -RoutingRules $rule1

All this stuff is built-in to the Standard Azure AppServicePlan.

Easy and Cheap Databases

A number of folks in the comments of my last post asked about the 20 websites I have running on my single App Service Plan. Some felt I may have been disingenuous about the pricing and assumed I have a bunch of SQL Server databases behind my sites, or that a site can't be useful without a SQL Server.

There's a few things there to answer. My sites are many different techs, Node.js, Ruby, C# and ASP.NET MVC, and static sites. For example:

  • Running the Ruby Middleman Static Site Generator on Microsoft Azure runs in the cloud when I check code into GitHub but deploys a static site.
  • The Hanselminutes Podcast uses WebMatrix and ASP.NET WebPage's "SQL Compact Edition." This database runs out of a single file that's stored locally.
  • One of my node.js sites uses SQL Lite for its data.
  • One ASP.NET application uses "Azure MySQL in-app" that is also included in Azure App Service. You get a single modest MySQL database that runs in the context of your App Service. It's not super fast and meant for development, but with a little caching it's very workable.
  • One node.js app thinks it is talking MongoDB but actually it's talking via MongoDB protocol support in Azure DocumentDB. You can create an Azure noSQL DocumentDB and point any app that speaks Mongo to it and it Just Works.

There's a number of options, including Easy Tables for your Mobile Apps. Check out http://mobile.azure.com to learn more about how you can get a VERY quick and easy backend for mobile (or web) apps.

Azure App Service Extensions

If you have used Git deploy to an Azure App Service, you likely noticed a "Sidecar" website that your app has. I have babysmash.com which is actually babysmash.azurewebsites.net, right? There's also babysmash.scm.azurewebsites.net that you can't access. That sidecar site (when I'm authenticated) has a ton of easy REST GET APIs I can call to get my process list, files, deployments, and lots more. This is all powered by Kudu, which is open source by the way.

The Azure Kudu sidecar site

Kudu's sidecar site is a "site extension." You can not only write your own Azure Site Extension (they are just NuGet packages!) but it turns out there are a TON of useful already vetted and published extensions you can add to your site today. Those extensions live at http://www.siteextensions.net but you add them directly from the Azure Portal. There's 84 at the time of this blog post.

Azure Site Extensions include:

  • phpMyAdmin - for Admin of MySQL over the web
  • Azure Let's Encrypt - Easy install of Let's Encrypt SSL certs!
  • Image Optimizer - Automatic squishing of your site's JPGs and PNGs because you know you forgot!
  • GoLang Support - Azure doesn't officially support Go in Azure Web Apps...but with this extension it works fine!
  • Jekyll - Easy static site generation in Azure
  • Brotli HTTP Compression

You get the idea.

Diagnostics

I just discovered this "uptime" blade within my Web Apps in the Azure Portal. It tells me my app's uptime and if it's not 100%, it tells my why not and when!

Azure Diagnostics and Uptime

Again, none of this stuff costs extra. You can add Site Extensions or explore your apps to the limit of the underlying App Service Plan. I'm doing all this on a single Standard 1 (S1) App Service Plan.


Sponsor: Excited about the future in ASP.NET? The folks at Progress held an awesome webinar which gives a 360⁰ view of the new ASP.NET Core and how it compares to WebForms and MVC. Watch it now on demand!


© 2016 Scott Hanselman. All rights reserved.
     

How to Install and Setup WordPress SEO Plugin by Yoast

Do you want to properly install and setup Yoast SEO plugin? At WPBeginner we use WordPress SEO plugin by Yoast because it is the most complete SEO solution for WordPress websites. In this article, we will show you how to install and setup Yoast SEO… Read More »

The post How to Install and Setup WordPress SEO Plugin by Yoast appeared first on WPBeginner.

Do you want to properly install and setup Yoast SEO plugin? At WPBeginner we use WordPress SEO plugin by Yoast because it is the most complete SEO solution for WordPress websites. In this article, we will show you how to install and setup Yoast SEO and utilize all the awesome features that come with it.

Yoast SEO Banner

Features

Yoast SEO is the most comprehensive WordPress SEO plugin with many built-in tools and features. Here is a quick overview of some of those features.

  • Change post’s SEO title and meta description on a per post basis.
  • Title and meta description support for taxonomies (e.g. category and tags).
  • Google search result snippet previews.
  • Focus keyword testing.
  • Meta Robots configuration:
    • Easily add noodp, noydir meta tags.
    • Easily noindex, or nofollow pages, taxonomies or entire archives.
  • Improved canonical support, adding canonical to taxonomy archives, single posts and pages and the front page.
  • RSS footer / header configuration.
  • Permalink clean ups, while still allowing for Google Custom Search.
  • Breadcrumbs support, with configurable breadcrumbs titles.
  • XML Sitemaps with:
    • Images
    • Configurable removal of post types and taxonomies
    • Pages or posts that have been noindexed will not show in XML sitemap (but can if you want them too).
  • XML News Sitemaps.
  • .htaccess and robots.txt editor.
  • Ability to verify Google Webmaster Tools, Yahoo Site Explorer, and Bing Webmaster Tools
  • Basic import functionality for HeadSpace2 and All in One SEO. (You can also use the SEO Data Transporter to transfer functionality from themes like Thesis, Headway, Genesis etc).

The premium version of the Yoast SEO comes with even more features.

  • A redirect manager that allows you to easily set up redirects.
  • Video tutorials to help you understand each feature of the plugin.
  • Premium support provided by the folks at Yoast to help you make the most out of your site’s SEO.

For more features and details you may want to see our comparison of Yoast SEO vs All in One SEO Pack.

How to Install Yoast SEO Plugin

First, thing you need to do is install and activate the Yoast SEO plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you will notice a new menu item in WordPress admin bar labeled SEO with Yoast SEO logo on it.

Yoast SEO plugin installed

Now that you have installed and activated the plugin, let’s take a look at how to properly setup this powerful plugin.

How to Setup WordPress SEO Plugin by Yoast

You should remember, that the settings that we select are the ones that we recommend. Other experts may have their own preferences and discretion, so advanced users can ignore anything that they do not like.

If you are a beginner, and you want to use Yoast’s WordPress SEO plugin like we do, then please follow along the steps carefully.

Step 1. Data Transfer

Most of you probably have another WordPress plugin like All in One SEO pack, or a theme framework like Genesis dealing with your SEO data.

If you want to successfully use this plugin, then you need to make sure that all of your previous data has been transported to this plugin before you deactivate the other one.

To accomplish this, we recommend using SEO Data Transporter by StudioPress. If you’re setting this up on a new blog, then skip this step.

Step 2. General Settings

Clicking on the SEO icon takes you to settings page for the plugin. Click on ‘General’ tab and you will notice a button to open configuration wizard. We want you to ignore this wizard, because we will be taking you step by step through each option.

Yoast SEO - General

Step 3. Features

Let’s switch to the ‘Features’ tab and enable the advanced settings page.

Enable advanced settings page for Yoast SEO

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

You will notice new items appear under the SEO option in your WordPress menu.

Advanced options in Yoast SEO enabled

These items include Titles and Meta, XML Sitemaps, Social, Advanced, and tools. We will be showing you how to setup each one later in this article.

Step 4. Your Info

Next, you need to switch to the ‘Your Info’ tab. This is where you will provide information about your site and the person or company behind it.

Yoast SEO - Your Info

First you need to provide a site name and an alternate name for search engines to consider. Your site’s name could be your site’s title.

If you do not enter anything here, then Yoast SEO will automatically use your site’s title as your website name. Search engines like Google can display this information in search results like this:

Company name in search results

The next option is to choose whether this website is run by a company or an individual person. If you choose company, then you will be asked to provide a company name, and you can also upload a company logo.

On the other hand, if you choose a person, then you can add the name of the person behind the website.

Step 5. Webmaster Tools

If you know a little bit about SEO, then you have probably heard that each of the popular search engines, Google, Bing, Yandex, and Alexa allow site owners to add their sites using webmaster tools area (see our guide on how to add your WordPress site to Google webmaster tools).

Webmaster tools let you see insights and other relevant data about your site from specific search engines.

In order to verify your site and see those exclusive data, you have to add a meta tag to your site, or upload a file. Most beginners are afraid to add meta tags, so Yoast put this option in to ease the process. Simply add the meta code that you received from the search engines in the respective fields.

Yoast SEO - Webmaster tools

Step 6. Security

The last tab in general settings is labeled Security. This has only one option which disables advanced part of the WordPress SEO meta box. We recommend that you leave it disabled. Disabling advanced metabox will prevent your authors from making advanced changes like noindex and canonical settings (which is good).

Yoast SEO - Security

Step 7. Titles & Metas

Titles & Metas section under Yoast SEO has several tabs in it. We will cover each one of them.

1. General

Here you can choose the symbol you want to use a separator between titles. Default option is dash, you can use it if you are unsure which symbol to choose.

Titles and Metas - General

On this page, you can also disable readability and keyword analysis tab which appear under the Yoast SEO metabox when you are writing post. We recommend that you leave them enabled.

2. Homepage Title

Next, we will work on defining the title for our homepage. By default you will see these fields pre-filled with title-template. So what is the difference between a title and a title template, you may ask.

In instances like your homepage, you may want to create a static title, description, and keywords. But for posts, the title will vary from one post to another.

Title templates allow you to define a way that the title and other meta information is pulled and organized.

Let’s take a look at the image below for the home page settings. By default the template variables in the title field work fine for most website however you’re welcome to change it. The next option is to enter your site’s description. Once you are done, click on save settings button.

Homepage title and meta description

Note: If you are using a static homepage, then you will see links to edit your homepage and blog page to add title and meta descriptions.

3. Post Types Titles & Metas

By default WordPress comes with several post types such as post, page, revisions, attachment, and navigation menus. Users can also define their own custom post types.

Yoast SEO allows you to set titles and meta for posts, pages, media, and other custom post types. This site-wide title and meta description will be used if you forgot to add title and meta description for individual post.

We recommend leaving the description fields blank for all post types here. We also recommend using only the post title as the title template.

Post title template

Remember Yoast SEO plugin also adds an SEO meta box in your post edit area. For maximum SEO benefits, we highly recommend you to manually enter title and descriptions for each post, page, and custom post type on your site. Otherwise Yoast SEO will use the title as defined here and will automatically add description for your posts and pages.

Read our WordPress SEO Tip for Beginners on optimizing blog posts.

4. Taxonomies

On the taxonomies tab, you can configure titles and meta for categories, tags, custom taxonomies, and post format archives.

Default template variables should work for most sites. As for descriptions, please remember that Yoast SEO picks up descriptions from your categories and tags.

Taxonomies meta

If you do not have any description for terms in your categories, tags, or custom taxonomies, then WordPress SEO does not add meta description in archives for these terms. Check out our guide on categories vs. tags.

5. Archives

On the Archives tab, you have title and meta settings for author and date archive pages, and special pages such as search and 404 pages.

We recommended that you check disable author archives for single author blogs. If you are running a single author blog, then your main blog and the author archives contain exactly the same content. The setting is there to prevent duplicate content.

Archives meta title and description

Leave other settings as they are and save changes.

6. Other

The other tab has some additional settings. Like you can disable picking up descriptions from Dmoz or Yahoo directories for your pages. If you are unsure what to do here, just leave all of them unchecked

Step 8. Social

As we said earlier, Yoast SEO is a powerhouse packed with many features to provide comprehensive optimization.

One great feature of the plugin is that it integrates your site with Facebook, Twitter, and Google+ social platforms.

Clicking on the Social link under the SEO menu will take you to setup these platforms. We will show you how to configure each of them.

1. Accounts

The first tab under the social settings is for all your social accounts. This allows Yoast SEO to tell Google about your social profiles. You need to simply add the URLs and Twitter username for the main social profiles of your site.

Add your social media accounts

2. Facebook

On the Facebook tab, first make sure that open graph meta data option is enabled. Checking this allows WordPress SEO to add Facebook open graph meta data in your website’s <head> section.

This will help Facebook pick up the right thumbnail and page information when a post from your website is shared on Facebook.

The next option is to provide a thumbnail for your homepage with SEO title and description. This image and description will be used when someone shares the homepage of your site on Facebook.

After that you can provide a default thumbnail image URL. This image will be used for all articles that do not have a thumbnail or any other image in it.

Facebook settings

The next option is to associate your website with a Facebook profile. This profile can be a user profile as well as a Facebook app. In most cases, Facebook profile is the way to go.

You can add a Facebook admin which will give you access to Facebook Insights for your site.

3. Twitter

As for Twitter, you can add Twitter cards into your site’s head section.

You can also choose the card type to use. We recommend using summary with large image.

Adding Twitter cards to WordPress using WordPress SEO by Yoast

4. Pinterest

Pinterest uses Open Graph meta data just like Facebook. Make sure that you have open graph meta data box checked under Facebook settings.

After that you just need to enter the site verification code provided by Pinterest. Simply visit your Pinterest account settings to add and verify your site. You will be provided with a meta tag that you need to enter here.

Yoast WordPress SEO plugin - Social settings for Pinterest

5. Google+

If you have created a Google+ page for your business enter its URL here, and then go to your Google+ business page and enter your website’s URL in about section.

Yoast WordPress SEO - Google Plus settings

Step 9. XML Sitemaps

Sitemaps are essential for your WordPress site. It is the quickest and easiest way to get indexed and notify search engines about your content. Sitemaps also allow you to tell search engines how to prioritize your content.

WordPress SEO by Yoast makes it super easy to add XML sitemaps in WordPress. The XML Sitemaps settings is divided into different tabs. We will walk you through them.

First you need to make sure that XML Sitemaps are enabled.

Enabling XML Sitemaps in Yoast WordPress SEO plugin

After that you need to click on the ‘User Sitemap’ tab and make sure that author/user sitemap options is disabled.

Disable author/user sitemap

Move on to post type tab and disable any post type that you don’t want to be included into sitemaps.

By default, Yoast SEO disables Media Attachments from sitemaps.

Post type sitemaps

Repeat the same process for taxonomies. If there is a taxonomy that you don’t want to be included into sitemaps, then you can exclude it here.

The excluded posts tab allows you to remove individual posts,pages, or custom post types from XML sitemap. Simply enter the post IDs in the field and save changes.

See our tutorial on how to find post IDs in WordPress.

Exclude posts from sitemap

Step 10. Advanced

The advanced settings page allows you to configure breadcrumbs, permalinks, and RSS feed related settings.

1. Breadcrumbs

Breadcrumbs are great for internal linking because it defines a clean path or trail to the page you are on. These breadcrumbs also appear in search results giving your site extra advantage in the search.

Breadcrumbs in search results

Make sure that you click on ‘Enabled’, this will reveal more breadcrumb settings.

WordPress SEO - Breadcrumbs

The default settings should work for most websites, but if you want to change something then go ahead. Once you are done click on the save changes button.

2. Permalinks

Just to be clear, we are talking about the Permalink settings in Yoast SEO tab, not in the setting tabs.

This section does not allow you to create SEO Friendly URLs in WordPress. It assumes, that you have already done that.

So let’s take a look at what type of features this section offers:

Permalink related settings in WordPress SEO Plugin

WordPress by default adds a category base in each category url i.e /category/.

By clicking ‘Remove’ you can strip that part from your category URLs. This is something that a lot of people want. But you can leave it unchecked if you do not want your category urls and page urls to conflict if they are the same name.

Next option is to redirect attachment URLs to parent post. WordPress allows you to attach images and other media to posts. But all of those attachments get their own URLs which in most cases are unnecessary. Therefore by checking this box, you redirect all your attachment page URL to the original post URL.

The next option is to remove stop words from permalinks. Stop words are common words used in plain language. Yoast believes that by removing these, you will create cleaner URLs. While it does make the URLs smaller, we disagree with Yoast. This is why we have left it unchecked.

The next option on the permalinks page is to remove ?replytocom variable from comment reply links. It disables the links for the users with javascript disabled.

Most web crawlers when they visit your site have javascript disabled, so they do not see the URL and can quickly move on. This increases the crawl efficiency particularly if you are running a site with lots of comments.

Redirect ugly URLs to clean permalinks option is not needed in most cases. We advise you to ignore it unless you know what you’re doing.

3. RSS

RSS Feeds are often used by content scrapers to copy content from your website. Yoast SEO allows you to add a backlink to your own site for each post in your RSS feed.

This way, you will get backlinks from their site, and Google will know that you are the original source.

There are options to add your author link, Post link, blog link, and blog description. So get creative. This can also be used to add advertisement to your RSS feed.

WordPress SEO plugin RSS header and footer settings

For advanced users: How to Add Custom Content and Completely Manipulate your RSS Feeds.

Step 11. Tools

As you can see that we have spent a good amount of time getting these settings just right, so you probably want to export the settings as Backup (just incase if you accidentally mess things up in the future). You can also export settings to use it as an initial guideline for all of your future sites that you are going to use this plugin on.

Yoast SEO tools

The bulk editor allows you to edit post titles and descriptions in bulk. We do not recommend using it. Duplicate descriptions and titles can cause damage to your SEO.

The other tool is file editor, we strongly urge beginners and even intermediate level users to stay away from these settings. Tiny mistake there can make your site inaccessible for search engines or make it useless.

Step 12. Search Console

Search Console section in the Yoast SEO plugin, allows you to connect your WordPress site to Google Search Console tools (formerly webmaster tools).

You can add your WordPress site to Google webmaster tools and then verify it using Yoast SEO plugin.

Connect to Google Search Console from Yoast SEO

Simply click on get Google Authorization Code and you will be redirected to Search Console website where you will get a code. Copy this code and enter it in the plugin settings to complete the verification.

After the verification, you will be asked to select a profile. You will need to select your website from a dropdown menu.

Yoast SEO will now fetch your Search Console data into WordPress. You will be able to see Desktop, Mobile, Feature Phone tabs on screen.

Search console data

This is where you can see crawl errors related to your website and mark them as fixed after setting up redirects (we will discuss redirects later in this article).

Yoast SEO Premium

The basic Yoast SEO plugin is free and works really well for millions of WordPress sites around the world. However, it comes with an even more powerful Premium version.

Step 13: Redirects

Yoast SEO Premium adds a powerful redirect manager. This allows you to quickly set up redirects on your WordPress site. You can quickly fix 404 errors in your Google search console by setting up redirects and marking them as fixed in Search Console.

Redirect manager in Yoast SEO Premium

Step 14: Customizing and Maximizing the Benefit

Just installing and setting up this plugin is not enough. In order for you to really maximize the benefit of this plugin, you need to customize the settings on per post basis.

Now this would not be a chore if you do it every time you write a post. Let’s take a look at how you can maximize the benefits by customizing.

WordPress SEO for Individual Posts and Pages

When editing any post or page in WordPress you will now see a metabox below the post editor labeled Yoast SEO. This box comes with tons of SEO options allowing you to improve that post and page.

You can click on the title in the snippet preview to edit it. You can also click on the edit snippet button to add title and meta description for the post or page you are editing,

You should write a custom title, and meta description rather than letting it auto-generate.

Sometimes your post title, and your SEO title might not be the same. Every time, you should write a custom Meta Description because the excerpt generator only picks up the first paragraph which might not be the most important one.

Make sure you select a focus keyword, so you can get analysis on how strong your page is for that keyword. For more details check out WordPress SEO tip for beginners – how to optimize your WordPress blog posts.

Once you click Save the post you will see analysis of the post below snippet preview. This gives you even further insights about your specific post or page.

Post or page analysis for SEO

Use the free analysis as a reference point. Don’t kill yourself over it, but usually it is pretty accurate.

WordPress SEO for Category and Tag Archives

Just like your post and pages, you can also override the SEO title and meta descriptions for category, tag, and author archive pages.

Visit Posts » Categories page and click on the edit link below any category. On the category edit page, scroll down to bottom and you will see the Yoast SEO meta box.

Category SEO Title and Meta description in Yoast SEO

You can do that for all your categories, tags, and custom taxonomy archives.

We hope this guide helped you install and setup WordPress SEO plugin by Yoast. You may also want to see our step by step WordPress SEO guide for beginners.

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.

The post How to Install and Setup WordPress SEO Plugin by Yoast appeared first on WPBeginner.

How to Install and Setup WordPress SEO Plugin by Yoast

Do you want to properly install and setup Yoast SEO plugin? At WPBeginner we use WordPress SEO plugin by Yoast because it is the most complete SEO solution for WordPress websites. In this article, we will show you how to install and setup Yoast SEO… Read More »

The post How to Install and Setup WordPress SEO Plugin by Yoast appeared first on WPBeginner.

Do you want to properly install and setup Yoast SEO plugin? At WPBeginner we use WordPress SEO plugin by Yoast because it is the most complete SEO solution for WordPress websites. In this article, we will show you how to install and setup Yoast SEO and utilize all the awesome features that come with it.

Yoast SEO Banner

Features

Yoast SEO is the most comprehensive WordPress SEO plugin with many built-in tools and features. Here is a quick overview of some of those features.

  • Change post’s SEO title and meta description on a per post basis.
  • Title and meta description support for taxonomies (e.g. category and tags).
  • Google search result snippet previews.
  • Focus keyword testing.
  • Meta Robots configuration:
    • Easily add noodp, noydir meta tags.
    • Easily noindex, or nofollow pages, taxonomies or entire archives.
  • Improved canonical support, adding canonical to taxonomy archives, single posts and pages and the front page.
  • RSS footer / header configuration.
  • Permalink clean ups, while still allowing for Google Custom Search.
  • Breadcrumbs support, with configurable breadcrumbs titles.
  • XML Sitemaps with:
    • Images
    • Configurable removal of post types and taxonomies
    • Pages or posts that have been noindexed will not show in XML sitemap (but can if you want them too).
  • XML News Sitemaps.
  • .htaccess and robots.txt editor.
  • Ability to verify Google Webmaster Tools, Yahoo Site Explorer, and Bing Webmaster Tools
  • Basic import functionality for HeadSpace2 and All in One SEO. (You can also use the SEO Data Transporter to transfer functionality from themes like Thesis, Headway, Genesis etc).

The premium version of the Yoast SEO comes with even more features.

  • A redirect manager that allows you to easily set up redirects.
  • Video tutorials to help you understand each feature of the plugin.
  • Premium support provided by the folks at Yoast to help you make the most out of your site’s SEO.

For more features and details you may want to see our comparison of Yoast SEO vs All in One SEO Pack.

How to Install Yoast SEO Plugin

First, thing you need to do is install and activate the Yoast SEO plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you will notice a new menu item in WordPress admin bar labeled SEO with Yoast SEO logo on it.

Yoast SEO plugin installed

Now that you have installed and activated the plugin, let’s take a look at how to properly setup this powerful plugin.

How to Setup WordPress SEO Plugin by Yoast

You should remember, that the settings that we select are the ones that we recommend. Other experts may have their own preferences and discretion, so advanced users can ignore anything that they do not like.

If you are a beginner, and you want to use Yoast’s WordPress SEO plugin like we do, then please follow along the steps carefully.

Step 1. Data Transfer

Most of you probably have another WordPress plugin like All in One SEO pack, or a theme framework like Genesis dealing with your SEO data.

If you want to successfully use this plugin, then you need to make sure that all of your previous data has been transported to this plugin before you deactivate the other one.

To accomplish this, we recommend using SEO Data Transporter by StudioPress. If you’re setting this up on a new blog, then skip this step.

Step 2. General Settings

Clicking on the SEO icon takes you to settings page for the plugin. Click on ‘General’ tab and you will notice a button to open configuration wizard. We want you to ignore this wizard, because we will be taking you step by step through each option.

Yoast SEO - General

Step 3. Features

Let’s switch to the ‘Features’ tab and enable the advanced settings page.

Enable advanced settings page for Yoast SEO

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

You will notice new items appear under the SEO option in your WordPress menu.

Advanced options in Yoast SEO enabled

These items include Titles and Meta, XML Sitemaps, Social, Advanced, and tools. We will be showing you how to setup each one later in this article.

Step 4. Your Info

Next, you need to switch to the ‘Your Info’ tab. This is where you will provide information about your site and the person or company behind it.

Yoast SEO - Your Info

First you need to provide a site name and an alternate name for search engines to consider. Your site’s name could be your site’s title.

If you do not enter anything here, then Yoast SEO will automatically use your site’s title as your website name. Search engines like Google can display this information in search results like this:

Company name in search results

The next option is to choose whether this website is run by a company or an individual person. If you choose company, then you will be asked to provide a company name, and you can also upload a company logo.

On the other hand, if you choose a person, then you can add the name of the person behind the website.

Step 5. Webmaster Tools

If you know a little bit about SEO, then you have probably heard that each of the popular search engines, Google, Bing, Yandex, and Alexa allow site owners to add their sites using webmaster tools area (see our guide on how to add your WordPress site to Google webmaster tools).

Webmaster tools let you see insights and other relevant data about your site from specific search engines.

In order to verify your site and see those exclusive data, you have to add a meta tag to your site, or upload a file. Most beginners are afraid to add meta tags, so Yoast put this option in to ease the process. Simply add the meta code that you received from the search engines in the respective fields.

Yoast SEO - Webmaster tools

Step 6. Security

The last tab in general settings is labeled Security. This has only one option which disables advanced part of the WordPress SEO meta box. We recommend that you leave it disabled. Disabling advanced metabox will prevent your authors from making advanced changes like noindex and canonical settings (which is good).

Yoast SEO - Security

Step 7. Titles & Metas

Titles & Metas section under Yoast SEO has several tabs in it. We will cover each one of them.

1. General

Here you can choose the symbol you want to use a separator between titles. Default option is dash, you can use it if you are unsure which symbol to choose.

Titles and Metas - General

On this page, you can also disable readability and keyword analysis tab which appear under the Yoast SEO metabox when you are writing post. We recommend that you leave them enabled.

2. Homepage Title

Next, we will work on defining the title for our homepage. By default you will see these fields pre-filled with title-template. So what is the difference between a title and a title template, you may ask.

In instances like your homepage, you may want to create a static title, description, and keywords. But for posts, the title will vary from one post to another.

Title templates allow you to define a way that the title and other meta information is pulled and organized.

Let’s take a look at the image below for the home page settings. By default the template variables in the title field work fine for most website however you’re welcome to change it. The next option is to enter your site’s description. Once you are done, click on save settings button.

Homepage title and meta description

Note: If you are using a static homepage, then you will see links to edit your homepage and blog page to add title and meta descriptions.

3. Post Types Titles & Metas

By default WordPress comes with several post types such as post, page, revisions, attachment, and navigation menus. Users can also define their own custom post types.

Yoast SEO allows you to set titles and meta for posts, pages, media, and other custom post types. This site-wide title and meta description will be used if you forgot to add title and meta description for individual post.

We recommend leaving the description fields blank for all post types here. We also recommend using only the post title as the title template.

Post title template

Remember Yoast SEO plugin also adds an SEO meta box in your post edit area. For maximum SEO benefits, we highly recommend you to manually enter title and descriptions for each post, page, and custom post type on your site. Otherwise Yoast SEO will use the title as defined here and will automatically add description for your posts and pages.

Read our WordPress SEO Tip for Beginners on optimizing blog posts.

4. Taxonomies

On the taxonomies tab, you can configure titles and meta for categories, tags, custom taxonomies, and post format archives.

Default template variables should work for most sites. As for descriptions, please remember that Yoast SEO picks up descriptions from your categories and tags.

Taxonomies meta

If you do not have any description for terms in your categories, tags, or custom taxonomies, then WordPress SEO does not add meta description in archives for these terms. Check out our guide on categories vs. tags.

5. Archives

On the Archives tab, you have title and meta settings for author and date archive pages, and special pages such as search and 404 pages.

We recommended that you check disable author archives for single author blogs. If you are running a single author blog, then your main blog and the author archives contain exactly the same content. The setting is there to prevent duplicate content.

Archives meta title and description

Leave other settings as they are and save changes.

6. Other

The other tab has some additional settings. Like you can disable picking up descriptions from Dmoz or Yahoo directories for your pages. If you are unsure what to do here, just leave all of them unchecked

Step 8. Social

As we said earlier, Yoast SEO is a powerhouse packed with many features to provide comprehensive optimization.

One great feature of the plugin is that it integrates your site with Facebook, Twitter, and Google+ social platforms.

Clicking on the Social link under the SEO menu will take you to setup these platforms. We will show you how to configure each of them.

1. Accounts

The first tab under the social settings is for all your social accounts. This allows Yoast SEO to tell Google about your social profiles. You need to simply add the URLs and Twitter username for the main social profiles of your site.

Add your social media accounts

2. Facebook

On the Facebook tab, first make sure that open graph meta data option is enabled. Checking this allows WordPress SEO to add Facebook open graph meta data in your website’s <head> section.

This will help Facebook pick up the right thumbnail and page information when a post from your website is shared on Facebook.

The next option is to provide a thumbnail for your homepage with SEO title and description. This image and description will be used when someone shares the homepage of your site on Facebook.

After that you can provide a default thumbnail image URL. This image will be used for all articles that do not have a thumbnail or any other image in it.

Facebook settings

The next option is to associate your website with a Facebook profile. This profile can be a user profile as well as a Facebook app. In most cases, Facebook profile is the way to go.

You can add a Facebook admin which will give you access to Facebook Insights for your site.

3. Twitter

As for Twitter, you can add Twitter cards into your site’s head section.

You can also choose the card type to use. We recommend using summary with large image.

Adding Twitter cards to WordPress using WordPress SEO by Yoast

4. Pinterest

Pinterest uses Open Graph meta data just like Facebook. Make sure that you have open graph meta data box checked under Facebook settings.

After that you just need to enter the site verification code provided by Pinterest. Simply visit your Pinterest account settings to add and verify your site. You will be provided with a meta tag that you need to enter here.

Yoast WordPress SEO plugin - Social settings for Pinterest

5. Google+

If you have created a Google+ page for your business enter its URL here, and then go to your Google+ business page and enter your website’s URL in about section.

Yoast WordPress SEO - Google Plus settings

Step 9. XML Sitemaps

Sitemaps are essential for your WordPress site. It is the quickest and easiest way to get indexed and notify search engines about your content. Sitemaps also allow you to tell search engines how to prioritize your content.

WordPress SEO by Yoast makes it super easy to add XML sitemaps in WordPress. The XML Sitemaps settings is divided into different tabs. We will walk you through them.

First you need to make sure that XML Sitemaps are enabled.

Enabling XML Sitemaps in Yoast WordPress SEO plugin

After that you need to click on the ‘User Sitemap’ tab and make sure that author/user sitemap options is disabled.

Disable author/user sitemap

Move on to post type tab and disable any post type that you don’t want to be included into sitemaps.

By default, Yoast SEO disables Media Attachments from sitemaps.

Post type sitemaps

Repeat the same process for taxonomies. If there is a taxonomy that you don’t want to be included into sitemaps, then you can exclude it here.

The excluded posts tab allows you to remove individual posts,pages, or custom post types from XML sitemap. Simply enter the post IDs in the field and save changes.

See our tutorial on how to find post IDs in WordPress.

Exclude posts from sitemap

Step 10. Advanced

The advanced settings page allows you to configure breadcrumbs, permalinks, and RSS feed related settings.

1. Breadcrumbs

Breadcrumbs are great for internal linking because it defines a clean path or trail to the page you are on. These breadcrumbs also appear in search results giving your site extra advantage in the search.

Breadcrumbs in search results

Make sure that you click on ‘Enabled’, this will reveal more breadcrumb settings.

WordPress SEO - Breadcrumbs

The default settings should work for most websites, but if you want to change something then go ahead. Once you are done click on the save changes button.

2. Permalinks

Just to be clear, we are talking about the Permalink settings in Yoast SEO tab, not in the setting tabs.

This section does not allow you to create SEO Friendly URLs in WordPress. It assumes, that you have already done that.

So let’s take a look at what type of features this section offers:

Permalink related settings in WordPress SEO Plugin

WordPress by default adds a category base in each category url i.e /category/.

By clicking ‘Remove’ you can strip that part from your category URLs. This is something that a lot of people want. But you can leave it unchecked if you do not want your category urls and page urls to conflict if they are the same name.

Next option is to redirect attachment URLs to parent post. WordPress allows you to attach images and other media to posts. But all of those attachments get their own URLs which in most cases are unnecessary. Therefore by checking this box, you redirect all your attachment page URL to the original post URL.

The next option is to remove stop words from permalinks. Stop words are common words used in plain language. Yoast believes that by removing these, you will create cleaner URLs. While it does make the URLs smaller, we disagree with Yoast. This is why we have left it unchecked.

The next option on the permalinks page is to remove ?replytocom variable from comment reply links. It disables the links for the users with javascript disabled.

Most web crawlers when they visit your site have javascript disabled, so they do not see the URL and can quickly move on. This increases the crawl efficiency particularly if you are running a site with lots of comments.

Redirect ugly URLs to clean permalinks option is not needed in most cases. We advise you to ignore it unless you know what you’re doing.

3. RSS

RSS Feeds are often used by content scrapers to copy content from your website. Yoast SEO allows you to add a backlink to your own site for each post in your RSS feed.

This way, you will get backlinks from their site, and Google will know that you are the original source.

There are options to add your author link, Post link, blog link, and blog description. So get creative. This can also be used to add advertisement to your RSS feed.

WordPress SEO plugin RSS header and footer settings

For advanced users: How to Add Custom Content and Completely Manipulate your RSS Feeds.

Step 11. Tools

As you can see that we have spent a good amount of time getting these settings just right, so you probably want to export the settings as Backup (just incase if you accidentally mess things up in the future). You can also export settings to use it as an initial guideline for all of your future sites that you are going to use this plugin on.

Yoast SEO tools

The bulk editor allows you to edit post titles and descriptions in bulk. We do not recommend using it. Duplicate descriptions and titles can cause damage to your SEO.

The other tool is file editor, we strongly urge beginners and even intermediate level users to stay away from these settings. Tiny mistake there can make your site inaccessible for search engines or make it useless.

Step 12. Search Console

Search Console section in the Yoast SEO plugin, allows you to connect your WordPress site to Google Search Console tools (formerly webmaster tools).

You can add your WordPress site to Google webmaster tools and then verify it using Yoast SEO plugin.

Connect to Google Search Console from Yoast SEO

Simply click on get Google Authorization Code and you will be redirected to Search Console website where you will get a code. Copy this code and enter it in the plugin settings to complete the verification.

After the verification, you will be asked to select a profile. You will need to select your website from a dropdown menu.

Yoast SEO will now fetch your Search Console data into WordPress. You will be able to see Desktop, Mobile, Feature Phone tabs on screen.

Search console data

This is where you can see crawl errors related to your website and mark them as fixed after setting up redirects (we will discuss redirects later in this article).

Yoast SEO Premium

The basic Yoast SEO plugin is free and works really well for millions of WordPress sites around the world. However, it comes with an even more powerful Premium version.

Step 13: Redirects

Yoast SEO Premium adds a powerful redirect manager. This allows you to quickly set up redirects on your WordPress site. You can quickly fix 404 errors in your Google search console by setting up redirects and marking them as fixed in Search Console.

Redirect manager in Yoast SEO Premium

Step 14: Customizing and Maximizing the Benefit

Just installing and setting up this plugin is not enough. In order for you to really maximize the benefit of this plugin, you need to customize the settings on per post basis.

Now this would not be a chore if you do it every time you write a post. Let’s take a look at how you can maximize the benefits by customizing.

WordPress SEO for Individual Posts and Pages

When editing any post or page in WordPress you will now see a metabox below the post editor labeled Yoast SEO. This box comes with tons of SEO options allowing you to improve that post and page.

You can click on the title in the snippet preview to edit it. You can also click on the edit snippet button to add title and meta description for the post or page you are editing,

You should write a custom title, and meta description rather than letting it auto-generate.

Sometimes your post title, and your SEO title might not be the same. Every time, you should write a custom Meta Description because the excerpt generator only picks up the first paragraph which might not be the most important one.

Make sure you select a focus keyword, so you can get analysis on how strong your page is for that keyword. For more details check out WordPress SEO tip for beginners – how to optimize your WordPress blog posts.

Once you click Save the post you will see analysis of the post below snippet preview. This gives you even further insights about your specific post or page.

Post or page analysis for SEO

Use the free analysis as a reference point. Don’t kill yourself over it, but usually it is pretty accurate.

WordPress SEO for Category and Tag Archives

Just like your post and pages, you can also override the SEO title and meta descriptions for category, tag, and author archive pages.

Visit Posts » Categories page and click on the edit link below any category. On the category edit page, scroll down to bottom and you will see the Yoast SEO meta box.

Category SEO Title and Meta description in Yoast SEO

You can do that for all your categories, tags, and custom taxonomy archives.

We hope this guide helped you install and setup WordPress SEO plugin by Yoast. You may also want to see our step by step WordPress SEO guide for beginners.

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.

The post How to Install and Setup WordPress SEO Plugin by Yoast appeared first on WPBeginner.