How to Add Load More Posts Button in WordPress

Do you want to add a load more posts button in WordPress? Many popular platforms allow users to load more posts when they reach to the bottom of the page. In this article, we will show you how to easily add a load more posts… Read More »

The post How to Add Load More Posts Button in WordPress appeared first on WPBeginner.

Do you want to add a load more posts button in WordPress? Many popular platforms allow users to load more posts when they reach to the bottom of the page. In this article, we will show you how to easily add a load more posts button in WordPress.

How to add load more posts button in WordPress

When and Why Add Load More Posts Button in WordPress

Keeping your users engaged with the content helps you get more views and ultimately more subscribers.

Many blogs use the simple ‘Older posts’ navigation link at the end of their home, blog, and archive pages. Some websites use numeric page navigation which adds more context.

However, there are certain type of websites that can benefit immensely from infinite scroll or load more posts button. Some examples include: photography websites, listicles, and viral content websites.

Instead of loading a whole new page, ‘load more posts’ button works like infinite scroll. It uses JavaScript to quickly fetch the next set of content. This improves user experience and gives them a chance to view more of your content.

That being said, let’s take a look at how to easily add load more posts button in your WordPress site.

Adding Load More Posts Button in WordPress

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

Upon activation, the plugin will add a new menu item labeled ‘Ajax Load More’ to your WordPress admin menu. You need to click on it and head over to the plugin’s settings page.

Ajax Load More settings

On the settings page, you can choose the color of your button. You can also replace the button with infinite scroll which loads next batch of posts automatically without users clicking on the button.

Next, you need to visit Ajax Load More » Repeater Template page to add your template for displaying posts.

The plugin comes with a basic template containing the WordPress loop to display posts. However, it does not match your theme and may look out of place on your website.

To fix this, you need to copy the code your theme uses to display posts on index, archive, and blog pages.

Normally, this code is located in the template-parts folder of your theme. In that folder, you will see templates to display different content. For example content-page.php, content-search.php, and more.

You will be looking for the generic content.php template. Here is an example from our demo theme’s content.php file:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<?php
		// Post thumbnail.
		twentyfifteen_post_thumbnail();
	?>

	<header class="entry-header">
		<?php
			if ( is_single() ) :
				the_title( '<h1 class="entry-title">', '</h1>' );
			else :
				the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
			endif;
		?>
	</header><!-- .entry-header -->

	<div class="entry-content">
		<?php
			/* translators: %s: Name of current post */
			the_content( sprintf(
				__( 'Continue reading %s', 'twentyfifteen' ),
				the_title( '<span class="screen-reader-text">', '</span>', false )
			) );

			wp_link_pages( array(
				'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
				'after'       => '</div>',
				'link_before' => '<span>',
				'link_after'  => '</span>',
				'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
				'separator'   => '<span class="screen-reader-text">, </span>',
			) );
		?>
	</div><!-- .entry-content -->

	<?php
		// Author bio.
		if ( is_single() && get_the_author_meta( 'description' ) ) :
			get_template_part( 'author-bio' );
		endif;
	?>

	<footer class="entry-footer">
		<?php twentyfifteen_entry_meta(); ?>
		<?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '<span class="edit-link">', '</span>' ); ?>
	</footer><!-- .entry-footer -->

</article><!-- #post-## -->

Once you find that code, you need to paste it inside the Repeater Templates field in plugin settings.

Don’t forget to click on the ‘Save Template’ button to store your settings.

Next, you need to visit Ajax Load More » Shortcode Builder page to generate the shortcode.

This page contains many different options that you can customize. First you will need to select the container type. If you are unsure, just look at the template you copied earlier. Most modern themes use the <div>; element.

After that scroll down to the button labels section. Here you can change the text that appears on the button. By default, plugin uses ‘Older Posts’, and you can change that to ‘Load more posts’ or anything you want.

Button label

Lastly, you need to choose whether you want posts to load automatically or wait for users to click on the load more posts button.

Disable scroll

Your shortcode is now ready to be used. In the right column, you will see the shortcode output. Go ahead and copy the shortcode and paste it in a text editor as you will need it in the next step.

Shortcode output

Adding Load More Posts in Your WordPress Theme

This part of the tutorial requires you to add code into your WordPress theme files. If you haven’t done this before, then take a look at our guide on how to copy and paste code in WordPress.

Don’t forget to backup your WordPress theme before making any changes.

You will need to find the template files where you want to add the load more posts button in your theme. Depending on how your theme is organized, usually these files are index.php, archives.php, categories.php, etc.

You will need to add the shortcode you copied earlier into your theme right after the endwhile; tag.

Since we are adding the shortcode in a theme file, we will need to add it inside the do_shortcode function, like this:

echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]'); 			

You can now save your changes and visit your website to see the ‘Load more posts’ button in action.

Click to load more posts button preview

We hope this article helped you learn how to add load more posts button in WordPress. You may also want to see our mega list of the most useful WordPress tips, tricks, and hacks 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 Add Load More Posts Button in WordPress appeared first on WPBeginner.

How to Add Click to Load for GIFs in WordPress

Do you want to add a click to load GIF player on your WordPress website? Animated GIF images take longer to load which affects page speed and user experience. That’s why many popular blogging platforms don’t auto-load GIFs in their apps. In this article, we… Read More »

The post How to Add Click to Load for GIFs in WordPress appeared first on WPBeginner.

Do you want to add a click to load GIF player on your WordPress website? Animated GIF images take longer to load which affects page speed and user experience. That’s why many popular blogging platforms don’t auto-load GIFs in their apps. In this article, we will show you how you can easily add click to load for GIFs in WordPress.

Adding click to load for Gifs in WordPress

Why Add Click to Load for GIFs in WordPress?

If you often add animated GIF images in WordPress, then you already know that they are way larger in size than regular images. This means they take longer to load which affects your website speed and performance.

Some websites deal with this by lazy loading images in WordPress. However, this still affects users experience because GIFs take longer to load as the user scrolls down.

Popular platforms like Tumblr and others use click to load GIF player to mitigate this problem. Instead of loading all frames in a GIF animation, they load just the first frame of the animation. A play button or GIF label on the image indicates that users can click to view the animated GIF.

Paused GIF example

That being said, let’s take a look at how you can add click to load button for GIFs on your WordPress website.

Adding Click to Load for GIFs in WordPress

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

