EDITS.WS

Author: Editorial Staff

  • How to Move a Site from WordPress Multisite to Single Install

    Do you want to move a site from a WordPress multisite to a single install?

    If you run a WordPress multisite network, sometimes, you may need to move one of the websites to its own separate WordPress install.

    In this article, we’ll show you how to easily move a site from WordPress multisite to its own single install while preserving SEO rankings and all your content.

    Moving a child site from WordPress multisite

    Step 1: Getting Started

    To move a website from a WordPress multisite network, you’ll need a domain name.

    If you already have a domain name where you want to install the single site, then you are good to go.

    If you don’t have a separate domain name, you’ll need to register and add a new domain name to your hosting account.

    We recommend using Domain.com. They are one of the best domain name registrars in the world and offer beginner-friendly domain management experience.

    For more details, see our article on how to register a domain name.

    Alternatively, you can buy a separate hosting account and domain name for your fresh WordPress install.

    We recommend using Bluehost. They are offering a free domain name with a generous discount on hosting.

    Basically, you can get started for $2.75 per month.

    After getting your domain name and hosting, the next step is to install WordPress.

    See our step-by-step WordPress installation tutorial if you need help.

    Important: Since you are going to make some serious changes to your WordPress multisite, it is necessary to create a complete WordPress backup before you do anything else.

    Now that everything is set up, let’s move a site from WordPress multisite network to its single install.

    Step 2: Exporting a Single Site in WordPress Multisite Network

    The built-in WordPress import/export functionality works the same way in multisite as it does on a single site install. We will use the default tools to export the data from a site on a WordPress multisite network.

    First, you need to log in to the dashboard of the single site you want to move, and then click on Tools » Export.

    Next, you want to ensure all content is checked and click on the Download Export File button.

    Export single site in a WordPress multisite

    WordPress will now create an XML file containing all your data and send it to your browser for download.

    Be sure to save the file on your computer because you will need it later.

    Step 3: Importing Child Site to New Domain

    Login to the WordPress admin area on the new location where you want to move your child site and then go to Tools » Import. On the import screen, WordPress will show you a number of import options.

    Install WordPress importer on the new single site

    You need to click on the ‘Install Now’ link below ‘WordPress.’

    Wait for the importer to be installed and then click on the ‘Run Importer’ link.

    Run WordPress importer

    On the next screen, you will be asked to upload the WordPress export file you downloaded earlier from the WordPress multisite.

    Click on the Choose file button to select the file from your computer and then click on the ‘Upload file and import’ button.

    Upload import file

    On the next screen, WordPress will ask if you would also like to import users. If you do nothing, then WordPress will import all users. This is recommended if you do not want to change authors.

    You will also see the Import Attachments option, and you want to make sure it is checked so that WordPress can download images from your posts and pages.

    Don’t worry if it misses out on some or most of your images. You can import them separately afterward.

    Import settings

    Click on the ‘Submit’ button to continue.

    WordPress will now start importing your content. This will take a few minutes depending on how much content you have. Once it is done, you will see a notification that says ‘All done. Have fun!’

    Importing finished

    That’s all. You have successfully imported data from a multisite network child site to an individual WordPress install. There are still a few things left to do.

    Step 4: Setting up Redirection

    If you were using WordPress multisite with custom domains, then you don’t have to set up any redirection.

    However, if you were using subdomains or directory structures in your WordPress multisite, you need to set up redirection so that users coming to your old URLs are redirected to your new site.

    There are two ways to do this. You can set up a redirect using a WordPress plugin (recommended), or you can add some code to your WordPress .htaccess file.

    We’ll show you both methods, and you can choose the one that best suits you.

    Note: Make sure that your old site on the multisite network and the site on the new domain are both using the same permalink structure.

    Method 1. Setting Redirects Using All in One SEO for WordPress

    This method is easier and recommended for all users. We’ll be using All in One SEO for WordPress, which is the best WordPress SEO plugin on the market.

    It allows you to easily optimize your WordPress site for search engines and comes with powerful features like SEO analysis, custom XML sitemaps, Schema.org support, and a redirects manager.

    First, install and activate the All in One SEO for WordPress plugin on your WordPress multisite and then Network Activate it for the child site. For more details, see our guide on network activating plugins on WordPress Multisite.

    Network activate a plugin

    Note: You’ll need at least the Pro plan to access the Redirection Manager feature.

    Next, you need to install and network activate the Redirection Manager addon. You can find it under ‘Downloads’ from your account page on the All in One SEO website.

    Download redirection addon for All in One SEO

    Once you have network-activated both plugins, you need to switch to the dashboard of the child site.

    From here, go to the All in One SEO » Redirects page and switch to the ‘Full Site Redirect’ tab.

    Redirect settings

    First, turn on the Relocate Site option by toggling the switch next to it.

    Then, enter your new site’s domain name next to ‘Relocate to domain’ option.

    Now click on the Save Changes button to store your settings.

    All in One SEO for WordPress will now redirect users to your new domain name.

    Method 2. Setting up Redirects using the Redirection Plugin

    First, you need to install the Redirection plugin on your WordPress Multisite.

    You can Network Activate a plugin, or you can log in as Super Admin on your child site and activate the Redirection plugin for that particular site alone.

    After that, you need to visit the admin dashboard of the child site for which you want to set up the redirect.

    Redirecting from Subdomain to New Domain

    The Redirection plugin makes it super easy to point a domain name to a different one.

    Simply go to the Tools » Redirection page and switch to the ‘Site’ tab.

    Redirection set up

    Simply enter your new domain name and then click on the ‘Update’ button to save your settings.

    The plugin will redirect all your site users to your new domain name with the correct permalink structure.

    The advantage of this method is that you can still log in to the admin area of your old subdomain.

    Redirecting from Directory to New Domain

    If your multisite uses a directory-based URL structure, then the Redirection plugin makes it easy to redirect it properly to your new domain.

    Simply go to the Tools » Redirection page on your sub-site, and then click on the Add New button at the top.

    New redirect

    This will take you to Redirection’s setup form. Here is how you need to fill in that form:

    Source URL: ^childsite/(.*)$
    Target URL: https://example.com/$1

    Be sure to replace childsite and example.com with the name of your subsite and its new location.

    Don’t forget to change select ‘Regex’ from the dropdown to the right, and then just click on the Add Redirect button to save your settings.

    Redirect subdirectory

    You can now visit your sub-site to see the redirects in action.

    Method 2. Setting up Redirects Using .htaccess file

    For this method, you need to add redirect rules to the .htaccess file in your WordPress hosting account for your multisite network.

    Subdomain to New Domain Redirect

    For subdomain installs, you need to use this code in the .htaccess file of your WordPress multisite.

    Options +FollowSymLinks
    RewriteEngine on
    RewriteCond %{HTTP_HOST} ^subdomain.example.com$ [NC]
    RewriteRule ^(.*)$ http://www.example.net/$1 [L,R=301]
    

    This code redirects visitors coming to any page on subdomain.example.com to http://www.example.net. The $1 sign at the end of the destination URL ensures that your users land on the same page they requested.

    Redirecting From Directory to New Domain

    For directory-based multisite installs, you’ll need to paste the following code in the .htaccess file of your WordPress multisite.

    Options +FollowSymLinks
    RewriteEngine On
    RewriteRule ^childsite/(.*)$ http://example.net/$1 [R=301,L]
    

    This code simply redirects any users coming on http://www.example.com/childsite/ to http://example.net. The $1 makes sure that your users land on exactly the same page or post they requested.

    Don’t forget to replace childsite and example.net with the name of your subsite and its new location.

    Step 5: Troubleshooting the Migration

    Moving a site is not a routine task, so it is likely that you may come across some issues.

    1. Export File Too Large – If your WordPress export file is too large, you may fail to import it properly. To fix this, you may need to split large XML file into smaller pieces.

    2. Images Not Imported – Another common issue is that images may not import correctly to your new site. To fix this, you can try importing them as external images.

    3. Redirects Not Working – If users are not being redirected correctly to your new site, then you need to carefully review your redirect settings. Make sure that your single install and the child site are both using the same Permalinks structure.

    For other issues, see other common WordPress errors and how to fix them.

    We hope this article helped you move a site from a WordPress multisite to a single install. You may also want to review our WordPress SEO checklist for your new install or try these essential WordPress plugins on your fresh site.

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

    The post How to Move a Site from WordPress Multisite to Single Install first appeared on WPBeginner.

  • How to Reduce Time to First Byte (TTFB) in WordPress – Expert Tips

    Do you want to improve your WordPress website’s performance and reduce time to first byte (TTFB)?

    When optimizing a WordPress site’s load time, many people overlook the server side. Reducing TTFB (Time To First Byte) will help speed up your site and provide a better user experience.

    In this article, we will show you how to reduce TTFB in WordPress.

    How to reduce TTFB in WordPress step by step

    To help you navigate this post, simply click the links below to jump ahead to your preferred section:

    What is Time to First Byte (TTFB)?

    TTFB, or time to first byte, is the time a server takes to respond to a request and load a web page in the user’s browser.

    In simpler terms, TTFB measures the time between a user clicking on a web page and the browser first starts receiving a response from the website server.

    The longer it takes for a server to send the first byte of data, the longer it takes a browser to display your website. Several factors go into calculating TTFB. For instance, it takes into account DNS lookup, TLS handshake, SSL connection, and more.

    That said, let’s see why it is important to reduce TTFB.

    Why Reduce TTFB in WordPress?

    Time to first byte is one of the factors that can impact the overall speed of your WordPress site, and it is an important metric to keep an eye on.

    TTFB tells the responsiveness of your site’s server, and reducing it will help you provide a better user experience. Your visitors won’t have to wait for web pages to load. In return, it will help boost your conversion, get more leads, and generate sales.

    According to research, a 1 second delay in page load time can lead to a 7% drop in conversions, a 16% decrease in customer satisfaction, and an 11% loss in page views.

    Strangeloop speed study

    Besides that, improving the TTFB score can also boost your WordPress SEO.

    Google uses what it calls Core Web Vitals to measure performance and overall user experience on a website.

    TTFB is not a Core Web Vitals metric, but it can be used for diagnosis purposes. Since it measures how fast a web server responds, you can use TTFB to figure out if something is wrong and impacting the overall Core Web Vitals of your website.

    That said, let’s look at different ways to measure time to first byte.

    How to Check TTFB on Your Website

    You can use different tools and software to check the time to first byte (TTFB) of your WordPress website.

    Measure TTFB Using Google PageSpeed Insights

    Google PageSpeed Insights is a free tool by Google that analyzes your page speed on mobile and desktop. It gives an overall rating out of 100 and measures Core Web Vitals along with other metrics, including time to first byte.

    First, you’ll need to visit the Google PageSpeed Insights website and enter your website URL. After that, simply click the ‘Analyze’ button.

    Google Pagespeed insights

    The tool will then analyze your website and show results.

    You can then view the time to first byte (TTFB) score and other metrics.

    View time to first byte score

    Measure TTFB Using Google Chrome

    You can also use your Google Chrome’s developer tools to view the time to first byte.

    First, you can right-click on your webpage and go to the ‘Inspect’ option. Alternatively, you can also press Ctrl + Shift + I for Windows or Cmd + Opt + I for Mac on your keyboard to open inspect element tools.

    The Google Chrome Inspect tool

    Next, you can switch to the ‘Network’ tab.

    After that, simply hover your mouse over the green bars under the Waterfall column.

    Hover mouse over waterfall

    You now see a popup with different metrics.

    Go ahead and note the ‘Waiting for server response’ time, as this will show you the TTFB for your website.

    View waiting time for server response

    Measure TTFB Using GTmetrix

    Another way to measure the TTFB of your WordPress site is by using GTmetrix. It is a free tool that also measures your site speed.

    Simply visit the GTmetrix website and enter your site URL. After that, go ahead and click the ‘Analyze’ button.

    GTmetrix Test Without a Plugin

    It will take a few minutes for the tool to analyze your site and show the results.

    Next, you can switch to the ‘Waterfall’ tab to view the response time for your web page resources and elements. GTmetrix will show TTFB as ‘Waiting’ in the data.

    View waiting time in GTmetrix

    Expert Tips to Reduce TTFB in WordPress

    Now that you know how to measure TTFB, the next step is to lower it and improve the site’s performance.

    Let’s look at different steps you can take to reduce time to first byte on your WordPress website.

    1. Ensure WordPress, Plugins, and Themes Are Up to Date

    When you’re optimizing your site for TTFB and improving overall performance, the easiest thing to do is make sure that you’re running the latest version of WordPress.

    Each new WordPress version comes with performance improvements. This could mean optimizing the queries that run code in the database, resolving bugs that would slow down your site, and boosting the overall efficiency of your site.

    You can learn more by following our guide on how to safely update WordPress.

    Updating WordPress Core From the Dashboard

    Similarly, you should also ensure that WordPress plugins and themes are up to date. Just like WordPress, newer versions of plugins and themes can include performance optimization that can speed up your site.

    Plus, you should also check if a plugin or theme is slowing down your website and increasing TTFB. You can measure TTFB and run a website speed test by first activating the plugin and then deactivating it to rule out any issues.

    If you’re running older versions of plugins and themes and not sure how to update them, then please see our guide on how to properly update WordPress plugins and how to update WordPress themes without losing customization.

    2. Update Your WordPress Site’s PHP Version

    Updating the PHP version can also significantly improve your site’s performance and lower the time to first byte.

    PHP is an open-source programming language on which WordPress is written. Each new version of PHP improves performance by making processes more efficient and reducing memory usage. This reduces the load on your website server when loading web pages.

    Getting the PHP version on your WordPress website

    Updating the PHP version also helps strengthen your WordPress security. It prevents hackers from exploiting an older PHP version and accessing your website.

    You can follow our complete guide on how to update the PHP version in WordPress to learn more.

    3. Use a Caching WordPress Plugin

    Another simple way to reduce time to the first byte (TTFB) is by using a caching plugin for WordPress.

    Caching stores a temporary copy of your web page after the first load that can be accessed quickly upon request. This speeds up the process, as WordPress won’t have to go through all the steps of generating a page. It also lowers server response time and lowers TTFB.

    Most WordPress hosting providers offer caching with their hosting plans. However, you can also use standalone caching plugins for WordPress.

    For instance, WP Rocket is one of the best caching plugins that is beginner-friendly to use. It automatically optimizes your site to improve performance and offers features like lazy image loading, DNS pre-fetching, and more.

    You can also see our guide to improve WordPress speed and performance for more tips.

    4. Add Content Delivery Network (CDN) to WordPress

    Along with a caching plugin, you can also use a content delivery network (CDN) to reduce the TTFB of your WordPress site.

    A CDN is a network of servers that delivers cached content from your websites to a user based on their geographic location.

    Content Delivery Network (CDN)

    This speeds up the process of displaying web pages to users that are located far away from your website server. People won’t have to wait for the page request to travel all the way to the server location. Instead, a CDN will instantly show a cached version of that page.

    You can see our list of the best WordPress CDN services to choose the most suitable option for your business.

    5. Optimize Your WordPress Database

    You can also optimize your database and compress website files to lower the time to first byte and improve performance.

    If your site’s database contains unnecessary information and hasn’t been cleaned in a while, then it can lower TTFB. For instance, trashed posts, post revisions, and spam comments can sit in the database and impact the TTFB.

    You can manually delete these to clear the database or use a WordPress plugin to handle everything for you. To learn more, please see our guide on WordPress database management.

    6. Switch to the Fastest Hosting Service

    Choosing the right hosting provider for your WordPress website is important. A reputable hosting service is optimized for speed and ensures high performance.

    At WPBeginner, we conducted a test to find the fastest hosting service. We used multiple third-party looks like Pingdom, Load Impact (k6), and Bitcatcha to test the performance of each provider.

    The results revealed Hostinger to be the fastest hosting service, followed by DreamHost and WP Engine.

    You can find all the details in our guide on the fastest WordPress hosting performance test.

    FAQs About Time to First Byte (TTFB)

    Here are some common questions our users have asked us about the time to first byte (TTFB).

    What is a good TTFB?

    According to Google Chrome developers, a good TTFB used to be under 0.8 seconds. However, this number depends on the content you have on your page. For instance, a static page would have a lower TTFB compared to a dynamic page.

    What is included in TTFB?

    TTFB measures the time it takes a user’s browser to receive the first byte of data from the website server. It includes multiple things like DNS lookup, TLS handshake, SSL connection, and more.

    How is TTFB measured?

    You can use different third-party tools like GTmetrix or Google PageSpeed Insights to measure TTFB. You can also use the dev tools in Google Chrome to view the ‘Waiting for server response’ time and check TTFB.

    Why is my TTFB so high?

    There can be several reasons for high TTFB. For instance, a slow website server, location of the server, slow DNS response time, content that has a lot of images and videos, and configuration issues can lead to a high TTFB.

    We hope this article helped you learn how to reduce TTFB in WordPress. You may also want to see our guide on how to speed up your WooCommerce store and the most common WordPress errors.

    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 Reduce Time to First Byte (TTFB) in WordPress – Expert Tips first appeared on WPBeginner.

  • Evolution of WordPress User Interface (2003 – 2023)

    The WordPress user interface (UI) has evolved steadily since its first release in 2003.

    It started as a simple blogging platform, but WordPress has grown into a full-fledged CMS platform and a robust web application framework. The user interface has evolved over the years as well.

    In this article, we will take you back in time to show the different stages in the evolution of WordPress user interface from 2003 until now.

    Evolution of WordPress user interface since 2003 until now

    The Beginning of WordPress

    WordPress started out in 2003. This was mainly because the development of an already popular blogging software called b2/cafelog was discontinued by its main developers.

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

    Since then, there have been a lot of WordPress releases. In this article, we will highlight the releases that introduced a big change in the admin panel user interface.

    WordPress 0.71 – (June 2003)

    WordPress 0.71

    The landing page of the WordPress 0.71 admin panel was used to write blog posts directly. It didn’t really have many options outside the post-editor interface.

    It was kept simple by including fewer features. For instance, users could only assign one category to each post.

    It also had a tedious installation method where a lot of information was changed manually by editing the core files of the software.

    WordPress 1.0.1 (Miles – 2004)

    WordPress  1.0.1 - Miles

    WordPress started naming its major releases after Jazz musicians with the release of version 1.0.1. 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 selections, an SEO-friendly URL structure, comment moderation, a new installer, and several other improvements.

    WordPress 1.2 – Mingus (May 2004)

    WordPress 1.2 - Mingus

    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’, which are now a staple of the WordPress ecosystem.

    Other notable changes were subcategories, 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)

    WordPress 1.5

    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 alongside posts, allowing users to create static pages not part of their blog feeds. This release also supported installing multiple themes in a single WordPress installation.

    WordPress 2.0 – Duke (Dec 2005)

    WordPress 2.0

    WordPress 2.0 brought a major overhaul of the WordPress admin interface. It had a large blue header on top and a completely reimagined admin area.

    It was way faster than previous releases, as it used Ajax to perform certain tasks. This release also included a full WYSIWYG editor.

    Akismet was introduced as a plugin to combat 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 because users could delete or approve comments without reloading admin screens.

    WordPress 2.3 – Dexter (Sep 2007)

    WordPress 2.3 Dexter

    This release didn’t drastically change the 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 an update notification system, which allowed WordPress core and plugins to show notifications when a new version was available.

    This release also started auto-redirecting users to the 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 redesign the WordPress admin user interface.

    It was a major design improvement, and it had a huge impact on how we use WordPress today.

    Post editor in WordPress 2.5

    The dashboard got much better as they added more useful information there. This was the first version where we saw a one-click upgrade for plugins in the WordPress plugin directory.

    A much better visual editor and a built-in gallery were 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 could show and hide elements to meet their requirements.

    Other notable features included easier plugin installation through the WordPress admin panel, admins could add comment replies from the admin panel, threaded comments, sticky posts, keyboard shortcuts, comment pagination, and more.

    WordPress 2.9 – Carmen (Dec 2009)

    WordPress 2.9

    WordPress 2.9 didn’t change the user interface, but it did add several new features that integrated beautifully into the existing WordPress interface. One of these changes was a plugin update system that allowed users to update their plugins to the more recent versions 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 2.9 image editing

    WordPress 3.0 – Thelonious (2010)

    WordPress 3.0 Thelonious was a major upgrade that 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 came with a new default theme called Twenty Ten, which started the tradition of introducing a new default theme every year that is named after the year itself.

    Navigation menus in WordPress 3.0

    This release merged a WordPress sister project called WordPress MU into core WordPress. This feature is now known as WordPress multisite. The admin interface’s basic style could adapt to all these major changes without another significant overhaul of the admin area.

    WordPress 3.1 – Django Reinhardt (2011)

    WordPress 3.1

    WordPress 3.1 continued adding features 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

    Released in December of 2011, WordPress 3.3 came packed with features and improvements to the 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 files, and tool tips. You can 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 release 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 the basic style of WordPress UI hadn’t been changed since 2008 and were way overdue for a major upgrade.

    This upgrade aimed 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, had icon fonts used in the dashboard, and used the Open Sans font for typography.

    Mobile admin UI in WordPress 3.8

    WordPress 3.9 – Smith (2014)

    WordPress 3.9 made several enhancements to extend the user interface for new features.

    WordPress 3.9

    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 the theme customizer. See more features and screenshots of WordPress 3.9.

    WordPress 4.0 – Benny (2014)

    WordPress 4.0

    That very same year, WordPress 4.0 was released. There were no major changes to the UI. However, there were some cool changes that extended the existing WordPress admin interface.

    A new grid view for the 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 colors

    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

    WordPress 4.5 brought some much-needed improvements to the default WordPress post editor. A new inline link editing feature and some new inline text shortcuts were introduced.

    Responsive previews were added in the theme customizer, allowing users to preview their theme for desktop, tablet, and mobile screens 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 and plugin installs

    With 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 reloading the page.

    WordPress 4.8 – Vaughan (2017)

    Media widgets 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)

    Theme browsing experience in WordPress 4.9

    The last major release of WordPress for 2017 added more features to the theme customizer, including a new theme browsing and preview experience.

    It also added syntax highlighting and auto-completion to code editors for custom CSS and theme/plugin editors.

    WordPress 5.0 – Bebo (2018)

    Block Editor was introduced in WordPress 5.0

    WordPress 5.0 was released in December 2018. It was a major milestone that introduced a new block-based editor codenamed Gutenberg.

    The new block editor allowed users to easily create beautiful content layouts with an intuitive new interface. Each content element was added as a block with its own settings, and users could save and reuse blocks for much faster writing.

    The new block editor didn’t have as many features as a full-featured WordPress page builder, but it laid the groundwork to use the same block editor functionality in other areas of WordPress.

    You can see our post on Gutenberg vs. WordPress page builders for a full breakdown of the differences in the new content editor.

    It was a massive shift from the plain old TinyMCE editor to a more modern editor. Users who were not ready for the transition were able to use the old editor by installing the Classic Editor plugin.

    However, many experts, including WPBeginner, believed that it was a necessary step forward for WordPress. The old classic editor interface felt way outdated compared to the other popular website builders on the market.

    WordPress 5.2 – Jaco (2019)

    In 2019, WordPress remained focused on improving the block editor by adding new features, fixing bugs, and enhancing user experience.

    With WordPress 5.2, a recovery mode feature was introduced. Instead of showing a fatal error, WordPress displayed an error page.

    Technical difficulty error

    It also emailed website administrators with a link to access the admin area under recovery mode.

    This allowed site owners to quickly fix the issue without going through several troubleshooting steps.

    Recovery mode dashboard

    WordPress 5.4 – Adderley (2020)

    The block editor remained the most important part of WordPress development in 2020 as well. With each release, it kept improving with new blocks and tools and a much faster experience.

    With WordPress 5.4, the full-screen editor became the default setting for the block editor.

    Full screen block editor

    The block editor also introduced a new toolbar for mobile screens.

    This allowed users to have a much cleaner editing experience on smaller screen sizes.

    Mobile toolbar in 5.4

    WordPress 5.5 – Eckstine (2020)

    WordPress 5.5 introduced block patterns.

    A pattern is a set of blocks pre-arranged to quickly add commonly used design elements like headers, footers, intros, calls to action, and more.

    Block patterns

    WordPress 5.8 – Tatum (2021)

    Template editing in WordPress 5.8

    Over the last few years, WordPress has continued to improve the block editor in an effort to offer a full site editing solution.

    In WordPress 5.8, a new templates feature was introduced along with several site-wide blocks to help you easily create site-wide templates in WordPress.

    This version also introduced block-based widgets. Each widget-ready area in your WordPress theme now appeared as a tab in the block editor. Users were able to add widgets as blocks to their websites’ sidebars and widget-enabled areas.

    Block widgets

    These features laid the groundwork for future updates and prepared WordPress to use a block-based site editor.

    WordPress 5.9 – Josephine (2022)

    WordPress 5.9 arrived in January 2022, with the full site editor making its debut.

    Site Editor makes it debut appearance in WordPerss 5.9

    It replaced navigation menus, widgets, and theme customizer links from the admin sidebar with a link to the site editor.

    However, it was only visible to users with a block-based theme activated on their sites. The release came with Twenty Twenty-Two as the new default theme with full support for the site editor.

    The site editor used the block editor, so it provided the same user interface for editing websites that users were already using for writing content.

    Site editor interface

    WordPress 6.0 Arturo (2022)

    WordPress 6.0 was released in May 2022. It didn’t make any changes to the major components of the user interface, but it made significant upgrades to the site editor experience.

    This included adding support for editing more templates and adding more tools to different block settings.

    Edit more templates

    WordPress 6.1 – Misha (2022)

    WordPress 6.1 was released in November 2022 and continued with the improvements to the site editor, especially templates and template parts.

    This release didn’t make major changes to the core UI itself. However, it added several new tools and enhancements to the block editor. It also started to bring consistency to the block tools and settings.

    WordPress 6.1 block editor consistency

    WordPress 6.2 – Dolphy (2023)

    In the first half of 2023, WordPress remained focused on easier site editing and customization.

    With the release of WordPress 6.2, the new block-based site editor came out of beta. This allowed users to use the block editor to customize their WordPress themes and create layouts, templates, styles, and more.

    Style editing in WordPress 6.2

    WordPress 6.3 – Lionel (2023)

    In the second half of 2023, WordPress released 6.3 with significant updates to the site editor.

    It introduced a new navigation screen for the site editor, which provided easier access to templates, pages, patterns, styles, and navigation menus.

    WordPress 6.3 site editor navigation

    This version also introduced a ‘Command Palette’. Users can launch it with the Command+K or CTRL+K keys on their keyboards.

    The command tool also provided easier access to WordPress shortcuts and search for existing content, blocks, patterns, templates, and more.

    Command tool in WordPress 6.3

    In the upcoming releases, WordPress will be focusing on the site editor, real-time collaboration inside the WordPress editor, and multilingual capabilities.

    We hope this article helped you see the evolution of the WordPress user interface since its first release in 2003. You may also want to read the complete history of WordPress or take a look at the top WordPress companies and businesses that grew with 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 Evolution of WordPress User Interface (2003 – 2023) first appeared on WPBeginner.

  • How to Add Affiliate Links in WordPress with ThirstyAffiliates

    Are you wondering how to add affiliate links to your WordPress site?

    Adding affiliate links for third-party products/services on your website is a great way to generate passive income. Every time someone buys something through one of your links, you will make a small commission.

    In this article, we will show you how to easily add affiliate links in WordPress with ThirstyAffiliates. We will also share some tips to improve your affiliate marketing strategy.

    Adding affiliate link in WordPress with ThirstyAffiliates

    Why Use ThirstyAffiliates for Affiliate Links in WordPress?

    An affiliate link is a special type of link that you add to your online content. You can earn a commission if a visitor clicks on the link and then makes a purchase on the affiliated website.

    If you have a WordPress blog, then affiliate marketing can add a steady income stream and improve your monetization strategy.

    To add affiliate links in WordPress, you will need to use an affiliate link management plugin. This makes it easy to design custom affiliate links, track their performance, and more.

    ThirstyAffiliates is one of the best affiliate link management plugins for WordPress that allows you to store your affiliate links, organize them in categories, and manage them more efficiently.

    It even helps you create branded URLs, comes with a search form, and allows you to automatically replace keywords with affiliate links, making it a complete solution.

    For more details, you may want to see our comparison of Pretty Links vs. ThirstyAffiliates: which is right for your site?

    Note: We use ThirstyAffiliates on WPBeginner for affiliate link management.

    Having said that, let’s see how to easily add affiliate links in WordPress with ThirstyAffiliates. You can use the quick links below to jump to different parts of our tutorial:

    How to Install and Set Up the ThirstyAffiliates Plugin

    First, you will need to visit the ThirstyAffiliates website and click on the ‘Pricing’ tab in the top right corner of the screen.

    This will take you to the ‘Pricing’ page, where you have to select a subscription plan that suits your needs.

    ThirstyAffiliates pricing

    Once you have done that, you need to visit your WordPress website to install and activate the ThirstyAffiliates plugin. For detailed instructions, you may want to see our beginner’s guide on how to install a WordPress plugin.

    Note: ThirstyAffiliates also has a free version that you can use. However, we will be using the premium plugin to unlock more features.

    Upon activation, visit the ThirstyAffiliates » Settings page from the WordPress admin sidebar and switch to the ‘License’ tab in the left column.

    Here, simply paste your license key for the plugin and click the ‘Activate License Key’ button.

    You can find this information in your account on the ThirstyAffiliates website.

    Add the ThirstyAffiliates license key

    Next, switch to the ‘Link Appearance’ tab from the sidebar on the left to configure some settings.

    Once you are there, you can start by choosing a link prefix from the dropdown menu. This prefix will be used in your cloaked link before the link slug.

    For example, if you choose the ‘Recommends’ option as the link prefix, then your affiliate links will look like this:

    http://www.your-site.com/recommends/link-name

    Choose a link prefix from the dropdown menu

    You can also create a custom link prefix by selecting the ‘Custom’ option from the ‘Link Prefix’ dropdown menu.

    Once you’ve done that, simply type the link prefix of your choice into the ‘Custom Link Prefix’ field. In our example, we are using ‘refer’.

    Type custom link prefix

    After that, you can also check the box next to the ‘Link Category in URL?’ option if you want to show the selected affiliate link category in the URL.

    This will add a link category to the URL after the link prefix and before the link slug like this:

    http://www.your-site.com/refer/category/link-name

    Add link categories to the affiliate URL

    Next, scroll down to the ‘Use nofollow on links?’ section and select the ‘Yes’ option from the dropdown menu.

    This means that the nofollow attribute will now be added to all your affiliate links, which will tell the search engines not to pass a small portion of your authority to the other website.

    We recommend using this option because it’s a general SEO best practice. For more details, you may want to see our step-by-step guide on how to add nofollow links in WordPress.

    Add the nofollow attribute to affiliate links

    Once you’ve done that, you can also open all your affiliate links in new tabs by choosing ‘Yes’ next to the ‘Open links in a new window?’ option.

    After that, you can leave the other settings as default or configure them as you like.

    Finally, don’t forget to click the ‘Save Changes’ button at the bottom to store your settings.

    Open affiliate links in new tab

    Now that you have set up the plugin, you need to head over to the ThirstyAffiliates » New Affiliate Link page from the WordPress dashboard.

    Once you are there, you can start by typing a name for your affiliate link in the ‘Add Title’ field.

    As this name will be used in the cloaked URL created by ThirstyAffiliates, we recommend using the product or service name as the link title.

    Add affiliate link name

    Next, you have to add the full affiliate link with your affiliate ID in the ‘Destination URL’ field.

    You can also attach an image to your affiliate link by clicking on the ‘Upload/Insert’ button under the ‘Attach Images’ section.

    This will launch the media library on the screen, where you can upload an image of your choice.

    We recommend using this setting if you want to display affiliate links in sidebars or have templates where links can be shown with images.

    Add a destination URL and attach an image to the affiliate link if you like

    Now, scroll down to the ‘Autolink Keywords’ section and type the keywords that you want to automatically link to this particular affiliate link.

    This will save you a lot of time when writing a blog post on your website, as the affiliate links will be automatically added once you type in a specific keyword.

    Next, you can also set a limit for auto-linking in the ‘Limit (per keyword):’ option.

    For example, if you type the number 3 in this field, then ThirstyAffiliates will automatically stop auto-linking the affiliate link with the specific keyword after the first three times.

    Add keywords for auto linking

    After that, you can also sort your links into categories. To do this, simply click the ‘+ Add New Category’ link in the ‘Link Categories’ section on the right.

    From here, type the category name that suits your affiliate link and click the ‘Add New Category’ button.

    Add category for the affiliate links

    After that, scroll down to the ‘Link Options’ section in the right column and select if you want to add the nofollow attribute, open the link in a new tab, pass the query string to the destination URL, and even change the redirect type of your link.

    You can also leave these settings as they are because they will already be configured according to the options that you picked when setting up the plugin.

    Configure link options

    Finally, click the ‘Save Link’ button at the top to store your settings and create your first affiliate link.

    Aside from using the auto-linker, sometimes you may want to manually add affiliate links to your WordPress posts and pages.

    To do this, open a post/page in the block editor from the WordPress admin sidebar.

    Once you are there, you will notice that ThirstyAffiliates has added an ‘Affiliate Link’ button in the toolbar at the top of your blocks.

    Now, to manually add an affiliate link to your WordPress post or page, simply select the anchor text for the link (the words you want to put the link on) and click the ‘TA’ icon in the block toolbar at the top.

    Click the TA icon in the block toolbar after selecting anchor text for the affiliate link

    This will open a search form on the screen where you have to type the name of the affiliate link that you created.

    Once the link appears in the search results, simply click on it to add it to the anchor text.

    Type affiliate link names in the search form

    After that, don’t forget to click the ‘Publish’ or ‘Update’ button at the top to store your settings.

    You have now successfully added an affiliate link to your WordPress page/post.

    ThirstyAffiliates uses built-in WordPress functionality to manage links. Links added via the ThirstyAffiliates plugin are added into a custom post type, which makes it really simple to add, edit, or delete them.

    To manage your affiliate links, simply visit the ThirstyAffiliates » Affiliate Links page from the admin area.

    Here, you can click on the ‘Edit’ link under the affiliate link of your choice to make some changes or click on the ‘Trash’ link to delete it.

    You can also use the ‘Filters’ option at the top to filter all your affiliate links according to categories.

    If you have the statistics add-on activated, then it will also show you the number of clicks for each link broken down into daily, weekly, and monthly clicks.

    Manage affiliate links

    To view the full statistics report, just visit the ThirstyAffiliates » Reports page from the WordPress admin sidebar.

    From here, you can easily get a statistics report for your affiliate link performance over the last year, month, or week. You can even set a custom date for your report.

    ThirstyAffiliates stats

    This can help you show which link categories are performing better, which links are getting more clicks and fewer sign-ups, and which ones are getting fewer clicks and more signups.

    You can then improve your content strategy to maximize your earning potential.

    Bonus Tips for Affiliate Marketing

    Affiliate marketing is a super easy way to earn money online. If you are new to affiliate marketing, then the first step is to find a product or company that you are passionate about and would like to promote.

    Once you’ve done that, you can partner with that company by asking to join their affiliate program and then using the affiliate ID provided by them to sell their products on your website.

    You can typically find an affiliate program by searching for an ‘Affiliates’ page on a company’s website.

    Finding affiliate programs to join

    When choosing an affiliate program, it is important to pick a reputable company and recommend a product that you personally use and trust.

    In addition, try to find affiliate programs that are relevant to your audience and sell products/services that your visitors may need.

    For example, if you run a food blog, then you might want to endorse kitchen appliances, cookbooks, or food-related merchandise that your users may already be interested in.

    Moreover, don’t try to overstuff your content with irrelevant affiliate links, as the key to driving traffic to your website and affiliate products is to create quality content.

    For more tips, you may want to see our ultimate affiliate marketing guide for beginners.

    Apart from affiliate links, you can also use affiliate product boxes on your website to further highlight the products that you want to promote.

    SeedProd preview of the affiliate product box

    This strategy can boost sales, increase brand exposure, and save time and resources.

    For more details, please see our tutorial on how to create an affiliate product box in WordPress.

    We hope that this article helped you learn how to add and manage affiliate links in WordPress with ThirstyAffiliates. You may also want to see our tutorial on how to build an Amazon affiliate store in WordPress and our expert picks for the best WordPress themes for affiliate marketing.

    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 Affiliate Links in WordPress with ThirstyAffiliates first appeared on WPBeginner.

  • How to Write a Blog Post Outline for WordPress (8 Steps)

    Want to learn how to write a blog post outline for WordPress?

    Wring a blog post outline takes the stress out of having to start your draft from scratch. With an outline, you can overcome writer’s block and order your blog post in a logical, easy-to-read structure.

    In this article, we’ll share our step-by-step guide on how to write a blog post outline for your WordPress website.

    How to write a blog post outline for WordPress

    Why Do You Need a Blog Post Outline?

    If you’re a content writer, blogger, or content manager, you may be wondering whether it’s really worth the trouble to write an outline for a blog post.

    The truth is, if you really want to write a great blog post, you’ll need to write an outline first. Here’s why:

    Outlines Beat Blank Page Syndrome

    Every writer knows the feeling of opening their Google Doc or the WordPress editor and staring at the blank page. You may feel overwhelmed, maybe start to sweat, and then overthink the entire post and even procrastinate the writing entirely.

    With outlines, you’ll never feel intimidated before writing a new blog post. You’ll break down your posts into topics, subheadings, and talking points so you know what to write about.

    Outlines Help You Write Faster

    Creating an outline upfront is another way to front-load your research. You can analyze competitors in search results to plan your content. This prevents you from being stuck with research during the writing process.

    Separating research from writing ensures you have all the necessary resources in hand when it’s time to write. That way, writing blog posts becomes a breeze.

    Outlines Get You and Your Editor On the Same Page

    If you work closely with a content manager or editor, you may want to run your outline with them before writing. It gives both people an idea of what sections to focus on, what elements to include or omit, and a general angle to write the article.

    The last thing you want to do is have to rewrite an entire piece because you misunderstood what the article should’ve been about.

    Outlines Help You Answer the Most Important Questions

    One of the best ways to rank your content is to answer questions that people are most commonly asking.

    You can use the Keyword Generator Tool from WPBeginner. It’s a free way to generate hundreds of keyword ideas and popular questions on Google. This ensures your blog content will be optimized to match user search intent.

    That said, here are the 8 steps to writing the best blog post outline to help you write high-quality content that search engines love.

    You can use the links below to jump to any step you want, in case you’re already in the process of outlining a blog post.

    Step 1. Choose Your Topic

    Creating a blog post outline starts with knowing what you want to write about. That means you’ll need to decide on a topic.

    Start by brainstorming a few blog topics you’d like to cover. If you’re already familiar with the niche, there may be a few burning issues you want to address.

    Otherwise, a good way to find topics is to use All in One SEO’s Search Statistics feature. All in One SEO is the best content optimization tool for WordPress sites, giving you insights on improving your SEO to boost rankings.

    Essentially, the Search Statistics function provides a central location to see how your content is doing on Google.

    This lets you keep tabs on your blog’s content performance through the content ranking report. As a result, you can identify opportunities for complementary keywords to the blog posts you already rank for.

    Start by installing and activating the AIOSEO plugin. If you need instructions, follow our tutorial on how to install a WordPress plugin.

    Once activated, go to the All in One SEO ≫ Search Statistics in the WordPress dashboard.

    Search statistics in the all in one seo menu

    Once you’re in the Search Statistics dashboard, you’ll see SEO Statistics, Keyword Positions, and Content Performance.

    Scroll down, and under the Content Performance tab, you’ll find the Top Pages, Top Losing, and Top Winning keywords. This report gives you crucial data like Clicks, Impressions, Position, and the Difference in ranking position.

    Search statistics content performance

    You should review your Top Pages and note all the keywords performing well for you.

    Use Similar Tools

    Additionally, you can use a tool like Semrush to find blog post topics. You’ll navigate to their Content Marketing ≫ Topic Research.

    Choose a topic and hit ‘Get content ideas.’ In this case, we’ll use one of our top-performing keywords, ‘how to garden,’ to find new keywords.

    Topic research in SEMRush

    If you want to find trending topics, just toggle the switch beside ‘Trending subtopics first.’ You notice a list of cards, and each of them includes a topic followed by subtopic headlines.

    Browse through the headlines to find any topics that resonate with your audience. Once you find one, click ‘Show more.’

    SEMRush content marketing topics

    You’ll see an expanded list of headlines, related questions, and related searches around the topic.

    This should give you enough blog post ideas to create an entire content calendar.

    Blog post topics in SEMRush

    Pick one topic you want to write about first and then move on to the next step.

    Step 2. Figure Out Your Content Format

    There’s no magic formula that works for every type of content. Sometimes, the format is obvious. If you’re covering a topic on ‘how to start a garden,’ it will probably be a step-by-step guide. If you’re writing about gardening tips, it may be a listicle.

    But it’s not always so straightforward. Is the topic ‘best gardening tool’ a list of gardening tools, a review of a particular equipment, or an opinion article about the best tool?

    The best way to decide is to simply check what’s ranking for that topic on Google. After a quick Google search, you’ll see that people searching for the ‘best gardening tools’ are actually looking for a list of tools for that topic.

    Best gardening tools

    Now you know it’s better to choose a listicle as the content format for this topic.

    That said, here are some of the most popular content formats and when to use them.

    • How-to posts: When you need to teach readers how to do something step by step.
    • List posts: Share a curated list of great ideas in one place.
    • Beginner’s guide posts: When you want to simplify a technical topic to a new audience.
    • ‘What is’ posts: When you need to define a term or answer a question.
    • X vs. Y posts: When comparing what makes your product better than a competitor.
    • Statistics post: When you want to provide a comprehensive list of stats about a particular industry.
    • News posts: When you want to announce a new product or feature you plan to release.
    • Case study posts: For deep dives into a subject backed by heavy research.

    Each of these post types may have an outline that looks different, but the same steps go into creating each one.

    Step 3. Decide on Your Article’s Angle

    With any topic, you can choose which direction you want to take. For example, if your topic is ‘how to plant a garden,’ then you may have to decide if you mean a flower garden or a vegetable garden.

    The angle makes your article interesting and unique to readers. One of the easiest ways to come up with an angle you should cover is to look at top-ranking pages on Google.

    At WPBeginner, we always angle our blog posts to help small businesses like yours. Take our blog post covering the ‘best email marketing services.’

    Rather than have a huge list of everything, our experts have chosen services that cater the best to small businesses because that’s what our audience really wants.

    Best email marketing services for small businesses

    As you can see in the image above, we rank number 1 for the topic, and the number 2 result from Brevo is also looking at business email services.

    If you find that the top search results are approaching the topic from a particular perspective, you should adjust your own outline to match so that you can outrank them.

    Step 4. Analyze the Top-Ranking Pages and Figure Out What You Need to Cover

    Once you have the angle, you’re ready to start building the actual structure and layout of your outline.

    While you can use ChatGPT prompts to write an outline, we recommend manually analyzing top posts in search to see what actually ranks.

    First, you can open up a new post on WordPress. To do this, go to Posts ≫ Add New in your WordPress admin area.

    Add new blog post

    You’ll be directed to a blank page where you write your blog post.

    We recommend writing the outline in the block editor of WordPress so that you can use AIOSEO‘s features to optimize your blog post along the way.

    For example, you can scroll down to ‘AIOSEO Settings.’ Next to ‘Post Title,’ you can type in your blog post title and see if you meet the character count requirements.

    Post title in All in One SEO

    Next, you want to analyze the top-ranking content on Google to determine what headings and information to cover.

    Type in your search query into the search engine and click on all the top-ranking posts.

    Pest control for gardens

    Also, be sure to look at the People Also Ask section in Google search results.

    It compiles the most commonly asked questions on a topic.

    People also ask section

    You may want to cover these questions as a heading or FAQ section to ensure you’re thoroughly answering all the queries searchers are looking for.

    Remember, it is important to group the headings and organize them in a logical manner.

    For example, before the reader can dive into the solution, you need to explain the problem.

    That’s why you should include headings such as ‘What are garden pests’ and ‘Types of garden pests to look out for.’ Then, you would dive into the methods for keeping pests out of your garden. In the end, you would maybe add the question, ‘What is the best treatment for garden pests?’ so users know the most effective solution.

    Blog outline in WordPress

    And if you want to improve the user experience, you can also add a table of contents to your blog post outline.

    If you’re using AIOSEO, you can easily add a Table of Contents using the block editor by simply typing in ‘/toc’ and selecting the ‘AIOSEO – Table of Contents’ block.

    AIl in One SEO table of contents

    A table of contents will appear within your blog post that links to each of the headings below the block.

    Having one of these helps readers easily navigate to any section of the blog post so they can quickly find the information they need without wasting time reading background information they may already know.

    Step 5. Add Bullets Under Each Heading

    Once you have your main headings, you can flesh out each section so you know what you’ll be writing in each section and what information to include.

    Simply write the main points for each section on the information you’re going to cover, examples you’re going to highlight, and stats you’re going to cite.

    Make sure to gather all your research articles as well. That way, you can cite these sources or know when to refer to them when writing your piece. You can source your research anywhere, including other top-ranking content, social media, YouTube, or scientific papers.

    After adding bullet points under each section, you should also add internal links to include in each section. Internal linking is an important aspect of SEO, and every piece of content should include them.

    With All in One SEO’s Link Assistant feature, you can easily find linking opportunities for your blog posts. First, head over to All in One SEO ≫ Link Assistant in WordPress.

    Internal linking with link assistant

    Next, simply go to the ‘Links Reports’ tab. This is where you’ll find all of your posts and their internal and external links for each of them.

    On this page, you can filter by Linking Opportunities or Orphaned Posts.

    Links reports in All in One SEO

    Linking Opportunities is where you’ll find suggestions on where to add internal links in each post, while the Orphaned Posts show you all the articles that don’t have any internal links to them.

    The Links Report also shows a table with columns for the number of links in each post, if they’re internal or external, and the number of suggestions AIOSEO has for new links you can include.

    Under the Linking Opportunities section at the top, just choose a post in which you want to add internal links. In this case, pick the blog post outline you’ve started.

    Link suggestion

    You’ll see suggestions to add internal links. Simply review the phrases and click ‘Add Link’ to include them in your blog outline.

    You can also click ‘Dismiss Suggestion’ if you don’t find a link suggestion suitable.

    Add internal link suggestion

    Before you move on to the next steps, you want to check whether your outline structure makes sense. Ask yourself questions like:

    • Does the post cover the most important questions the audience wants to know?
    • Does the article answer the main question quickly?
    • Is this post structured in a way that makes sense?
    • Is all of the information on this page necessary?

    If you make the reader’s experience a top priority, you’ll stay on the right track. Make sure that your headings accurately reflect the key takeaways of your post to improve readability.

    Step 6. Create a Compelling Post Title

    Your post title can have a huge impact on your SEO rankings and traffic. Its primary job is to tell search engines and visitors what they can expect from a blog post.

    First impressions matter, and your blog post’s title is the first thing visitors will see when performing a search. This is your chance to make a great first impression.

    To better optimize your on-page SEO, we recommend using the Headline Analyzer from All in One SEO.

    Head over to All in One SEO ≫ SEO Analysis in your WordPress dashboard. Then click on the ‘Headline Analyzer’ tab.

    Type in your title into the search bar and click ‘Analyze.

    Headline analyzer in All in One SEO

    From there, it’ll give you suggestions and tell you your title is optimized for search.

    You may get feedback telling you that your character or word count is too short or doesn’t have enough emotional appeal to it to grab attention.

    Headline analyzer score

    Here are the main factors that All in One SEO Headline Analyzer uses to grade your title:

    • Word Balance: This helps you find the perfect balance between common, uncommon, emotional, and power words. Emotional words drive more clicks and power to make your title stand out.
    • Sentiment: The Headline Analyzer checks whether your title has a neutral, positive, or negative sentiment. Positive emotions result in the most click-throughs. For example, our blog post ‘Best Blogging Niche – 7 That Will Make Money (Easily)‘ has a positive sentiment.
    • Character and word count: Your title will be judged by how many characters and words it contains. Headlines about 55 characters long will display fully in search results, and titles should be over 5 words.

    You can also use WPBeginner’s free Headline Analyzer for more help in crafting engaging blog post titles.

    For more information, please see our guide on how to use a headline analyzer in WordPress to improve SEO titles.

    When writing blog posts, it’s a good idea to include related keywords to help search engines better understand your article.

    Specifically, you want to find LSI keywords (latent semantic indexing). These are words and phrases that closely tie to the target keyword but aren’t quite synonyms.

    For example, if you write about ‘pest control for gardens,’ LSI keywords may include ‘natural pest control’ and ‘organic pest prevention methods.’

    LSI keywords are important because they help search engines understand the overall topic of the blog post.

    Search engines scan your content for contextually related words to determine your article topic and relevance to the query. LSI keywords also help you rank in the right queries and put your content in front of the right audience.

    You’ll want to jot down a small list of important LSI keywords and try to add them in sections of your post where they may fit.

    To find LSI keywords, you can use the WPBeginner Keyword Research Tool. It’s completely free to use, and you’ll receive hundreds of keyword ideas.

    You can organize keywords by different types of questions as well, which is a great way to find more subtopics for your blog post.

    WPBeginner keyword generator tool

    When you’ve found the keywords you want to focus on, you can check to see their volume and difficulty by using keyword research tools like Ahrefs or Semrush.

    In this example, we’ll use the Semrush Keyword Magic tool to generate related long-tail keyword phrases.

    Visitors who come to your website via long-tail keywords are often further along in their buying journey or looking for specific information. This makes them more likely to convert into customers.

    Start by entering a single seed keyword into the Semrush Keyword Magic Tool and hit ‘Search.’

    Seed keyword in SEMRush keyword magic tool

    Next, review the suggested keywords of related topics to find niche long-tail phrases.

    Going back to our gardening example, the results in the screenshot below have plenty of related keywords:

    List of keywords in SEMRush

    Also, you can sort by Questions to sort out question-based keywords. There are even options to choose how you want the results to match your initial search.

    Match modifiers include Broad Match, Phrase Match, Exact Match, or Related. Use these to broaden or narrow down the keyword selection to your liking.

    Underneath that, you have the option to filter by Search Volume, Keyword Density (how hard it is to rank for a specific keyword), Intent, CPC, and others.

    Filters for SEMRush keyword magic tool

    You can also use the Google Autocomplete to find LSI keywords.

    Just type in your phrase and review the suggestions.

    Google autocomplete

    Another method is to look at related searches at the bottom of the search results.

    Like the autocomplete suggestions, they provide clues about related words and phrases worth mentioning in your blog post.

    Related searches

    Step 8: Complete Your Outline

    At this point, you should have a fully fleshed-out draft with all of your headings, subheadings, and any important bullet points. You’ve included any research articles and keywords in front of you, giving you all the information needed to write a great blog post.

    Here’s what a complete blog outline in WordPress may look like. Keep in mind that this process is highly flexible, and you may need to adjust the outline based on your needs.

    Example blog outline

    Before you begin writing, it’s a good idea to send your outline to an editor, colleague, or content manager. They can point out things you’ve missed or inaccuracies.

    Once everything looks good to go, you’re ready to begin your draft.

    We hope this article has helped you learn how to write an in-depth outline for blog posts that actually drive traffic. If you want to learn more about blogging, you can check out our post on how to start a WordPress blog or our post on how to increase your blog traffic.

    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 Write a Blog Post Outline for WordPress (8 Steps) first appeared on WPBeginner.

  • How to Resend New User Welcome Emails in WordPress

    Do you want to resend welcome emails to your WordPress users?

    A welcome email helps build trust with new users and ensures that people remember your website and business.

    However, your welcome emails can sometimes end up in the spam folder, or users don’t receive the messages. That’s why it’s important to resend welcome emails.

    In this article, we will show you how to resend new user welcome emails in WordPress.

    How to Resend Welcome Emails to New Users in WordPress

    Why Resend Welcome Emails to New Users in WordPress?

    Creating welcome emails is a great way to customize the emails that new users receive when they register on your website. This helps build your brand and makes your site memorable for customers, members, and subscribers.

    However, the welcome emails that you send might not make it to your users’ inboxes. Plus, email providers like Gmail can also flag your emails as spam.

    One of the reasons for this issue is that WordPress hosting services don’t configure the mail function properly. As a result, your welcome emails fail to reach your users or land in the spam folder.

    To overcome this issue, you can use an SMTP (Simple Mail Transfer Protocol) service. It allows you to use an SMTP server to send WordPress emails and ensure that they reach your users.

    An SMTP service also allows you to log any emails that don’t get delivered so that you can easily resend them.

    That said, let’s look at how you can log welcome emails that didn’t reach new users in WordPress.

    How to Set Up Email Logs in WordPress

    WP Mail SMTP is the best SMTP service for WordPress. It’s super easy to use and connects with popular email services like SendLayer, SMTP.com, Brevo (Previously Sendinblue), Gmail, Office 365, and more.

    With WP Mail SMTP, you can track email deliverability in WordPress. The plugin keeps a record of every email sent from your website and lets you resend emails that haven’t been delivered.

    Note: You will need the WP Mail SMTP Pro version to use the Email Log feature and resend welcome emails to new users. There is also a free version of WP Mail SMTP that you can use to get started.

    First, you will need to install and activate the WP Mail SMTP plugin on your website. For more details, please see our guide on how to install a WordPress plugin.

    Upon activation, you can head over to WP Mail SMTP » Settings from your WordPress dashboard and then enter the license key.

    You can find the key in your WP Mail SMTP account area.

    WP Mail SMTP license key

    After entering the license key, go ahead and click the ‘Verify Key’ button.

    Next, you can scroll down to the Mailer section and choose how you would like to send your WordPress emails.

    Select SMTP mailer

    All you have to do is select your preferred mailer. The PHP mail will be selected by default, but we don’t recommend using this method as it’s unreliable.

    For more information, you can follow our detailed guide on how to use a free SMTP server to send WordPress emails.

    After that, you need to go to the Email Log tab in the WP Mail SMTP settings and check the box for the ‘Enable Log’ option.

    This way, you will be able to track email deliverability in WordPress.

    Turn on email logs

    When you enable the option, you will see additional email tracking settings under the Email Log tab.

    Go ahead and check the boxes for Log Email Content, Save Attachments, Open Email Tracking, and Click Link Tracking so that you will get more data about email deliverability.

    Additional email log settings

    Next, you can select the time period for keeping the email logs.

    Simply choose an option from the dropdown menu for ‘Log Retention Period’ and then click the ‘Save Settings’ button.

    Select log retention period

    How to Resend New User Welcome Emails

    After setting up email logs, you can now see which welcome emails didn’t reach your users and which ones need to be resent.

    To start, simply navigate to WP Mail SMTP » Email Log from your WordPress admin area.

    View email log opens and clicks

    The plugin will show all your emails in this section. You can see the email subject, who it’s been sent to, the source, and whether users opened and clicked the email.

    If you see a red dot for any email, it means it wasn’t delivered. On the other hand, a green dot shows the email has reached the user’s inbox.

    To resend a welcome email that didn’t get delivered, go ahead and click the ‘View Log’ option.

    View email logs for resend

    Now, you will see logs for the individual email.

    After that, navigate to the ‘Actions’ tab and click the ‘Resend’ button.

    Click resend button

    A popup window will now appear.

    Simply enter the recipient’s email address and click the ‘Yes’ button to resend the email.

    Click yes to resend email

    Next, if you see multiple emails that failed to deliver, you can use the bulk resend feature from the email log screen.

    Go ahead and check the box next to the emails you want to resend. After that, select the ‘Resend’ option from the Bulk Actions dropdown menu.

    Resend multiple emails

    When a popup window appears, you can click the ‘Yes’ button to resend multiple emails.

    That’s it! WP Mail SMTP will resend welcome emails and any other email that fails to reach your new users.

    Click yes to resend multiple emails

    We hope this article helped you learn how to resend new user welcome emails in WordPress. You may also want to check out our guide on how to choose the best website builder and our expert picks for the best WooCommerce plugins.

    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 Resend New User Welcome Emails in WordPress first appeared on WPBeginner.

  • What’s Coming in WordPress 6.4 (Features and Screenshots)

    WordPress 6.4 beta was released recently. We have been closely monitoring the development and testing it out.

    It will be the third major release of 2023 and will ship with significant new features, bug fixes, and performance improvements.

    In this article, we’ll show you what’s coming in WordPress 6.4 with details and screenshots.

    What's coming in WordPress 6.4

    Here is a quick overview of changes coming in WordPress 6.4:

    Note: Using the WordPress Beta Tester plugin, you can try out the beta version on your computer or a staging environment. Please keep in mind that some of the features in the beta may not make it into the final release.

    Twenty Twenty-Four Is The New Default Theme

    It is a WordPress tradition to add a new default theme each year. Usually, it comes with the last release of the year.

    WordPress 6.4 will ship with Twenty Twenty-Four, as the new default theme.

    Keeping up the design philosophy of the previous default theme (Twenty Twenty-Three), the new theme will feature a minimalist layout out of the box.

    Twenty Twenty-Four preview

    However, don’t let its minimalist appearance deceive you. This powerful theme is packed with features.

    It is made to work well with the Site Editor and ships with 6 style variations to choose from.

    Twenty Twenty-Four Styles

    It also includes dozens of WordPress block patterns to use with the site editor or when writing posts and pages.

    These patterns include several section patterns that help you quickly add entire sections to your pages or templates.

    Twenty Twenty-Four patterns

    It also ships with four fonts that you can use when working on your site. This brings us to the next exciting feature expected to be released in 6.4, the Font Library.

    Manage Fonts Across Your Website with Font Library

    WordPress 6.4 will include the new Font Library feature. This will allow users to manage fonts used in their WordPress theme and across their website.

    Users will be able to view the Font Library under the Styles panel in the site editor. They will also be able to add or remove fonts to their website.

    Launch Font Library

    Clicking on the Fonts icon on the panel will bring up the Font Library.

    From here, you can upload fonts directly from your computer.

    Upload fonts from your computer

    Want to use Google Fonts locally? Font Library will allow users to download and install Google Fonts on their WordPress website.

    This will connect to Google servers only once to download the font files. After that, fonts will be served from your own servers.

    Install Google fonts

    Enlarge Images with Lightbox Popup

    Want to open your WordPress images in a lightbox popup?

    WordPress 6.4 will allow users to enable lightbox popups for images in their posts and pages.

    Expand on Click

    After adding an image, you can toggle the Expand on Click option under the block settings to open it in a lightbox popup.

    This simple image popup will let your users enlarge images without leaving a page.

    Image lightbox preview

    It is still very basic and in the early stages of development. For instance, for the Gallery block, you’ll have to set it for each individual image instead of the whole gallery.

    If you need a better user experience with beautiful image galleries, we recommend using Envira Gallery or NextGen.

    These are the best WordPress photo gallery plugins for photographers and portfolio websites with beautiful lightbox popups, animations, slideshows, gallery styles, and more.

    Improved Command Palette

    WordPress 6.3 came with a new command palette tool, which allowed users to quickly type in commands using the keyboard shortcut CTRL+K.

    WordPress 6.4 will come with several improvements to the tool and new keyboard shortcuts. First, there is a subtle design update, which makes elements slightly darker.

    Command palette design update

    Secondly, there are new commands and actions introduced to work with blocks. You can duplicate, transform, delete, or insert blocks from the command palette.

    For instance, you can now select multiple blocks and transform them using the command palette.

    Block actions in command palette

    Block Editor Enhancements

    This release primarily focuses on improving and extending existing site and block editor features. The groundwork for phase 3 of the Gutenberg project has begun, which will focus more on collaboration.

    WordPress 6.4 will merge several Gutenberg (the project name for the block editor) releases into the core. Each one of them includes several new features and enhancements.

    Following are some of the more noticeable enhancements in Block Editor.

    Block Hooks

    WordPress 6.4 will bring Block Hooks functionality for developers. This would allow plugins to automatically add blocks upon activation.

    Named after hooks used in WordPress core, block hooks will enable plugin developers to interact with the block editor and extend blocks without touching them.

    For instance, a membership plugin can now add a login button in the navigation menu.

    The block panel will show you which blocks are added by plugins and you will be able to turn them off/on.

    Disable auto-inserted blocks

    Background Images for Group Block

    Grouping blocks is the easiest way to create different sections of a layout in the post or full site editor.

    Previously, users were only able to select background and text colors for the entire group block. WordPress 6.4 will also allow you to set a background image.

    Setting background image for the Group block

    Improved Toolbars for Parent / Child Blocks

    When working with blocks that have child blocks, the toolbar kept moving and changing as you moved around blocks.

    This didn’t produce an ideal user experience for blocks like Navigation, List, and Quote.

    WordPress 6.4 will now automatically attach the child toolbar to the parent and create a consistent user experience as you move around the inner blocks.

    Consistent toolbar

    The Outline / List View Revamped

    The List view shows you a quick outline of your page or post layout in site/block editor.

    List view in WordPress editor

    WordPress 6.4 will improve the list view by adding some cool new features.

    First, you can now rename Group blocks in the list view. This would help you identify what each group block does and will make your layouts more readable.

    Rename a group block

    It will also show previews for images and gallery blocks.

    This is immensely helpful and makes the outline view a much more useful tool than ever before. Previously it just said ‘Image ‘and you had to click to select the block and view which image is there.

    Image previews in List View

    Improved Pattern Management

    In the previous WordPress release, Reusable Blocks were merged into Patterns, and a new pattern management screen was added to the site editor.

    WordPress 6.4 will come with improvements to the pattern management in site editor.

    You will now be able to add pattern categories when creating a new pattern.

    Creating new pattern in WordPress 6.4

    The Pattern creation modal will look the same across WordPress.

    Inside the Site Editor, the Patterns tab will now show your patterns organized in categories.

    Patterns organized in categories

    In the previous WordPress release, the link preview control (the popup that appears when you add a link in WordPress) moved the option to ‘Open in new tab’ under the Advanced toggle.

    Open in new tab - WordPress 6.3

    This meant that users were required a few extra clicks to open a link in a new tab.

    Based on user feedback a new checkbox is added in the link preview modal allowing users to easily open a link in a new tab.

    Open in new tab in WordPress 6.4

    Under The Hood Changes

    WordPress 6.4 also includes several changes intended for developers. Here are some of the most significant under-the-hood changes.

    • TEMPLATEPATH and STYLESHEETPATH constants are deprecated. (#18298)
    • Framework to add revisions for post meta in WordPress. (#20564)
    • Theme developers can configure their own default min and max viewport widths for calculating fluid font sizes. (#59048)
    • A block hook field is added to block types. (#59346)

    We hope this article helped you discover what’s new in WordPress 6.4 and which new features to try out. We are particularly excited about all the changes to the site editor.

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

    The post What’s Coming in WordPress 6.4 (Features and Screenshots) first appeared on WPBeginner.

  • How to Use Distraction Free Fullscreen Editor in WordPress

    Do you want to use the distraction-free fullscreen editor in WordPress?

    WordPress comes with a built-in distraction-free mode for writers. This feature hides unnecessary elements and gives you a fullscreen canvas to create content.

    In this article, we will show you how to easily use the distraction-free fullscreen editor in WordPress.

    Use the distraction free full screen editor in WordPress

    Why Use the Distraction-Free Fullscreen Editor in WordPress?

    Writing your blog posts is a creative process that requires attention to detail and concentration. However, many writers feel distracted by the on-screen elements of the WordPress writing interface, like buttons, columns, toolbars, and more.

    When writing a post on your WordPress website, you can use the default distraction-free, spotlight, and fullscreen modes in the block editor for a clutter-free and clean writing interface.

    Distraction free mode preview

    Using these features can help you focus on your writing and improve productivity by removing distractions like the block panel, block menu, WordPress admin sidebar, and more.

    As a writer, this can make the writing process a lot more enjoyable and relaxing for you.

    That being said, let’s see how to easily use the distraction-free fullscreen editor in WordPress. We will cover methods for both the block and classic editor and you can use the quick links below to jump to the method you want to use:

    How to Use the Distraction Free Fullscreen Editor in WordPress Block Editor

    If you use the WordPress block editor to write your posts, then you can easily turn on the distraction-free mode by opening up a new or existing post in the editor.

    Once you are there, simply click on the three dots icon on the top right corner of the screen.

    This will open a prompt where you will notice that the fullscreen mode is already enabled by default.

    Full screen mode is already enabled

    If you uncheck this option, then the WordPress admin sidebar will be shown on the left side of the content editor.

    However, we recommend leaving this setting as it is.

    Exit the full screen mode

    You can also enable the distraction-free mode by clicking on the three dots at the top.

    Next, check the ‘Distraction free’ option from the dropdown menu.

    Distraction free mode

    Once you do that, the block panel settings on the right and the block menu settings on the left will automatically disappear from the screen.

    You will now have a completely clean canvas to start writing your post.

    Enable the distraction free mode in the block editor

    When you are done writing and want to exit the distraction-free mode, you can also do that by simply hovering your mouse at the top.

    This will display the menu at the top of the block editor, where you can click on the three-dot icon to open the dropdown menu. Then, deselect the ‘Distraction free’ option.

    Now that you have learned how to enable the fullscreen and distraction-free modes in the WordPress Gutenberg editor, it’s time to activate Spotlight mode.

    This mode only highlights the current block that you are working on and dims all other blocks. This allows you to easily focus on one block at a time.

    To activate Spotlight mode, simply click the three-dot icon at the top right corner of the screen and select the ‘Spotlight mode’ option.

    Enable the spotlight mode

    Once you do that, only the block that you are currently working on will be highlighted on the screen, while the rest will fade in the background.

    For example, if you are writing a blog post and currently adding some screenshots or images, then only the Image block will be highlighted on the screen, while the Paragraph blocks will fade out.

    Spotlight Mode highlights one block at a time

    You can now write your blog post without distractions in the WordPress block editor.

    However, keep in mind that there is a toolbar that you will still see on the screen in distraction-free mode. This toolbar allows you to add new blocks, undo changes, and show an outline of your article.

    Distraction free mode preview

    Once you are done, don’t forget to click the ‘Publish’ or ‘Update’ button to store your settings.

    Now, the distraction-free settings that you have configured will automatically be implemented for all the posts and pages that you edit in the block editor.

    How to Use the Distraction Free Fullscreen Editor in WordPress Classic Editor

    If you are still using the old WordPress classic editor, then you can use this method to activate the distraction-free, fullscreen editor.

    To do this, just open a new or existing post of your liking in the classic editor.

    Then, click on the ‘Distraction-free writing mode’ button in your post menu bar.

    Enable distraction free mode in the Classic editor

    WordPress will now convert the screen into a clutter-free, fullscreen editor.

    The fullscreen editor has a minimalist layout. It has a menu bar on top of the screen with text formatting options and even lets you easily switch between the visual and text editors.

    Distraction free mode preview in the classic editor

    However, the fullscreen editor does not have a Publish button or any meta boxes to choose categories and tags.

    Once you are done, you can easily exit the distraction-free mode by hovering your mouse on the left or right side of the screen.

    On doing that, all the hidden settings and the WordPress dashboard will become visible.

    Now, simply click the ‘Update’ or ‘Publish’ button to store your post settings.

    Exit distraction free mode in the classic editor

    Bonus Tips for Using the WordPress Block Editor

    Other than enabling the distraction-free mode, you can also use some other features in the block editor to improve your productivity.

    You can use keyboard shortcuts to create content more quickly. For example, simply type / into the content editor, followed by the name of the block you want to use.

    The block editor will then show you blocks that you can insert straight into your content by clicking on them.

    Insert block keyboard shortcut

    You can also use the reusable blocks feature to save any content block and reuse it in other posts and pages on your website.

    This can save you lots of time and effort.

    Creating a reusable block in WordPress

    To become a complete pro at using the block editor, you can see our complete Gutenberg tutorial.

    We hope this article helped you learn how to use the distraction-free fullscreen editor in WordPress. You may also want to see our beginner’s guide on how to check grammar and spelling mistakes in WordPress and our expert picks for the best Gutenberg blocks plugins for WordPress.

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

    The post How to Use Distraction Free Fullscreen Editor in WordPress first appeared on WPBeginner.

  • 11 Best Freelance Websites to Find Work (Top Picks)

    Are you looking for the best freelance websites to find work? 

    Building a reliable client roster can be a huge pain, but necessary if you want to keep your freelancing business afloat. Freelance websites let you skip the marketing efforts by bringing new clients and projects directly to you.

    In this article, we’ll share some of the best freelance websites to find work so you can build your client base and earn more money. 

    The Best Freelance Websites to Find Work 

    Why Use Freelance Websites 

    Freelance websites are online platforms that connect freelancers with businesses and clients.

    You’ll typically find two types of freelance websites: 

    1. Bid-based freelance websites: You’ll see a list of projects and roles where companies are looking to hire freelancers. Then, you apply to the ones that interest you by submitting a proposal and setting your rates. 
    2. Marketplace-based freelance websites: Freelancers make a profile and list their services for anyone to find. Clients will browse by the type of services they need. They may choose to hire you based on your profile details, such as price, experience, and past project history. 

    Unlike regular job boards, freelance websites do more than just offer paid opportunities. Many provide an all-in-one inclusive platform that allows clients to pay you directly on the website.

    Also, most freelance sites have a messaging platform that lets you communicate with your clients without giving your personal information. There’s often even a built-in history and review feature so past clients can share their experience working with freelancers. 

    These platforms do the heavy lifting by displaying your skills and helping you find paying clients and are definitely the top freelance websites to look at potential clients and find freelance opportunities. 

    Looking for Work? Awesome Motive is hiring! We are looking to grow our team of highly skilled professionals. Check out our job openings and apply!

    1. Codeable

    Codeable helps WordPress developers find work. Unlike other platforms, they carefully watch the project-to-developer ratio, ensuring that all freelancers have the opportunity to land jobs.

    That’s why Codeable often has a waitlist for new WordPress developers and programmers to join. 

    While the site offers many perks, getting your foot in the door can be tough. The site has a long vetting process, which includes a written and live test, a Skype interview, and a trial period. The 45-day trial period is where a developer works on real projects with clients and is heavily scrutinized for their performance. 

    Once you’re on board, you can expect to find projects centered around plugin development, theme development, and online store creation

    Pros: 

    • Guaranteed minimums of $80 to $120 USD per hour
    • The support team can help you navigate any tricky client relationship 
    • A private community where programmers exchange ideas and conduct skill-sharing sessions 

    Cons: 

    • Doesn’t allow freelancers to set their own rates 
    • Only accepts high-quality developers, which can be a barrier for beginners just starting out in software development

    Why we recommend Codeable: Most platforms are plagued by fierce competition, which causes a race to the bottom for prices on projects. 

    Codeable helps to address this concern by only showing one price to the client, no matter how many experts provide an estimated cost for the project. 

    This price is calculated by their special algorithm that eliminates undercutting and over-pricing. As a result, clients will hire a developer based on value, not on the lowest bidder. 

    Codeable is the best WordPress Developer job site on the market. It’s especially great for skilled WordPress developers who are tired of low-paying gigs on other freelance platforms.

    2. Toptal

    Toptal

    Toptal is advertised as an ultra-exclusive freelance platform. Unlike other sites that are bombarded with less skilled freelancers or low-paying gigs, Toptal has made a name for itself by hiring only 3% of freelance talent. 

    This platform has a more selective process to join, which allows them to keep the quality of the talent pool high. 

    If you’re a freelancer wanting to join the Toptal network, you must pass a series of exams, including skill reviews and language tests. The in-depth skill review tests each applicant’s technical knowledge, ensuring each member of the Toptal network is an expert in their field.

    Once you’ve passed the exams, you must submit your contact information and resume. A Toptal representative will contact you to discuss your skills and experience. 

    After the live screening, freelancers will receive a test project. This is their last test to prove you’re an excellent fit for the Toptal network. 

    Pros: 

    • Access to highly exclusive and high-paying gigs 
    • No project fees for freelancers 
    • Great for highly skilled professionals like designers, developers, finance experts, product management, and project managers 
    • Toptal sources quality clients, so you’ll save time from sifting through low-paying gigs.

    Cons: 

    • Must pass an extensive screening process 
    • Limited job types to choose from 

    Why we recommend Toptal: Toptal understands that freelancers deserve to get paid what they’re worth. 

    Their entire platform is designed to help freelancers find high-paying gigs. They attract well-known brands with the budget for talented freelancers, making it a win-win situation for both parties. 

    Unlike most freelance websites, Toptal doesn’t charge additional fees. Rather than taking 20% of your fee like Upwork, Toptal adds its fee on top of whatever you charges.

    For example, if you charge $100 per hour, Toptal may charge the client $120. They pay the extra, not you.

    If you’re an experienced service provider in any of their listed professions, Toptal should be at the top of your list of freelance sites to find potential clients.

    3. FlexJobs

    FlexJobs

    FlexJobs is a membership-based job site that specializes in sourcing flexible remote work options for you in the form of freelance, remote, part-time, and full-time positions. So whether you need short-term work or a whole new freelance career, Flexjobs can help.

    They offer thousands of jobs listed at any time and allow you to filter by industries, job types, recency, work flexibility, and more. 

    Flexjobs features tiered membership pricing based on duration. Here’s how their services are priced out: 

    • 1 week – $9.95 
    • 1 month – $24.95 
    • 3 months – $39.95
    • 1 year – $59.95  

    Also, FlexJobs spends over 200 hours daily researching companies and vetting jobs to ensure the site is free from scams, MLMs, and commission-only roles. 

    Pros: 

    • Offers career advice and skills testing to help launch your career 
    • Every job listing is verified, meaning you don’t have to worry about scams
    • Wide range of job opportunities 
    • Paid subscription helps filter scams and low-quality job listings

    Cons: 

    • Monthly fee even if you don’t land a job 
    • Must negotiate rates with employers and clients
    • No payment guarantee 
    • No in-platform payment processing 

    Why we recommend Flexjobs: There are several reasons why we love Flexjobs. 

    While there’s an initial upfront cost, you get unlimited access to thousands of recent job postings, and there isn’t an extensive screening process like Toptal or Codeable. 

    Also, once you land a client, you don’t have to worry about the platform taking a service fee from your payment like most freelance websites. 

    We recommend Flexjobs if you want to find clients and job search without having a third-party platform take a cut of your earnings. 

    4. Upwork

    Upwork

    Upwork is one of the largest platforms for freelancers to find work, and definitely one of the best freelance sites to start with. With over 12 million freelancers on the site and 3 million jobs posted annually, job seekers are sure to find new clients on the site.

    The best part about Upwork is that there are freelance jobs for just about every industry. It covers broad categories like finance, sales and marketing, writing, IT, design, translation services, and more. 

    Even if you have very niche skills like being a white-board animator or job description writer, there’s a job available on Upwork. With dozens of sub-specialties, finding opportunities that fit your talents won’t be hard.

    Pros: 

    • Many job opportunities 
    • There is a large selection of services and industries to choose from 
    • Easy to get paid 
    • Easy-to-use platform with a messaging app to communicate with clients 
    • Lets you charge a fixed price or an hourly rate

    Cons: 

    • Highly competitive, especially for beginners 
    • Upwork charges a flat 10% service fee on all earnings you make on Upwork
    • Must buy ‘connects,’ which are tokens used to submit proposals. Everyone starts with 10 free ones every month

    Why we recommend Upwork: Upwork is one of the best places to get started as a freelancer. It’s free to get started, and there are plenty of job opportunities available. While there’s a large number of freelancers competing, those who remain persistent should be able to land gigs. 

    5. Fiverr

    Fiverr is a marketplace-based freelance website where clients reach out to freelancers based on their profiles. Unlike Upwork, where you apply for the jobs you’re interested in, clients on Fiverr will contact you. 

    Signing up is simple, and you can build a profile and post the services you provide. You have complete control of the services you offer, the types of service packages, and price points. 

    Whether your skill set is for content writing services, data entry, design work, or something completely unique, you will likely find work in Fiverr’s freelance marketplace.

    That said, Fiverr does take a sizable 20% cut of your earnings, which is on the higher side of freelance websites.

    But as a beginner, it may be worth it for the visibility that Fiverr offers, but it is hard to maintain a full-time career using it.

    Pros: 

    • User-friendly website and mobile app 
    • Withdraw through PayPal 
    • No monthly or sign-up fees 
    • Freelancers can offer different service packages and charge their own rates 

    Cons: 

    • Lower-paying gigs 
    • High fees (20%) 
    • 14-day holding period on payments 

    Why we recommend Fiverr: Fiverr is the perfect website for those with unique talents that don’t fit into a traditional freelance category.

    For example, under the social media marketing category, you’ll find all types of services, such as people specializing in digital marketing and creating branded TikTok videos, Airbnb listings, or even growing your Instagram account. 

    Fiverr Social Media Marketing View

    You can create your own sub-niche based on your passion and talents, making Fiverr unique from most freelance websites.

    No matter how unique your talent may be, odds are, Fiverr has a place for you. 

    6. 99designs

    99designs

    99designs is an online marketplace that connects designers with clients who need design work. It allows freelance graphic designers to showcase their talents while clients can find professional designers who fit their specific project requirements. 

    The platform caters to many design projects such as websites, apps, logos, book covers, clothing, advertising, illustration, and more. 

    However, 99designs does take a good amount from your earnings. They deduct a one-time 20% introduction fee from the first $500 with a new client, with a maximum fee of $100.

    You also pay a service fee for any earnings from the platform. They reward more experienced designers by lowering their fees as they complete more successful projects on the platform. Here’s how:

    • Top-level designers pay a 5% service fee
    •  Mid-level designers pay a 10% service fee
    •  Entry-level designers pay a 15% service fee

    While service fees are high, they help you land more design work that may be otherwise harder to find on less specialized freelance platforms.

    Pros: 

    • Tailored to skilled graphic and web designers 
    • Can get paid for individual projects or through contest earnings
    • Trusted platform for businesses looking for all types of design work 

    Cons: 

    • Payment is only available through PayPal or Payoneer 
    • May only be paid when winning a contest, not simply submitting
    • It’s hard for beginners without much design experience to secure work 

    Why we recommend 99designs: What separates 99designs from others is that they offer two ways for freelancers to earn. 

    Designers can work directly with clients and get hired by businesses to work on 1-to-1 projects. They can also submit their designs to contests to earn big bucks. 

    We recommend 99designs as the go-to freelance website for graphic designers and creatives. It’s trusted by top brands, and you’re more likely to find meaningful design work through 99designs than other sites. 

    7. PeoplePerHour

    PeoplePerHour

    PeoplePerHour is a UK-based platform where employers post projects and freelancers can bid for jobs. 

    They don’t cater to any particular profession. Instead, they pool freelancers skilled in everything from design and programming to legal services and business. 

    It works similarly to Upwork, where you create a freelance profile highlighting your skills. Once your account is approved, you get 15 proposal credits each month. After that, you can pay £5.95 for every five extra proposals.

    Pros: 

    • Tools to create automated invoices
    • Payments are secure 
    • Job listings based on your location 

    Cons: 

    • No guarantee that a new account will be approved 
    • Offers only 15 free proposal submissions per month
    • New accounts are reviewed by moderators, meaning it may take some time to get started 
    • Known to have some low-quality jobs on the site

    Why we recommend People Per Hour: People Per Hour tends to fall short when compared to rivals like Upwork and Fiverr. 

    That said, there are still thousands of job opportunities available on the site. If you’re living abroad and don’t demand the high rates that US workers would charge, then People Per Hour is still a good choice.

    8. Wellfound (Formerly AngelList Talent)

    Wellfound

    Wellfound, formerly AngelList Talent, helps freelancers find positions at startup companies. 

    Working at a startup provides freelancers the opportunity to potentially make a bigger impact and have more creative input than working for an established business. 

    In fact, it’s trusted by some of the most innovative startups in the world, such as Airtable, Gusto, Nerd Wallet, Open AI, and others. With over 130,000 tech jobs available, you’re sure to find something you’re looking for. 

    The job categories include engineering, product development, design, data and analytics, sales, marketing, operations, HR and recruiting, finance, and legal jobs.  

    Pros: 

    • Opportunity to make a huge difference in a startup company 
    • Easy to set up your profile and apply 
    • Able to see info about the job you’re applying for, such as the likely salary and stock options 
    • No cover letters needed to apply

    Cons: 

    • Caters to startups, so if that’s not what you’re looking for, you may want to go elsewhere 
    • Many jobs labeled as entry-level may require a lot of experience 

    Why we recommend WellFound: Most freelancers yearn for meaningful work, which is why they left the corporate 9 to 5 in the first place. 

    But startups are different. They’re usually tight-knit companies that are adaptable to change. Working at a startup will allow you to collaborate and have a more creative say in processes and help shape a brand’s identity. 

    9. Problogger Job Board

    Problogger

    Problogger Job Board is a job site that connects freelance writers to paid remote work opportunities. 

    The site lets you use their search and filter function to find the right type of niches to work for. You’ll find all types of clients here, including affiliate marketing website owners, SEO agencies, e-commerce brands, and even mid-to-large-sized corporations. Another tip is to search for relevant blog niches so you can apply for writing jobs that fit your area of expertise. 

    One of the reasons that ProBlogger stands out is that anyone looking to hire a writer must pay to place their job listing. 

    This automatically filters out scammers and low-quality jobs that often appear on freelance sites like Fiverr or Upwork. 

    Pros: 

    • Plenty of active employers looking to hire 
    • Doesn’t cost to apply for jobs
    • Resources to help build your freelance writing career 
    • Great job site for writers 

    Cons: 

    • Doesn’t have as many job opportunities as most other freelance sites 
    • Less suited for copywriters or PR specialists

    Why we recommend Problogger Job Board: Problogger is the perfect place to find paid blogging opportunities. If you’re a wordsmith who loves to flex your creativity, this is the platform for you. 

    It’s free to apply, and you’ll find dozens of new job opportunities daily. The listing shows the employer’s website, so you can verify their company before applying. 

    10. Freelancer

    Freelancer

    Freelancer.com is the world’s largest freelance marketplace, with over 50 million freelancers possessing over 1,800 different skills

    The site is similar to Upwork in that projects can be billed either as a fixed-price or hourly. Also, freelancers bid on their projects and then wait for approval or denial. 

    Freelancer also features contests for jobs like design work that help freelancers add to their portfolios, earn extra cash, and build up a positive reputation on the platform. 

    Pros: 

    • Plenty of job opportunities
    • 24/7 customer support 
    • 39 currencies, so you can get paid in your country’s currency
    • Offers a progress tracking system that shows your growth as a freelancer 

    Cons: 

    • Potential spammers and low-quality gigs 
    • High service fees 
    • Lots of competition

    Why we recommend Freelancer: Freelancer is a great platform for international users. That’s because payments are available in 39 currencies, and they offer 24/7 customer support, making it a good option for anyone around the world. 

    11. Behance

    Behance

    Behance is the best freelance website for creative freelancers, which isn’t a surprise considering that it’s owned by Adobe, the creators of Photoshop.

    This platform serves as a social network and freelance website, allowing you to find your next gig while making all-important connections with other freelance designers. 

    When you sign up, you can choose your specialty from a broad range of fields, such as graphic design, animation, UI design, advertising, logo design, photography, and illustration. Then, you can build your portfolio and create a mood board to show off your work and artistic style. 

    They also have a job board where you can filter jobs by the hundreds of creative fields or type in relevant keywords to narrow your search. 

    Behance Jobs

    The portfolio is more dynamic than other freelance sites. You can add case studies, advertise work-in-progress posts, and even live-stream your work. 

    Pros: 

    • Great for creative freelancers 
    • Lets you follow and draw inspiration from other creators 
    • A wide range of creative job types 

    Cons: 

    • With 10 million users, competing for jobs can be hard 
    • Image sizes must be 10MB or smaller to avoid long loading times for viewers

    Why we recommend Behance: Behance is free to use, and you don’t have any limit on how many jobs you can apply for. As you build your following, it’ll allow you to establish instant credibility with employers. 

    Unlike 99designs, which focuses more on one-time gigs or contests, Behance offers more stable job opportunities. 

    How to Choose the Right Freelance Website 

    With so many sites out there, it can be tough to choose the best one for your needs. 

    Before you devote your time to any freelance site, here are some important factors to consider: 

    • Local vs. global jobs: Is your service better suited for in-person or online? Certain services like photography are best for freelance websites that offer local gigs. 
    • Types of career choices: Some platforms specialize in specific industries, while others are more broad. For example, Codeable is geared towards WordPress developers. When choosing a freelance website, make sure the freelance website offers services in your domain. 
    • Number of job offers: How many people are on the platform? The more popular the site is, the more job posts you’ll see. 
    • Service fees: Make sure you know what you’ll need to pay to use the job site. For example, both Fiverr and Upwork take 20% of your cut, while a site like Codeable only takes 10%. 

    Freelance Websites Frequently Asked Questions

    Which Website is Best for Freelance Jobs? 

    We believe Codeable is the best website to find WordPress development jobs.

    That said, you shouldn’t only limit yourself to Codeable. Consider diversifying your channels by going to similar platforms like FlexJobs, Upwork, Freelancer.com, and PeoplePerHour. 

    What are the Alternatives Freelance Websites Worth Considering?  

    There are dozens of other freelance sites that we haven’t listed.

    Here are other websites worth considering to find work that we haven’t already mentioned: 

    • Best Upwork alternatives: Guru, Hubstaff Talent 
    • Best for local service providers: TaskRabbit, Servicescape, Bark.com 
    • Best for writers: Freelance Den, Smartblogger job board
    • Best for WordPress developers: Flowremote.io., We Work Remotely
    • Best for designers: DesignCrowd, Dribbble
    • Best job recruitment sites: LinkedIn Jobs, ZipRecruiter, SimplyHired

    What Services Should I Offer on Freelance Websites? 

    There are countless different services you can offer as an independent contractor. You want to choose your service based on your strengths and what’s currently in demand. 

    That said, some of the most in-demand services across all freelance websites are: 

    • Freelance writing 
    • Content marketing 
    • Copywriting
    • Web design 
    • Web development
    • WordPress setup
    • Graphic design 
    • Social media management
    • Virtual assistant
    • Tutoring
    • Video editing 

    Even if you don’t have these skills, we recommend going to a site like Skillshare to learn the skills needed to work as a freelancer. Rather than buying courses individually, it’s a membership-based site that provides access to thousands of different courses. 

    Additionally, WP101 is a great resource to learn WordPress and kickstart your freelance WordPress career.

    Find Freelance Work on the Best Platform For You

    Whether you’re a new freelancer just starting your career or an established professional looking for more work, you can use any website on the list above to your advantage.  

    We hope this article has helped you find the best freelance website to find work. You may also want to check out our tutorial on how to make a WordPress website in 2023 or our showcase blog on the 27 best portfolio WordPress themes for your website

    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 11 Best Freelance Websites to Find Work (Top Picks) first appeared on WPBeginner.

  • How to Display Different Sidebar for Each Post and Page in WordPress

    Do you want to display different sidebars for certain posts and pages on your WordPress site?

    A lot of the time, you will want to show the same sidebar across your entire website or blog. However, sometimes you may need to show different sidebar content on some of your posts and pages.

    In this article, we will show you how to create and display different sidebars for each post and page in WordPress.

    How to Display Different Sidebar for Each Post and Page in WordPress

    When Would You Need Different Sidebars in WordPress?

    Many WordPress themes have a sidebar where you can add useful widgets and content. For example, many sites add a search bar to the sidebar or show a list of recent posts.

    If your WordPress theme has a sidebar, then by default, it will look the same on all your posts, pages, categories, and archive pages.

    However, you may want to display different sidebar widgets on certain posts and pages.

    For example, you might show different content in the sidebar of your most popular posts or display ads that are more relevant to a particular page.

    You could even use different contact forms depending on the page’s content.

    Having said that, let’s see how to create and display a different sidebar for each post and page in WordPress. Simply use the quick links below to jump straight to the method you want to use:

    Method 1: Displaying Different Sidebars for Each Post and Page in WordPress (Easy)

    If your theme supports sidebar widgets, then you can easily create multiple sidebars using Lightweight Sidebar Manager. This plugin lets you build as many custom sidebars as you want and then assign them to different posts and pages. You can also add them to custom post types or assign a sidebar to all the pages or posts that have a specific category.

    The first thing you need to do is install and activate the Lightweight Sidebar Manager plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, you need to go to Appearance » Sidebars. To create the first sidebar, click on the ‘Add New’ button.

    Adding custom sidebars to your WordPress website

    You can now type in a title for the sidebar. This is just for your reference, so you can use anything you want.

    With that done, open the ‘Sidebar To Replace’ dropdown menu and choose the location where you want to show the sidebar. The options you see may vary depending on your WordPress theme

    Replacing the built-in sidebar provided by your WordPress theme

    Now, you can control where the sidebar appears by creating inclusion or exclusion rules. 

    To create an inclusion rule, just open the ‘Display On’ dropdown and choose the pages, posts, custom post types, or categories where you want to use the sidebar. 

    For example, you might add the sidebar to a specific page, such as your 404 error page or the author archive.

    Adding a custom sidebar to the WordPress 404 page

    Another option is using the sidebar for a particular page, post, or category by selecting ‘Specific Pages/Posts/Taxonomies.’

    This adds a box where you can type in the page, post, or category.

    Creating a custom sidebar for WordPress categories

    To create more inclusion rules, simply click on the ‘Add Display’ Rule button.

    This adds a section where you can create the new inclusion rule.

    Adding display rules for custom sidebars in WordPress

    If you prefer, then you can create exclusion rules instead. For example, you may want to show the sidebar on every page except the homepage. 

    You can also combine inclusion and exclusion rules to control exactly where the sidebar appears on your WordPress website.

    To create an exclusion rule, just click on the ‘Add Exclusion Rule’ button.

    Displaying different sidebars for pages and posts in WordPress

    In the new ‘Do Not Display On’ section, open the dropdown menu and select the page or post that shouldn’t use this sidebar. 

    You can also exclude the sidebar from pages that have a specific category by following the same process described above.

    Displaying different sidebar for each page and post in WordPress

    After deciding where the sidebar will appear on your WordPress blog, you may want to show different content to different users.

    For example, if you have a membership site, then you might use a different sidebar for visitors compared to logged-in members. 

    To do this, open the ‘User’ dropdown and choose a role from the dropdown menu. Now, only people with this specific user role will see the sidebar. 

    Displaying different sidebar widgets on each WordPress page or post

    Finally, you may want to type in an optional description. This will only appear in the WordPress dashboard, so it’s a good way to share information with other admins or users on a multi-author WordPress blog

    If you are going to create lots of sidebars, then you can also use this field to leave yourself notes and helpful reminders.

    Adding a helpful description to a custom sidebar in WordPress

    When you are happy with the information you have entered, simply click on ‘Publish.’

    With that done, go to Appearance » Widgets. You will now see all the widget-ready areas that your theme supports by default, plus the new sidebar you created in the previous step.

    Adding content to a sidebar or similar widget-ready area

    You can now go ahead and add widgets to the sidebar, just like any other widget-ready area. 

    For step-by-step instructions, please see our guide on how to add and use widgets

    Adding content to a custom WordPress sidebar

    When you are happy with how the sidebar is set up, click on ‘Update.’

    Now, if you visit your WordPress blog, you will see the new sidebar live.

    An example of a custom WordPress sidebar, created using a plugin

    To create more custom sidebars, simply keep repeating these steps. 

    Method 2: Creating a Different Sidebar With a Page Builder Plugin (Works With Any WordPress Theme)

    If your theme doesn’t support sidebars, then you can still create different sidebars using a drag and drop page builder plugin.

    SeedProd is the best landing page builder plugin for WordPress. With this plugin, you can create any type of custom page without writing any code. It also has dozens of professional site kits and templates that you can easily edit and fine-tune using the drag-and-drop builder.

    When designing a custom page, you can choose a layout that has a sidebar.

    Choose a Layout with a Sidebar

    You then simply find the blocks you want to show in that sidebar and add them using drag and drop.

    SeedProd has all the blocks and features you’d expect from a powerful page builder, such as optin forms, social profiles, countdown timers, contact forms, buttons, various content blocks, and more. This makes it easy to create powerful and unique sidebars for your WordPress blog.

    Drag the Blocks You Wish to Use Right onto the Sidebar

    To learn how to use the SeedProd page builder plugin on your website, you can see our guide on how to create a custom page in WordPress.

    We hope this article helped you learn how to add different sidebars to each post or page in WordPress. You may also want to learn how to create a custom Instagram feed in WordPress or see our expert picks for the best block themes for full site editing.

    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 Display Different Sidebar for Each Post and Page in WordPress first appeared on WPBeginner.