This plugin works out of the box, and there are no settings for it.

You can head over to the post edit screen to see it in action.

Add GIF button in WordPress post editor

On the post edit screen, you will notice the Add GIF button above the post editor. Clicking on it will bring up the media uploader popup where you can upload your GIF images similar to any other image.

Upload GIFs using the Add Gif button

Once uploaded, you need to click on the Insert image button to continue.

The WP GIF player plugin will now add the required shortcode in your WordPress post editor.

GIF shortcode in WordPress post editor

You can now save your post/page and click on the preview button to see your click to load GIFs in action.

All the GIFs embedded on your post will now have a button on top of them labeled GIF. Clicking on the button will load the animated GIF in the background and display it.

Click to play animated GIF

One downside of this plugin is that it only works for the new GIFs that upload. It will not add click to load for GIFs uploaded using the normal WordPress media uploader. This means all your previously uploaded GIFs will not have the click to load button.

We hope this article helped you learn how to add the click to load GIFs player in WordPress. You may also want to see our guide on how to fix common image issues in WordPress.

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

The post How to Add Click to Load for GIFs in WordPress appeared first on WPBeginner.

Accelerated 3D VR, sure, but impress me with a nice ASCII progress bar or spinner

I’m glad you have a 1080p 60fps accelerated graphics setup, but I’m told school. Impress me with a really nice polished ASCII progress bar or spinner! I received two tips this week about cool .NET Core ready progress bars so I thought I’d try them out….

I'm glad you have a 1080p 60fps accelerated graphics setup, but I'm told school. Impress me with a really nice polished ASCII progress bar or spinner!

I received two tips this week about cool .NET Core ready progress bars so I thought I'd try them out.

ShellProgressBar by Martijn Laarman

This one is super cool. It even supports child progress bars for async stuff happening in parallel! It's very easy to use. I was able to get a nice looking progress bar going in minutes.

static void Main(string[] args)

{
const int totalTicks = 100;
var options = new ProgressBarOptions
{
ForegroundColor = ConsoleColor.Yellow,
ForegroundColorDone = ConsoleColor.DarkGreen,
BackgroundColor = ConsoleColor.DarkGray,
BackgroundCharacter = '\u2593'
};
using (var pbar = new ProgressBar(totalTicks, "Initial message", options))
{
pbar.Tick(); //will advance pbar to 1 out of 10.
//we can also advance and update the progressbar text
pbar.Tick("Step 2 of 10");
TickToCompletion(pbar, totalTicks, sleep: 50);
}
}

Boom.

Cool ASCII Progress Bars in .NET Core

Be sure to check out the examples for ShellProgressBar, specifically ExampleBase.cs where he has some helper stuff like TickToCompletion() that isn't initially obvious.

Kurukuru by Mayuki Sawatari

Another nice progress system that is in active development for .NET Core (like super active...I can see they updated code an hour ago!) is called Kurukuru. This code is less about progress bars and more about spinners. It's smart about Unicode vs. non-Unicode as there's a lot of cool characters you could use in a Unicode-aware console that make for attractive spinners.

What a lovely ASCII Spinner in .NET Core!

Kurukuru is also super easy to use and integrated into your code. It also uses the "using" disposable pattern in a clever way. Wrap your work and if you throw an exception, it will show a failed spinner.

Spinner.Start("Processing...", () =>

{
Thread.Sleep(1000 * 3);

// MEMO: If you want to show as failed, throw a exception here.
// throw new Exception("Something went wrong!");
});

Spinner.Start("Stage 1...", spinner =>
{
Thread.Sleep(1000 * 3);
spinner.Text = "Stage 2...";
Thread.Sleep(1000 * 3);
spinner.Fail("Something went wrong!");
});

TIP: If your .NET Core console app wants to use an async Main (like I did) and call Kurukuru's async methods, you'll want to indicate you want to use the latest C# 7.1 features by adding this to your project's *.csproj file:

<PropertyGroup>
    <LangVersion>latest</LangVersion>
</PropertyGroup>

This allowed me to do this:

public static async Task Main(string[] args)

{
Console.WriteLine("Hello World!");
await Spinner.StartAsync("Stage 1...", async spinner =>
{
await Task.Delay(1000 * 3);
spinner.Text = "Stage 2...";
await Task.Delay(1000 * 3);
spinner.Fail("Something went wrong!");
});
}

Did I miss some? I'm sure I did. What nice ASCII progress bars and spinners make YOU happy?


Sponsor: Check out JetBrains Rider: a new cross-platform .NET IDE. Edit, refactor, test and debug ASP.NET, .NET Framework, .NET Core, Xamarin or Unity applications. Learn more and download a 30-day trial!



© 2017 Scott Hanselman. All rights reserved.
     

Azure Cloud Shell – your own bash shell and container – right inside Visual Studio Code

Visual Studio Code has a HUGE extension library. There’s also almost two dozen very nice Azure specific extensions as well as extensions for Docker, etc. If you write an Azure extension yourself, you can depend on the Azure Account Extension to handle …

Visual Studio Code has a HUGE extension library. There's also almost Docker, etc. If you write an Azure extension yourself, you can depend on the Azure Account Extension to handle the administrivia of the user logging into Azure and selecting their subscription. And of course, the Azure Account Extension is open source.

Here's the cool part - I think, since I just learned it. You can have the Azure Account Extension installed (again, you can install it directly or you can get it as a dependency) you also get the ability to get an Azure Cloud Shell directly inside VS Code. That means a little container spins up in the Cloud and you can get a real bash shell or a real PowerShell shell quickly. AND the Azure Cloud Shell automatically is logged in as you and already has a ton of tools pre-installed.

Here's how you do it.

VS Code Command Palette

It will pop up a message with a "copy & open" button. It'll launch a browser, then you enter a special code after logging into Azure to OAuth VS Code into your Account account.

image

At this point, open a Cloud Shell with Shift-Ctrl-P and type "Bash" or "PowerShell"...it'll autocomplete so you can type a lot less, or setup a hotkey.

Your Cloud Shell will appear along side your local terminals!

Note that there's a "clouddrive" folder mapped to your Azure Storage so you can keep stuff in there. Even though the Shell goes away in about 20 min of non-use, your stuff (scripts, whatever) is persisted.

image

There's a bunch of tools preinstalled you can use as well!

[email protected]:~$ node --version

v6.9.4
[email protected]:~$ dotnet --version
2.0.0
[email protected]:~$ git --version
git version 2.7.4
[email protected]:~$ python --version
Python 3.5.2
[email protected]:~$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 16.04.2 LTS
Release: 16.04
Codename: xenial

And finally, when you type "azure" or "az" for the various Azure CLI (Command Line Interface) tools, you'll find you're already authenticated/logged into Azure, so you can create VMs, list websites, manage Kubenetes clusters, all from within VS Code. I'm still exploring, but I'm enjoying what I'm seeing.


Sponsor: Scale your Python for big data & big science with Intel® Distribution for Python. Near-native code speed. Use with NumPy, SciPy & scikit-learn. Get it Today



© 2017 Scott Hanselman. All rights reserved.
     

21 Best Wedding WordPress Themes

Are you looking for a wedding themes for your WordPress site? For wedding websites, you need a theme that can showcase the best moments of the event. In this article, we have picked some of the best WordPress wedding themes that you can use. Making… Read More »

The post 21 Best Wedding WordPress Themes appeared first on WPBeginner.

Are you looking for a wedding themes for your WordPress site? For wedding websites, you need a theme that can showcase the best moments of the event. In this article, we have picked some of the best WordPress wedding themes that you can use.

Best wedding themes for WordPress

Making a Wedding Website with WordPress

WordPress is a popular choice to build family blogs, events, and wedding websites. Mainly because it is so easy to use and manage.

There are two types of WordPress websites available. WordPress.com and WordPress.org which is also known as self hosted WordPress. See our article on the difference between WordPress.com and WordPress.org

We recommend using WordPress.org because it gives you freedom to use all WordPress features out of the box.

You will need a domain name and a WordPress hosting account to start a self-hosted WordPress website.

We recommend using Bluehost. They are one of the best WordPress hosting companies in the world and an official WordPress hosting provider.

Once you have purchased hosting, you are ready to install WordPress. Follow the step by step instructions in our guide on how to start a blog.

That being said, let’s take a look at some of the best WordPress wedding themes that you can install on your website.

1. Ultra

Ultra Wedding

Ultra is an all-purpose WordPress theme including ready-made designs for all kind of websites. It includes beautiful template for Wedding websites, featuring full screen background images and elegant typography.

It includes our story section to introduce bride and groom, beautiful photo galleries, and an RSVP section. It comes with a powerful drag and drop page builder and super easy theme options panel to setup your website.

2. Just Married

Just Married

Just Married is a gorgeous WordPress wedding theme. It features an elegant design with full screen background images, a single column homepage, and stunning image galleries.

It includes custom colors and comes with 4 color schemes. Inside you’ll also find sections to add groomsmen, bridesmaid, accommodation, reservations, contact form, and more.

3. Meridian Wedding

Meridian Wedding

Meridian Wedding is a beautifully designed WordPress theme with stylish layout and built-in custom features. Its homepage features a full-width slider to display photos of the lucky couple on top with call to action buttons to RSVP and gift registry.

It includes beautiful photo galleries, RSVP form, location, date, and complete event scheduling system. It is easy to setup with theme customizer where you can see live preview of your website as you set up.

4. Inspiro

Inspiro

Inspiro is a WordPress theme designed to create a lasting impression. It is perfect for photography, video, and wedding websites. It includes beautiful video and photo galleries, full screen video backgrounds, and lightbox popup support for photos and videos.

It ships with a 1-click installer and 5 ready-made layouts including one for wedding websites. It comes with a simple drag and drop page builder to edit your pages. All theme options can be easily setup using live customizer.

5. Amore

Amore

Amore is a stylish WordPress wedding theme with a beautiful design to make your website standout. Its homepage features a fullscreen slider with animated event countdown.

It is easy to customize and allows you to create and use any color scheme you want. All theme options can be set up using theme customizer. It also comes with drag and drop page builder to create your own custom layouts.

6. Lense

Lense

Lense is a WordPress photography theme with a unique design that makes it perfect for wedding websites. Its homepage features a beautiful photo gallery with horizontal scrolling. It also allows you to add photos in columns, grid types, scrollers, and slideshows.

You can have different settings for each one of your galleries. It has unlimited colors, custom widgets, unique mobile experience, and easy customization.

7. Emma

Emma

Emma is an elegant and modest WordPress wedding theme. Featuring crisp typography, beautiful colors, and full screen images, this theme has all you’ll need for a beautiful wedding website.

It also includes an RSVP form and free plugins to add registry, social sharing, and Instagram features. It is translation ready and comes with an easy setup with demo data included.

8. Selfie

Selfie

Selfie is an excellent choice for a WordPress wedding theme. Designed to showcase photographs beautifully, this theme comes with beautiful layout that looks stunning on all devices.

It has a collapsible navigation and sidebar that gets out of way on both mobile and desktop. It also has a separate blog section with touch enabled galleries. Theme setup is quite straight forward and most options work out of the box.

9. Nayma

Nayma Wedding

Nayma is an all purpose WordPress theme with multiple several purpose built designs, including one for wedding websites. This wedding template features a large full screen image with your wedding announcement on top of it.

It has beautiful parallax background effects for different sections, gorgeous photo galleries, and an area to display event details like time, venue, schedule, and more. It is super easy to use and comes with modules that you can just drag and drop to adjust your design.

10. Wedding Band

Wedding Band

Wedding Band is a free WordPress wedding theme with simple features and easier setup. It features a gorgeous full width slider on top followed by different sections.

All theme options are easy to setup using the live theme customizer. It also includes styling for adding contact form and a full-width page template that you can use with any WordPress page builder plugin.

11. Zoro

Zoro

Zoro is another excellent choice for a WordPress wedding website. It features super sized photo galleries to showcase the best moments of the wedding day. You can change photo gallery layouts into different types of grids with two or three columns.

It includes 4 homepage samples, 4 header styles, unlimited colors, Google Fonts, and a visual page builder. Theme setup is easier with demo content importer and a custom theme options panel.

12. Truelove

Truelove

Truelove is a simple and free WordPress theme to instantly create a beautiful wedding website. It includes a simple slider on top followed by different sections. Theme setup is done via customizer and allows you to add custom header, background, widgets, and navigation menus.

13. Shutter

Shutter

Shutter is a powerful WordPress photography theme with stunning templates including a wedding website design. It puts your photographs in front and center and offers an elegant and highly engaging user experience.

It ships with multiple demos, layout choices, different layout combinations that you can mix and match, unlimited colors, and built-in social media integration. It ships with a beginner friendly landing page builder and easy theme installer.

14. Newlyweds

Newlyweds

If you are looking for a classic elegance design, then take a look at Newlyweds. This free WordPress theme uses an old timey classic layout with subtle colors and beautiful typography. It uses Cormorant Garamond and Great Vibes fonts for the elegant crisp typography.

It includes an event countdown timer, beautiful photo galleries, bride and groom photos, and custom logo support. All theme options are super simple and can be easily setup using live theme customizer.

15. Modules

Modules

Modules is a well crafted all-purpose WordPress theme. It takes a modular approach to design which allows you to use built-in blocks to just drag and drop on a canvas to build beautiful pages.

It ships with 16 turnkey designs for different industries including photography, personal, and event websites. Apart from that it includes ready-made design elements that you can instantly add. It is very easy to use and customize and perfect for wedding websites.

16. Selkie

Selkie

Selkie is a WordPress blogging theme built for photographs and it is perfect for wedding websites. It’s homepage features a large header image with a call to action button that you can use for RSVP for registry pages.

Selkie is full of options, it has two layout choices, multiple navigation menu styles, 10 different blog layouts, and more.

17. Memories

Memories

Memories is a stylish WordPress theme suitable for photographers, fashion, and lifestyle sites. Its design features a unique layout, which makes it a great choice for wedding websites. It comes with a beautiful gallery display to showcase the best of your photographs.

It works with all popular WordPress plugins so you will be able to add new features as you go. Theme setup is quite easy with tons of options.

18. Focussity

Focussity

Focussity is a beautiful WordPress theme for wedding photographers. It includes a custom portfolio section with beautiful image galleries. It supports fullscreen header images and backgrounds.

It also comes with a drag and drop page builder to create your own layouts. Focussity is multilingual ready and comes with beautiful parallax effects and background video support.

19. Gallery Pro

Gallery Pro

Gallery Pro is an elegant and minimalist WordPress photography and lifestyle theme. It is built on top of Genesis theme framework, which is highly optimized for faster WordPress speed.

It offers a clean minimalist layout to showcase your wedding day with style. Theme features allow you to easily add customizable header, drag and drop layout, and use page templates to add blog section as well. It is super simple to use and most features work right out of the box.

20. Jen+Ben

Jen+Ben

Jen+Ben is a simple and beautifully designed WordPress theme for wedding websites. It features a large featured image on top, which can also be replaced with a slider. It comes with a set of companion plugins that you can enable to add features as you set up the theme.

It includes custom header styles, beautiful navigation, Google maps, contact form, and social media features. Inside you will find custom theme options panel that will guide you through setup.

21. Hitched

Hitched

Hitched comes as part of an all-purpose WordPress mega theme. You will get not just a wedding theme, but also themes to build various other websites. It has a 1-click demo installer, which allows you to import content and then just replace items with your own wedding photographs and information.

Inside you’ll find all the usual features you’d expect from premium WordPress theme. Noteable features include sliders, photo galleries, contact form, translation and multilingual support, event management, and more.

We hope this article helped you find the best WordPress wedding themes for your website. You may also want to see our list of must have WordPress plugins for all websites.

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 21 Best Wedding WordPress Themes appeared first on WPBeginner.

How to Appear in Google Answer Boxes with Your WordPress Site

Do you want your articles to appear in Google answer boxes? Answer boxes are Google’s push to answer questions directly on the search results page. In this article, we will explain how to appear in Google Answer Boxes for WordPress users. What is a Google… Read More »

The post How to Appear in Google Answer Boxes with Your WordPress Site appeared first on WPBeginner.

Do you want your articles to appear in Google answer boxes? Answer boxes are Google’s push to answer questions directly on the search results page. In this article, we will explain how to appear in Google Answer Boxes for WordPress users.

How to appear in Google Answer Boxes for WordPress users

What is a Google Answer Box?

Google Answer box is part of Google’s Knowledge graph. It is an algorithm that tries to answer user’s questions right on the search page.

A search term displaying Google Answer Box

It uses carousels, side boxes, lists, tables, and answer boxes to display the most relevant information at the top. This information is gathered from various sources and the algorithm decides which results should be displayed inside an answer box.

According to research conducted by Advanced Web Ranking, Answer boxes secure almost 32.3% CTR. This makes them immensely important for your WordPress SEO strategy.

How Google Displays Information in The Answer Box?

The purpose of Answer Boxes is to offer instant gratification to the users. This works particularly well when users are looking for factual information like public figures, distances, conversion rates, scores, and similar information.

Instant answer in Google Search result using Knowledge Graph

In such cases, if users got the exact information they needed, then they can move on and search for something else. For many queries it can just display a sidebox from the web’s most reliable knowledge sources like Wikipedia.

In a way, it might sound like Google is trying to keep all the traffic for itself. However, not all users are looking for information that Google’s knowledge graph can answer with accuracy.

If user’s keywords require an opinionated, well thought, or research based answer, then Google relies on other web sources.

Google Answer box displaying other web sources

If you are among the top 10 results for a keyword, then you are already closer to appear in Google Answer Box.

How to Make Your Pages Appear in Google Answer Box?

Google Answer Box results change quite often, and you can easily appear as the best answer by simply improving your content.

Let’s explore a number of content optimization steps that you can take to appear in the answer box.

Add Short and Helpful Answers in Your Content

The purpose of Answer Boxes is to provide quick answers. Make sure that your article answers the question as early in the article as possible.

You also need to make your answer short, concise, and easy to understand.

Provide short and helpful answers in your article

It also helps to include your keywords in the form of a question followed by the short answer.

After that, feel free to add as much detail to your answer as you want. Adding more information will allow you to use the keyword throughout the article, and you can even use the same article to answer other questions your users may have about the same topic.

Answer other questions about the same topic

Optimize Your Page’s Meta Description

Meta description is a brief description explaining what your page is about. It is added in the <head> section of your site’s HTML.

You can add meta description for your articles by using a WordPress SEO plugin like Yoast SEO or All in One SEO plugin.

Optimize meta description for answer box

Make sure that your meta description includes your target keyword. It also needs to explain what questions or topics this particular page will be answering.

For example, our article about WordPress SEO tools and plugins uses this meta description:

“Are you looking for best WordPress SEO plugin and tools to boost your SEO? Check out our list of 9 best WordPress SEO Plugins and Tools.”

Here is how it appears in the answer box.

Meta description optimization effect on Google Answer Box

Utilize Lists, Tables, Table of Contents

Users love properly formatted content because it helps them quickly get the information they need. That’s why websites like list25 are so popular. They publish informative content in a viral listicle format that is easier to consume and share.

Google understands that and tends to highlight the websites that use formatting to make content consumption easier for users.

Tables in Google Answer Box

This includes:

  • Pages that use tables to list items.
  • How to articles that use step by step instructions.
  • Top lists that simply just list items.
  • Lenghty articles that utilize table of contents
  • and more.

This does not mean that you must always use one of these formats to write your articles. However, if using formatting can help your users get to the information quickly, then use it.

Lists in Google Answer Box

Optimize Content with Data Driven Decisions

Data is the most important thing you need for an effective content strategy. This is where Google Analytics comes in. It helps you understand your audience and plan accordingly.

You will need MonsterInsights to properly track user engagement in WordPress. It is the best Google Analytics plugin in the market, and it will help you learn where your users are coming from, and what they do while they are on your site.

These stats provide you a clear picture of what’s already working on your website. You can then expand on it and make informed decisions for better SEO.

Follow SEO Best Practices

Apart from answering the user questions, you also need to make sure that Google can find your page and understand it just as easily.

This means you still need to optimize your posts for SEO just like you would normally do.

  • Include your keywords in SEO title, description, and keywords.
  • Add your focus keyword in content and sub-headings in your article.
  • Properly utilize categories and tags.
  • Make sure there is enough content to cover the topic.
  • Make internal linking a habit and link to your other posts and pages
  • Add title and alt tags to your images.

Are Google Answer Boxes Worth The Effort?

Yes, absolutely. As we mentioned earlier the click-through rate for results in the answer box is way higher. Depending on the topic and your content, it could go as high as 51.2%.

However, we do not recommend you overthink it. The purpose of Answer boxes is to help users find information quickly. If you focus on answering questions through helpful and informative content, then search results will start picking it up.

Google’s search features are always changing. There are no shortcuts that will help you win forever. Building your website as an authority / reliable source of useful information will help you win in the long run.

We hope this article helped you learn how to appear in Google Answer Boxes. You may also want to see our list of the must-have WordPress plugins that will help you take your website to the next level.

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 Appear in Google Answer Boxes with Your WordPress Site appeared first on WPBeginner.

How to download embedded videos with F12 Tools in your browser

I got an email this week asking how to download some of my Azure Friday video podcast videos from http://friday.azure.com as well as some of the Getting Started Videos from Azure.com.NOTE: Respect copyright and consider what you’re doing and WHY befo…

I got an email this week asking how to download some of my Azure Friday video podcast videos from http://friday.azure.com as well as some of the Getting Started Videos from Azure.com.

NOTE: Respect copyright and consider what you’re doing and WHY before you use this technique to download videos that may have been embedded for a reason.

I told them to download the videos with F12 tools, and they weren't clear how. I'll use an Azure Friday video for the example. Do be aware that there are a ton of ways to embed video on the web and this doesn't get around ones that REALLY don't want to be downloaded. This won't help you with Netflix, Hulu, etc.

First, I'll visit the site with the video I want in my browser. I'll use Chrome but this also works in Edge or Firefox with slightly different menus.

Then press F12 to bring up the Developer Tools pane and click Network. In Edge, click Content Type, then Media.

Download embedded videos with F12

Click the "clear" button to set up your workspace. That's the International No button there in the Network pane. Now, press Play and get ready.

Look in the Media list for something like ".mp4" or something that looks like the video you want. It'll likely have an HTTP Response in the 20x range.

Download 200

In Chrome, right click on the URL and select Copy as CURL. If you're on Windows pick cmd.exe and bash if you're on Linux/Mac.

Downloading with CURL

You'll get a crazy long command put into your clipboard. It's not all needed but it's a very convenient feature the browser provides, so it's worth using.

Get Curl: If you don't have the "curl" command you'll want to download "curl.exe" from here https://curl.haxx.se/dlwiz/ and, if you like, put it in your PATH. If you have Windows, get the free bundled curl version with installer here.

Open a terminal/command prompt - run cmd.exe on Windows - and paste in the command. If the browser you're using only gives you the URL and not the complete "curl" command, the command you're trying to build is basically curl [url] -o [outputfile.mp4]. It's best if you can get the complete command like the one Chrome provides, as it may include authentication cookies or other headers that omitting may prevent your download from working.

image

BEFORE you press enter, make sure you add "-o youroutputfilename.mp4." Also, if you can an error about security and certificates, you may need to add "--insecure."

Downloading a streaming video file with CURL

In the screenshot above I'm saving the file as "test.mp4" on my desktop.

There are several ways to download embedded videos, including a number of online utilities that come and go, but this technique has been very reliable for me.


Sponsor: Scale your Python for big data & big science with Intel® Distribution for Python. Near-native code speed. Use with NumPy, SciPy & scikit-learn. Get it Today



© 2017 Scott Hanselman. All rights reserved.
     

Evolution of WordPress User Interface (2003 – 2017)

WordPress user interface has evolved steadily since its first release in 2003. WordPress started out as a simple blogging platform and has now matured into a full-fledged CMS platform. In this article, we will take you to back in time to show the different stages… Read More »

The post Evolution of WordPress User Interface (2003 – 2017) appeared first on WPBeginner.

WordPress user interface has evolved steadily since its first release in 2003. WordPress started out as a simple blogging platform and has now matured into a full-fledged CMS platform. In this article, we will take you to back in time to show the different stages in the evolution of WordPress user interface since 2003 until now.

Evolution of WordPress user interface since 2003

The Beginnings of WordPress

WordPress started out in 2003. Mainly because the development on an already popular blogging software b2/cafelog was discontinued by their main developers.

Two passionate users of b2/cafelog, Matt Mullenweg and Mike Little, decided to build a new platform on top of b2/cafelog. This is how WordPress was first released on 27th May, 2003. Learn more about the origin story of WordPress in our article on the history of WordPress.

Since then, there has been a total of 276 WordPress releases so far (November 2017). In this article, we will highlight the ones that introduced a big change in admin panel user interface.

WordPress 0.71 – (June 2003)

The landing page of WordPress 0.71 admin panel was directly the write post page. As you can see there was no dashboard.

Features were very limited, and it was kept simple. You could only assign one category to each post. This version of WordPress had a tedious installation method where you would have to change a lot of information manually.

WordPress 1.0.1 (Miles – 2004)

WordPress 1.0.1 Miles was released January 3, 2004

Starting this version, WordPress started naming its major releases after Jazz musicians. As you can see this release was named after a famous musician, Miles Davis.

In this version, WordPress stopped using the b2 file structure and moved toward its own style of filing structure. New features included multiple category selection, SEO friendly URL structure, comment moderation, new installer, and several other improvements.

WordPress 1.2 – Mingus (May 2004)

WordPress 1.2 Mingus User Interface

Named after Charles Mingus, WordPress 1.2 was a monumental release. One of the most important upgrades in this version was the introduction of “Plugins”.

Other notable changes were Sub categories, custom fields, thumbnail creation, post preview, encrypted passwords, and the ability to ping more than one service at a time.

WordPress 1.5 – Strayhorn (Feb 2005)

This version of WordPress was named after Billy Strayhorn. It showed the first glimpse of a new dashboard style. It didn’t use Ajax and was way slower than the WordPress we use today.

Another significant feature was the introduction of pages along side posts, allowing users to create static pages that were not part of their blog. This release also added support for installing multiple themes in a single WordPress installation.

WordPress 2.0 – Duke (Dec 2005)

WordPress 2.0 Duke

WordPress 2.0 brought a major uphaul to the WordPress admin interface. It had a large blue header on top a complete overhaul of the admin area. It was way faster than previous releases as it utilized Ajax to perform certain tasks.

This release also included a full WYSIWIG editor. Akismet was introduced as a plugin to combat with the growing comment spam problem. Some other notable features were image/file uploading, theme preview via thumbnail (screenshot.png), improved posting speed, new hooks for developers, and more.

WordPress 2.1 – Ella (Jan 2007)

WordPress 2.1

WordPress 2.1 Ella was the first release to introduce a new admin screen to manage comments. The comment management process was significantly improved as users were able to delete or approve comments without reloading admin screens.

WordPress 2.3 – Dexter (Sep 2007)

WordPress 2.3

This release didn’t drastically change WordPress user interface but added several significant improvements. For the first time WordPress improved native support to add tags to your posts.

It also introduced update notifications allowing WordPress core and plugins to show notifications when there is a new version available. This release also started auto-redirecting users to correct WordPress URL as defined in the settings.

WordPress 2.5 – Brecker (Mar 2008)

WordPress 2.5

For WordPress 2.5, the WordPress team collaborated with Happy Cog, a leading web design consultancy firm, to overhaul WordPress user interface. It was a major re-design or rather reimagining of WordPress how we use it today.

WordPress 2.5 Editor

The dashboard got much better as they added more useful information there. This was the first version where we saw one click upgrade for plugins which were in WordPress plugin directory. Much better visual editor and a built-in gallery was also included in this release.

Many of the core components of this redesign are still a major part of the software. However, its appearance quickly changed just 10 months later.

WordPress 2.7 – Coltrane (Dec 2008)

WordPress 2.7

WordPress 2.7 brought another major upgrade to the WordPress admin user interface. Users were now able to readjust WordPress dashboard elements. Screen options were introduced so that users can show and hide elements to meet their requirements.

Other notable features included automated installation for plugins through the WordPress admin panel. Reply to comments from the admin panel, threaded comments, sticky posts, keyboard shortcuts, comment paging, and more.

WordPress 2.9 – Carmen (Dec 2009)

WordPress 2.9 Image editing

WordPress 2.9 Plugin update screen

WordPress 2.9 didn’t change user interface but added several new features that integrated beautifully in the WordPress interface. One of these changes was a plugin update system, that allowed users to update their plugins to the newer version with a single click.

Another major change in the release was image editing features, which allowed users to crop, resize, rotate, scale, and flip images in WordPress.

WordPress 3.0 – Thelonious (2010)

WordPress 3.0

WordPress 3.0 Thelonious was a major WordPress upgrade which truly transformed WordPress from a blogging platform to a full fledged CMS. It introduced post types, taxonomies, custom backgrounds, headers, shortlinks, and navigation menus. It also started the tradition of introducing a new default theme each year, this new default theme was called Twenty Ten.

This release merged a WordPress sister project called WordPress MU into core WordPress itself. This feature is now known as WordPress multisite. The basic style of the admin interface was capable of adapting all these major changes without a significant overhaul of the admin area.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1

WordPress 3.1 continued adding feature to the robust WordPress user interface. With this new release, WordPress introduced the admin bar, post formats, and a better internal linking feature.

WordPress 3.3 – Sonny (2011)

WordPress 3.3 UI

Released in December of 2011, WordPress 3.3 came packed with features and improvements to existing WordPress UI. It added fly out menus for better navigation in the admin area, a revamped admin bar, drag and drop to upload media, and tool tips. See more features and screenshots of WordPress 3.3.

WordPress 3.5 – Elvin (2012)

WordPress 3.5

Mobile and high resolution devices were already becoming accessible to all users. WordPress 3.5 streamlined the user interface for modern retina display devices. This included upgraded icons and adaptive styles that looked great on any screen resolution. See more features and screenshots of WordPress 3.5.

WordPress 3.8 – Parker (2013)

WordPress 3.8 Admin UI

The appearance and basic style of WordPress UI wasn’t changed since 2008 and was way overdue for a major upgrade. The goal for this upgrade was to handle mobile devices more elegantly and make WordPress more accessible. After a ton of work, the new WordPress user interface was released with WordPress 3.8.

The new user interface which is still used (with minor enhancements) was mobile responsive, had more color schemes, used icon fonts, and Open Sans for typography.

WordPress 3.8 mobile

WordPress 3.9 – Smith (2014)

WordPress 3.9

WordPress kept improving the UI to handle new features. WordPress 3.9 made several enhancements it started using flat buttons in the post editor, drag and drop image uploads, gallery previews, and more. It also added live previews when adding widgets in theme customizer. See more features and screenshots of WordPress 3.9.

WordPress 4.0 – Benny (2014)

WordPress 4.0

The same year WordPress 4.0 was released. There was no major change in the UI. However, there were some cool changes that fit right into the existing WordPress admin look.

A new grid view for Media gallery was introduced with infinite scroll and smooth editing. See screenshots and features of WordPress 4.0.

WordPress 4.2 – Powell (2015)

WordPress 4.2

WordPress 4.2 came with a tiny but significant improvement in the admin area color scheme. The grays were given a slight blue hue and the blues were changed to pure blue with no red channel. See more features and screenshots of WordPress 4.2.

WordPress 4.5 – Coleman (2016)

Inline link editing in WordPress 4.5

WordPress 4.5 brough some improvements in the default WordPress visual post editor. A new inline link editing feature was introduced along with some new inline text shortcuts.

Responsive previews were added in theme customizer which allowed users to preview their theme desktop, tablet, and mobile without changing devices. For more features see our article on the release of WordPress 4.5 with screenshots.

WordPress 4.6 – Pepper (2016)

Shiny updates in WordPress 4.6

In WordPress 4.6, the core team decided to start using native fonts instead of loading Open Sans from Google servers. This release also streamlined updates, which allowed users to install, update, and delete plugins/themes without leaving a page.

WordPress 4.8 – Vaughan (2017)

Media Widgets introduced in WordPress 4.8

WordPress 4.8 introduced a new set of widgets to add media like images, audio, video, and rich text. It also added a new dashboard widget that displayed WordPress news and events. For more features and screenshots, see our overview of WordPress 4.8.

WordPress 4.9 – Tipton (2017)

New Theme browsing experience in WordPress 4.9

The last major release of WordPress for 2017 added more features to Theme Customizer. It added a new theme browsing and preview experience in customizer.

It also made code editing in custom CSS and theme/plugin editors much easier by adding syntax highlighting and auto-completion features.

The Future of WordPress User Interface

As you may have noticed that WordPress user interface hasn’t changed much since 2013. However WordPress itself has improved a lot since then with tons of new features, better performance, and improved security.

Today, the user interface feels a bit out-dated compared to the many other top website builders in the market.

But this is about to change.

Core WordPress developers are working on a project codenamed Gutenberg. This project will add drag and drop functionality to WordPress post and page editor. It will allow new users to drag and drop blocks into their website like they do in a page builder plugin.

Gutenberg

We are very excited about this new upcoming release, and will keep you updated through out the process.

We hope this article helped you see the evolution of WordPress user interface since its first release in 2003. You may also want to see our list of the top WordPress companies and businesses.

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 Evolution of WordPress User Interface (2003 – 2017) appeared first on WPBeginner.

Evolution of WordPress User Interface (2003 – 2017)

WordPress user interface has evolved steadily since its first release in 2003. WordPress started out as a simple blogging platform and has now matured into a full-fledged CMS platform. In this article, we will take you to back in time to show the different stages… Read More »

The post Evolution of WordPress User Interface (2003 – 2017) appeared first on WPBeginner.

WordPress user interface has evolved steadily since its first release in 2003. WordPress started out as a simple blogging platform and has now matured into a full-fledged CMS platform. In this article, we will take you to back in time to show the different stages in the evolution of WordPress user interface since 2003 until now.

Evolution of WordPress user interface since 2003

The Beginnings of WordPress

WordPress started out in 2003. Mainly because the development on an already popular blogging software b2/cafelog was discontinued by their main developers.

Two passionate users of b2/cafelog, Matt Mullenweg and Mike Little, decided to build a new platform on top of b2/cafelog. This is how WordPress was first released on 27th May, 2003. Learn more about the origin story of WordPress in our article on the history of WordPress.

Since then, there has been a total of 276 WordPress releases so far (November 2017). In this article, we will highlight the ones that introduced a big change in admin panel user interface.

WordPress 0.71 – (June 2003)

The landing page of WordPress 0.71 admin panel was directly the write post page. As you can see there was no dashboard.

Features were very limited, and it was kept simple. You could only assign one category to each post. This version of WordPress had a tedious installation method where you would have to change a lot of information manually.

WordPress 1.0.1 (Miles – 2004)

WordPress 1.0.1 Miles was released January 3, 2004

Starting this version, WordPress started naming its major releases after Jazz musicians. As you can see this release was named after a famous musician, Miles Davis.

In this version, WordPress stopped using the b2 file structure and moved toward its own style of filing structure. New features included multiple category selection, SEO friendly URL structure, comment moderation, new installer, and several other improvements.

WordPress 1.2 – Mingus (May 2004)

WordPress 1.2 Mingus User Interface

Named after Charles Mingus, WordPress 1.2 was a monumental release. One of the most important upgrades in this version was the introduction of “Plugins”.

Other notable changes were Sub categories, custom fields, thumbnail creation, post preview, encrypted passwords, and the ability to ping more than one service at a time.

WordPress 1.5 – Strayhorn (Feb 2005)

This version of WordPress was named after Billy Strayhorn. It showed the first glimpse of a new dashboard style. It didn’t use Ajax and was way slower than the WordPress we use today.

Another significant feature was the introduction of pages along side posts, allowing users to create static pages that were not part of their blog. This release also added support for installing multiple themes in a single WordPress installation.

WordPress 2.0 – Duke (Dec 2005)

WordPress 2.0 Duke

WordPress 2.0 brought a major uphaul to the WordPress admin interface. It had a large blue header on top a complete overhaul of the admin area. It was way faster than previous releases as it utilized Ajax to perform certain tasks.

This release also included a full WYSIWIG editor. Akismet was introduced as a plugin to combat with the growing comment spam problem. Some other notable features were image/file uploading, theme preview via thumbnail (screenshot.png), improved posting speed, new hooks for developers, and more.

WordPress 2.1 – Ella (Jan 2007)

WordPress 2.1

WordPress 2.1 Ella was the first release to introduce a new admin screen to manage comments. The comment management process was significantly improved as users were able to delete or approve comments without reloading admin screens.

WordPress 2.3 – Dexter (Sep 2007)

WordPress 2.3

This release didn’t drastically change WordPress user interface but added several significant improvements. For the first time WordPress improved native support to add tags to your posts.

It also introduced update notifications allowing WordPress core and plugins to show notifications when there is a new version available. This release also started auto-redirecting users to correct WordPress URL as defined in the settings.

WordPress 2.5 – Brecker (Mar 2008)

WordPress 2.5

For WordPress 2.5, the WordPress team collaborated with Happy Cog, a leading web design consultancy firm, to overhaul WordPress user interface. It was a major re-design or rather reimagining of WordPress how we use it today.

WordPress 2.5 Editor

The dashboard got much better as they added more useful information there. This was the first version where we saw one click upgrade for plugins which were in WordPress plugin directory. Much better visual editor and a built-in gallery was also included in this release.

Many of the core components of this redesign are still a major part of the software. However, its appearance quickly changed just 10 months later.

WordPress 2.7 – Coltrane (Dec 2008)

WordPress 2.7

WordPress 2.7 brought another major upgrade to the WordPress admin user interface. Users were now able to readjust WordPress dashboard elements. Screen options were introduced so that users can show and hide elements to meet their requirements.

Other notable features included automated installation for plugins through the WordPress admin panel. Reply to comments from the admin panel, threaded comments, sticky posts, keyboard shortcuts, comment paging, and more.

WordPress 2.9 – Carmen (Dec 2009)

WordPress 2.9 Image editing

WordPress 2.9 Plugin update screen

WordPress 2.9 didn’t change user interface but added several new features that integrated beautifully in the WordPress interface. One of these changes was a plugin update system, that allowed users to update their plugins to the newer version with a single click.

Another major change in the release was image editing features, which allowed users to crop, resize, rotate, scale, and flip images in WordPress.

WordPress 3.0 – Thelonious (2010)

WordPress 3.0

WordPress 3.0 Thelonious was a major WordPress upgrade which truly transformed WordPress from a blogging platform to a full fledged CMS. It introduced post types, taxonomies, custom backgrounds, headers, shortlinks, and navigation menus. It also started the tradition of introducing a new default theme each year, this new default theme was called Twenty Ten.

This release merged a WordPress sister project called WordPress MU into core WordPress itself. This feature is now known as WordPress multisite. The basic style of the admin interface was capable of adapting all these major changes without a significant overhaul of the admin area.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1

WordPress 3.1 continued adding feature to the robust WordPress user interface. With this new release, WordPress introduced the admin bar, post formats, and a better internal linking feature.

WordPress 3.3 – Sonny (2011)

WordPress 3.3 UI

Released in December of 2011, WordPress 3.3 came packed with features and improvements to existing WordPress UI. It added fly out menus for better navigation in the admin area, a revamped admin bar, drag and drop to upload media, and tool tips. See more features and screenshots of WordPress 3.3.

WordPress 3.5 – Elvin (2012)

WordPress 3.5

Mobile and high resolution devices were already becoming accessible to all users. WordPress 3.5 streamlined the user interface for modern retina display devices. This included upgraded icons and adaptive styles that looked great on any screen resolution. See more features and screenshots of WordPress 3.5.

WordPress 3.8 – Parker (2013)

WordPress 3.8 Admin UI

The appearance and basic style of WordPress UI wasn’t changed since 2008 and was way overdue for a major upgrade. The goal for this upgrade was to handle mobile devices more elegantly and make WordPress more accessible. After a ton of work, the new WordPress user interface was released with WordPress 3.8.

The new user interface which is still used (with minor enhancements) was mobile responsive, had more color schemes, used icon fonts, and Open Sans for typography.

WordPress 3.8 mobile

WordPress 3.9 – Smith (2014)

WordPress 3.9

WordPress kept improving the UI to handle new features. WordPress 3.9 made several enhancements it started using flat buttons in the post editor, drag and drop image uploads, gallery previews, and more. It also added live previews when adding widgets in theme customizer. See more features and screenshots of WordPress 3.9.

WordPress 4.0 – Benny (2014)

WordPress 4.0

The same year WordPress 4.0 was released. There was no major change in the UI. However, there were some cool changes that fit right into the existing WordPress admin look.

A new grid view for Media gallery was introduced with infinite scroll and smooth editing. See screenshots and features of WordPress 4.0.

WordPress 4.2 – Powell (2015)

WordPress 4.2

WordPress 4.2 came with a tiny but significant improvement in the admin area color scheme. The grays were given a slight blue hue and the blues were changed to pure blue with no red channel. See more features and screenshots of WordPress 4.2.

WordPress 4.5 – Coleman (2016)

Inline link editing in WordPress 4.5

WordPress 4.5 brough some improvements in the default WordPress visual post editor. A new inline link editing feature was introduced along with some new inline text shortcuts.

Responsive previews were added in theme customizer which allowed users to preview their theme desktop, tablet, and mobile without changing devices. For more features see our article on the release of WordPress 4.5 with screenshots.

WordPress 4.6 – Pepper (2016)

Shiny updates in WordPress 4.6

In WordPress 4.6, the core team decided to start using native fonts instead of loading Open Sans from Google servers. This release also streamlined updates, which allowed users to install, update, and delete plugins/themes without leaving a page.

WordPress 4.8 – Vaughan (2017)

Media Widgets introduced in WordPress 4.8

WordPress 4.8 introduced a new set of widgets to add media like images, audio, video, and rich text. It also added a new dashboard widget that displayed WordPress news and events. For more features and screenshots, see our overview of WordPress 4.8.

WordPress 4.9 – Tipton (2017)

New Theme browsing experience in WordPress 4.9

The last major release of WordPress for 2017 added more features to Theme Customizer. It added a new theme browsing and preview experience in customizer.

It also made code editing in custom CSS and theme/plugin editors much easier by adding syntax highlighting and auto-completion features.

The Future of WordPress User Interface

As you may have noticed that WordPress user interface hasn’t changed much since 2013. However WordPress itself has improved a lot since then with tons of new features, better performance, and improved security.

Today, the user interface feels a bit out-dated compared to the many other top website builders in the market.

But this is about to change.

Core WordPress developers are working on a project codenamed Gutenberg. This project will add drag and drop functionality to WordPress post and page editor. It will allow new users to drag and drop blocks into their website like they do in a page builder plugin.

Gutenberg

We are very excited about this new upcoming release, and will keep you updated through out the process.

We hope this article helped you see the evolution of WordPress user interface since its first release in 2003. You may also want to see our list of the top WordPress companies and businesses.

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 Evolution of WordPress User Interface (2003 – 2017) appeared first on WPBeginner.