How to Create Your Company Org Chart in WordPress

Do you want to display a beautiful organizational chart on your WordPress site? Org charts are helpful in showing the company hierarchy and introducing users to the team running the business. In this article, we will show you how to create a company org chart in WordPress.

How to Create an Org Chart in WordPress

What is an Organizational Chart and Why is it Important?

An organizational chart present a company’s hierarchical structure based on job title and responsibilities, from top management to the executives.

It helps improve your brand’s reputation by showing the human side of your business. At the same time, it also allows users to find who they should contact for various business opportunities, feedback, and suggestions.

Organizational Chart

That being said, let’s take a look at how to easily create and manage a company organization chart in WordPress.

Creating an Organization Chart in WordPress

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

Upon activation, you need to visit Easy Org Chart » Add New from your WordPress admin area to create a new org chart.

Add New Chart

First, you need to provide a title for your chart. After that, your need to scroll down to the Build your Org Chart section to start adding team members.

In the first column, you will need to add details of your team members like their name, job title, profile picture, and contact information.

Next, you need to click on Add a person button to add another team member. Go ahead and repeat the process to add all team members that you want to show in your org chart.

Add New Member

You can drag and drop team members to the right or left in the WordPress admin area. You will also need to define the upper hierarchy and row number for each team member according to your company’s hierarchical structure.

Set Upper Hierarchy

After adding team members, you need to scroll down to advanced styling section. From here, you can configure how the chart should appear. You can choose the container size, corners, background color, box template, field styling, and more.

Chart Advanced Styling

Once you are done with styling, click on the Publish button to save your changes.

To display your org chart on your website, you need to visit the Easy Org Chart page in WordPress admin to copy the shortcode.

Copy Shortcode

You can now paste this shortcode in any WordPress post, page, or sidebar widget to display your organization chart.

Organizational Chart

It would be a good idea to add a contact form below your org chart in WordPress. We recommend using WPForms because it’s the best contact form plugin in the market. They also allow users to select recipients in WordPress contact form.

We hope this article helped you learn how to create a company org chart in WordPress. You may also want to see our guide on how to create a WordPress intranet for your organization while keeping it private and secure.

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

The post How to Create Your Company Org Chart in WordPress appeared first on WPBeginner.

WordPress Accessibility Team Is Seeking Contributors for Its Handbook Project

The WordPress Accessibility team is seeking contributors for its handbook project. It’s a collection of tips, resources, tools, and best practices. The goal is to educate users through summaries, articles, and reference materials.

The handbook was created after the accessibility team repeatedly noticed the same accessibility issues cropping up and not having a central place to send people to learn about them.

The team is looking for people to review articles, discover resources to add to the handbook, and suggest topics to cover. If you’re interested in contributing, please join the #accessibility-docs channel on Slack where you can ask questions and learn more about the project.

Also, consider following WPAccessibility on Twitter to keep tabs on team projects and links to resources.

New WordPress Plugin: Disable Gutenberg

For those still in the dark, WordPress 5.0 will bring HUGE changes to the post editor. Dubbed Gutenberg, the new WP post editor replaces the entire “classic” post editing screen. So as of WordPress 5.0 and beyond, the “Edit Post” screen will be completely replaced by a giant WYSIWYG content builder called “Gutenberg”. So much more is being replaced than just the content editor. The list of things that are replaced by Gutenberg include the RTE/Visual Editor, Plain Text Editor, Custom Fields, and much more.

That means if you are a plugin or theme developer, you may be looking at a LOT of new work required to support Gutenberg, especially if your themes and plugins make use of anything associated with the classic WP post editor (i.e., “Edit Post” screen). And you better know JavaScript. “Deeply”. Or you’re basically in for a battle royale extreme in the coming months. What’s the saying, plan for the worst, hope for the best?

New Plugin: Disable Gutenberg

To help the community with the transition into the Gutenberg (G7G) arena, I’ve written a plugin called Disable Gutenberg. It’s a simple plugin that’s super easy to use, and focused entirely on one thing: disable Gutenberg and restore the Classic Editor.

  • Disable Gutenberg completely (all post types)
  • Disable Gutenberg only on specific post types
  • Disable Gutenberg for specific user roles

So it’s flexible yet simple, and super easy to use. Check out the documentation for more details, and download Disable Gutenberg at the WP Codex.

With Disable Gutenberg, you control when the new editor is rolled out to your clients.

Disable Gutenberg Programmatically

If you are a WordPress developer wanting more information about how to disable Gutenberg via the WP API, check out my DigWP article, How to Disable Gutenberg: Complete Guide. Packed full of juicy infos :)

Download

For more information, list of features, and FREE download, visit Disable Gutenberg at the WP Plugin Directory:

Disable Gutenberg »


How to Disable Gutenberg: Complete Guide

Gutenberg soon will be added to the WordPress core. This is great news for some, not so great for others. With 99.9999% (estimate) of all WordPress sites currently setup to work without Gutenberg, the massive changes barreling down the pike are going to affect literally millions of websites. And as swell as the whole "Gutenberg" experience may seem, the simple truth is that a vast majority of site owners will not be prepared when it finally hits. Nor will many small business have time or budget to test and update client sites to accommodate ol’ Gut’.

(more…)

How to Blog Anonymously Using WordPress

Do you want to blog anonymously using WordPress? There are many users who want to start a blog but don’t what to put their real name on it. In this beginner’s guide, we will show you how to easily blog anonymously using WordPress while keeping your personal information safe.

How to anonymously blog using WordPress

Note: This guide is not for journalists or whistle-blowers doing high-risk work. They should use something like TOR or other tools. This is for an average blogger who wants to blog anonymously.

Anonymous Blogging Pros & Cons

There are many users who simply want to blog anonymously to express their opinions. Most of them want to remain anonymous because they fear it may affect how people see them in real lives. Some want to do it just to be more creative.

There are pros and cons to blogging anonymously, and it’s important that you understand them before you start blogging.

Pros of Anonymous Blogging using WordPress

  • Freedom to express your opinions without being judged
  • Protect your personal identity and information
  • Creative and artistic freedom

Cons of Anonymous Blogging Using WordPress

  • Not able to meet with people who follow your blog
  • Limited monetization options, you can still use Google AdSense, but you will have to share your personal information with Google.
  • If someone is really determined, then they can still trace your blog back to you.

That being said, let’s see how to blog anonymously using WordPress.

How to Start an Anonymous Blog using WordPress

There are two types of WordPress websites. First, there is WordPress.com which is a hosted blogging service, and then you have WordPress.org also known as self-hosted WordPress. For comparison, see our guide on the difference between WordPress.com vs WordPress.org.

There are other blogging platforms as well. However, we recommend using self-hosted WordPress.org to have complete control on the privacy and ownership of your website.

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

We recommend using Bluehost. They are one of the largest hosting companies in the world and an officially recommended WordPress hosting provider. They’re offering our users a free domain and 60% off their web hosting.

For details, see our article on how to start a WordPress blog with complete step by step instructions.

After you have installed WordPress, let’s make it anonymous.

Using Whois Privacy

When you purchase a domain name, you are required to provide contact information, like name, address, phone number, and email address. This information is publicly accessible and anyone can look up for it.

To protect customer’s privacy, many domain name providers offer a service called Whois privacy. For a small fee, this service displays their contact information instead of yours. If someone sends an email to the address displayed on WHOIS privacy page it will be forwarded to you.

You can purchase domain privacy during the set up on most hosting companies. For example, Bluehost provides you an option to do so during the sign up. We normally don’t recommend it due to the additional cost, but since you want to create an anonymous blog, you would want to check this option.

Domain privacy

If you didn’t purchase it during set up, then you can always enable it from your hosting account’s dashboard under the domains section.

Using a Blogging Email Address

Next step is to create a new email account to use for your WordPress website, and your author profile in WordPress. You can use a free email service provider like Gmail or use a more private email service like Proton Mail.

After you have created an email account, you need to add it as a WordPress administrative email address. This email address is used to send WordPress notification emails.

You can do this by going to Settings » General page in the WordPress admin area and add your new email address there.

Adding admin email address in WordPress

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

Next, you need to add the same email address to your author profile page. Simply go to the Users » Your Profile page and add the email address under your contact info.

Change your author profile email address

Don’t forget to click on the Update Profile button to save your changes.

You can also use gravatar to display an anonymous profile picture next to your author bio under your blog posts.

Tip: If you are not receiving WordPress emails, then see our guide on how to fix WordPress not sending emails issue.

Using a Psuedonym for Anonymous Blogging

You will need to choose and use a pseudonym on your blog. For better WordPress security, you cannot just use admin as your username or author name. You will need to think of a different nickname that you can use to sign your posts.

To add your pseudonym, you need to visit Users » Your Profile page and add the name next to the Nickname field. After entering your nickname, click on the drop-down menu next to ‘Display name publicly as’ option and select your nickname.

Pseudonym

It’s important that you don’t add your real first and last name in this user profile.

Don’t forget to click on the Update Profile button to save your changes.

Using a VPN

VPN is a Virtual Private Network that helps you secure your internet connection and protect your identity.

Normally, all your internet traffic travels through different servers spread across the world. Hackers and governments can spy on this traffic and see what you are doing online.

VPN acts as a network between your computer and outside world. All your internet traffic goes to a VPN service where it is encrypted and sent to the destination using a random server in a different geographic location.

How VPN works

Here is a list of the best VPN service providers. We recommend using IPVanish. They offer military grade encryption with hundreds of servers. They also have the easiest software to turn on VPN with the click of a button on any device including laptops, tablets, and mobile phones.

We hope this article helped you learn how to blog anonymously using WordPress. You may also want to see our ultimate step by step WordPress SEO guide for beginners.

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

The post How to Blog Anonymously Using WordPress appeared first on WPBeginner.

Yoast SEO 7.3: Import all the things

Two weeks ago, Yoast SEO 7.2 brought a solid update to the import features of the plugin. In Yoast SEO 7.3, we’ve expanded this improved importer with a slew of newly supported plugins you can import your data from. Find out which plugins we support in this post. But of course, there’s more!

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO: the #1 WordPress SEO plugin Info

Importing from even more WordPress SEO plugins

We have always made it easy for users of other WordPress SEO plugins to migrate their settings to Yoast SEO. The last couple of years, we offered support for all the big players: HeadSpace2, All in One SEO, JetPack SEO, WooThemes SEO Framework, wpSEO, SEO Ultimate and SEOpressor. Today, — in addition to improving import from wpSEO — we’re adding a long list of newly supported plugins from which you can import your data:

  • Premium SEO Pack
  • Smartcrawl SEO
  • Squirrly SEO
  • Platinum SEO Pack
  • SEO Framework
  • Greg’s High Performance SEO
  • WP Meta SEO

Yoast SEO Premium users can also import redirects from other redirection WordPress plugins. The redirects manager in Premium is a great tool that helps you to make and manage redirects.

Updated translations

Yoast SEO 7.3 isn’t just about importing stuff, because it’s about translations as well. We’ve updated the translations of almost all locales, plus we’ve added quite a few new locales to our premium plugins like Local SEO, WooCommerce SEO and News SEO. We strive that everyone on earth can use our SEO plugins in their native language and this is a big step in that direction. Of course, we couldn’t have done it without our awesome community! You’re welcome to help out if you don’t see your language yet or if you can think you can improve the current translation. Please visit translate.yoast.com and get started!

Fixes and enhancements

We have enhanced Yoast SEO in several ways. Among other things, we fixed a number of bugs that caused several filters to give unwanted results. One of the new enhancements is support for Baidu Webmaster Tools verification. You can now verify your site just like you do for Yandex, Bing and Google. Find out how to add your sitemap to these search engines.

Update now!

Yoast SEO 7.3 is a solid new update. We’ve fixed several issues, improved translations and added a ton of plugin support to the importer. You can now import settings from every major WordPress SEO plugin. This makes it easier for you to make the transition from other plugins to Yoast SEO. With that, I can only give you one last advice: please update!

Read more: ‘The beginner’s guide to Yoast SEO’ »

The post Yoast SEO 7.3: Import all the things appeared first on Yoast.

Micromanagement – The Good, Bad, and Ugly

Micromanagement has nothing to do with caring about an employee.

However, it’s important to review the different phases of a business and the professional experience of an employee – along with the work environment.

What is Micromanagement?

According to Wikipedia’s sources :

In business management, micromanagement is a management style whereby a manager closely observes and/or controls the work of his/her subordinates or employees. Micromanagement is generally considered to have a negative connotation, but it is still commonly observed as an accepted management style world-wide.

Note the contradictory statement here.

Micromanagement is considered a bad practice – and yet, it’s generally a popular management style that is not prohibited in most organizations.

There are three possible cases:

  1. The company hasn’t defined a flexible working culture relying on results, creativity, productivity.
  2. The manager is a control freak and believes that micromanagement is the only way.
  3. The employee is inexperienced, problematic, new, or can’t adapt to the workplace.

1. The Protective Company

Some organizations – especially the older, corporate environments – often welcome a micromanagement style. It aligns better with some outdated practices that resemble the army – building outstanding discipline, reporting at all times, conducting a strict protocol.

Often, that isn’t the case with most startups or companies employing millennials as managers. They tend to implement different processes and take a unique approach toward the workforce.

When hiring hundreds of people every year, micromanagement is reported to reduce the gap between a new employee and the company culture, get up to speed sooner, or leave the company after a trial unless they can fit the internal policy.

The micromanagement model has various flaws and causes stress and pressure in the work environment.

2. The Micromanager

Even in a more open-minded organization, a micromanager may still play a rogue and force this managerial style to their subordinates.

It may be a purely noble act on their behalf as they see no other way. Or the manager may be a problematic person in the first place, failing to understand their staff and let them solve problems in the best possible manner.

A manager who can’t let their team work independently at times may very well turn off quality employees who want to proactively support the company efforts. Employing that manager is a decision that should happen on a higher level. Retaining one after multiple reports speaks about the company culture.

3. The Fresh or Problematic Employee

Micromanagement is also common for fresh employees who aren’t adjusted to the management culture. Trial employees – being a great example – have no clue about the internal workflows, the expected workload they are to deliver daily (or weekly), and how they compare to the rest of the team.

Same goes for employees that can’t hit their goals within the expected timeframes or with the desired quality. US companies often employ a Performance Improvement Plan strategy that serves as a final warning and gives a chance for, well, improvement. Some may consider that as a form of micromanagement that closely observes the behavior of PIP-assigned employees and rapidly evaluates their work with the corresponding feedback – helping them progress fast and get back on track if possible.

Those scenarios still vary from one organization to another. The type of work conducted also plays a major role – employees talking to customers directly may cause a bigger reputation impact on the organization (and may be subject to additional micromanagement in some cases).

The Role of a Project Manager

Frankly, management isn’t easy.

The management role is expected to satisfy the customer needs while complying with the company’s best interests while nurturing and professionally growing their team.

There are compromises and there are tough moments.

In an ideal world, management would not exist. We would still work in flat organizations:

A flat organization (also known as horizontal organization or delayering) has an organizational structure with few or no levels of middle management between staff and executives.

Flat Hierarchies In The Wild

Some startups have successfully implemented flat hierarchies in their workflow. It works great for them and they proactively preach that model worldwide.

But it gets harder the more the team grows. A flat organization requires each employee to possess:

  • Self-management skills
  • Deep interest in the business
  • Proactiveness
  • Steady motivation
  • Willingness to hit goals in no time
  • Genuine curiosity
  • Eagerness to grow professionally
  • Outstanding communication chops
  • Plenty of professional experience

When you hire hundreds of people a year (a valid case in large corporations), nailing that for each applicant is practically impossible.

Management in Large Organizations

It’s a form of utopia that only works in small, super-effective, condensed teams of 10–40 people, hardly close to a hundred. A large organization requires complex workflows and revolves around tons of activities worked upon simultaneously.

And measuring results is hard. It works just fine for certain professions – but most creative ones happen behind the scenes or require multiple iterations until you get that right.

We’ve tried to incorporate a flat hierarchy at DevriX which worked until we hit about 10 employees. With new hires on board, it became apparent that we require a better management model and refined workflows that would both deliver better results and give a chance for less experienced people to improve.

The 9 Circles of Management Hell

Unlike standard performance improvement plans, we have applied something that resembles the 9 circles of Hell from Dante’s Inferno. While we don’t literally put staff through hell for reduced performance, we do introduce different layers of management overhead when performance goes down or there’s another efficiency problem that we face.

So we start with a simple notice, move to a reporting model that would scale to reporting twice a day. We may go over their tasks weekly – or daily, if required – and assign a mentor who would work closely with the employee. This may expand a few more times and eventually end with a final warning (or a termination) if things simply don’t work out.

In a nutshell, we discuss the work duties and requirements during interviews and carefully explain our core pillars and the business goals. If everything moves smoothly, employees can work fairly independently – including working from home, adjusting their working hours, taking occasional breaks and vacations outside of their schedule, or even work on internal projects. If they can’t hit the regular goals, we slowly apply various constraints in order to get productivity back on track.

It also lets us understand if our staff has problems at home, health issues, or anything else affecting their efficiency. Great team members get back on track immediately. Trials who aren’t a good fit are simply coached for a while until we part ways thanks to objective data and no hard feelings.

Handling Project and Team Management Properly

In any case, micromanagement has nothing to do with caring about an employee.

A manager could care about their staff even if they see them once every quarter – or even annually in large corporations. They could be passionate about their team and excited about their accomplishments. They may still conduct one-on-one meetings every now and then or review their work after hours.

A great manager who is genuinely interested in their staff can organize internal events (including after hour drinks), share the company’s wins with their subordinates, give a pat on the back whenever an employee had a contribution to a milestone, or conduct internal meetings for sharing feedback and suggestions. Micromanaging is hardly a good way to demonstrate that you care about your team.

The post Micromanagement – The Good, Bad, and Ugly appeared first on Mario Peshev.

How To Setup Free Automatic Backups in WordPress With UpdraftPlus

Many website owners and bloggers solely rely on web hosting providers to backup their websites daily. But, there’s a big flaw in this entire system. Did you know that most shared hosting providers use the same server where your website is hosted to also store your backups? This means, if for some reason your website’s server disk gets corrupted, damaged,.... Continue Reading

The post How To Setup Free Automatic Backups in WordPress With UpdraftPlus is written by Editorial Staff and appeared first on WPKube.

Legal Compliance Added to Guidelines

Guideline 9 (Developers and their plugins must not do anything illegal, dishonest, or morally offensive.) has been amended to include the following new prohibition:

  • implying that a plugin can create, provide, automate, or guarantee legal compliance

While the vast majority of plugins will never run into this issue, we want to explain why this change is necessary.

Over the years, by accident or intent, some developers have claimed their plugins can provide legal compliance, sometimes automatically, across various aspects of site administration. These areas have included security (e.g. FIOS, PCI/DSS), cookies and tracking (i.e. the “EU Cookie Law”), online shopping (VAT), privacy (GDPR), accessibility (ADA), copyright, and more.

Sadly, no plugin in and of itself can provide legal compliance. While a plugin can certainly assist in automating the steps on a compliance journey, or allow you to develop a workflow to solve the situation, they cannot protect a site administrator from mistakes or lack of compliance, nor can they protect site users from incorrect or incomplete legal compliance on the part of the web site.

In short, plugins are helpful tools along the legal compliance journey, but should never be presented as a solution, nor should they give users a false sense of security.

Because of that, going forward we will be attempting to prevent these types of claims in all plugins. These issues will be handled in the same way we try to make sure that people don’t use ‘official plugin’ without actually being official.

Plugins that are are currently at odds with this change, either by accident or intent, will be notified shortly and required to change their titles, descriptions, and/or readmes.

ETA: I made the FAQ public early to hopefully help you with any questions!

#guidelines, #notice

Installing Facebook Instant Articles for WordPress Sites

Blogger’s note: There is a mixed-reaction towards Facebook Instant Articles, particularly on the issue that Facebook will be implementing stricter rules for users of this feature. While there is a growing concern that it would be challenging to maintain this feature, Instant Articles is still worth a try. Read on to know more about Facebook Instant Articles and see how it can help your business, and if it will be worth the extra effort.

Social media has proven over the years that its worth is not limited to connecting people together, but also connecting consumers to businesses. Social networking sites such as Facebook has helped drive its users to business websites, and in the process, helping convert these visitors into customers.

One of the best ways for which Facebook has helped in reaching out to potential customers is by providing a platform for content, and not only is it easy to post content, it’s also easy to be spread out to readers. If the content has quality, it will be liked, shared, and commented upon, engaging a large number of Facebook users, and growing the number of potential customers exponentially.

Photos and videos are also some great ways to engage Facebook users, and these methods have proven to be very effective, and to a certain extent, can even deliver better than regular posts.

There is a relatively new way to use Facebook, but its potential has not been utilized to its full capacity by businesses. Launched in 2015, Facebook Instant Articles help provide a way for website content such as articles be easier to push into Facebook.

What are Facebook Instant Articles?

Facebook’s Instant Articles feature allow website content to be opened in the Facebook app instead of directing users to external websites. Doing this helps push businesses’ content easier, and in a faster manner. Loading websites outside of the Facebook app takes more time, and the prompt from Facebook that you are being sent to an external site adds to the hassle. With Facebook Instant Articles, the content from the site can be opened directly on the app, making things more efficient.

Aside from loading speed, the Instant Articles feature helps optimize content for the users. Sidebars and menus are removed, fonts and layouts are made simple, and helpful objects are allowed while distracting ones are eliminated. Facebook Instant Articles focuses on improving the readability of the content, ensuring that the message is conveyed in an efficient manner.

With Instant Articles, Facebook claims the following improvements that are truly impressive:

  • Instant Articles load up to ten times faster than redirecting  users to external websites
  • Readers read up to twenty percent more of the content
  • Facebook users shared Instant Articles thirty percent more as compared to sharing articles straight from external websites
  • Abandonment of the article is down by an outstanding 70%

While there is an undeniable improvement in terms of content, there is an unresolved debate whether or not the Instant Articles feature lessens the ability of businesses to drive users to their site. Facebook has already made amends with this issue though by allowing the integration of native videos and carousel ads, and allowing the full monetization for these as well.

Facebook Instant Articles are not made to replace the need to optimize content on your own site – it’s there to complement it and the improvement of your content’s readability is a testament to it. You should at least give the free trial a go to see whether Instant Articles will be helpful for you or not. It is highly recommended for sites that release content regularly.

We are providing you the steps you should take in order to get you started with Facebook’s Instant Article feature. We hope that this detailed guide can help you make your content more successful in reaching your intended audience. Facebook Instant Articles was made to help make businesses convey their messages and ideas in a better manner so it is great if you can give it a try.

How to Create Instant Articles on Your WordPress Site

Instant Articles was made in such a way that you would not need additional software to have it work. You can also integrate your existing content into it. Facebook will parse the RSS and HTML of your WordPress site for you, and then convert the content into Instant Articles. You may use specific tags for Facebook to make use of rich media and features.

Please note though that not all WordPress shortcodes, as well as custom content, can be automatically translated to Instant Articles. Some additional rules may be required in order to put them up into Instant Articles. While this may take a little effort, it will definitely pay up as your content will have more potential for engagement.

Install the Instant Articles plugin 

facebook instant articles wp plugin

It is required that you have at least five articles on your WordPress site before you start with Facebook Instant Articles.

Go to WordPress’ Plugins, then select Add New, then search for Instant Articles. Install only the official plugin, and then activate it. After doing that, go to Facebook then sign up as Instant Articles creator.

Sign up for Instant Articles

Before you get Instant Articles running, there are a few things you’ll need to do. First, you need to have admin access to your business’ Facebook page. You also need to be aware of Facebook’s Content Guidelines in order to monetize your content. The very basic of it is that you should post regularly and maintain a decent following.

To sign up for instant articles, go to instantarticles.fb.com and press the sign up button. Select your business’ Facebook page as the one you want to use the Instant Articles feature for.

You will be redirected to the Instant Articles publishing tools page. Afterward, authorize your WordPress site to import articles to Facebook.

A code will be given to you which you should paste into your Plugin Page ID setting. Go to your WordPress dashboard, and paste it there. Save the changes after.

 

After saving, return to the Facebook publishing tools page then enter the URL of your WordPress site. Press “Claim URL”. There should be a confirmation message that your site’s UR: has been claimed successfully.

 

Upon installing the plugin for Instant Articles, your site should have an Instant Articles feed. You should paste the URL of your WordPress site’s instant articles feed to your Production RSS Feed under your Facebook settings page.

Remember that at least 5 articles are needed before you can submit your Production Library for review. You will need to manually go to your existing articles on your WordPress site to import them to Instant Articles. Just click on the update button. But for any new article, this will be imported automatically.

Styling your Instant Articles

You will be able to customize your Facebook Instant Articles. Go to your Facebook page, then go to the Publishing tools in the admin bar. Click on the Configuration option under Instant Articles. Under the tools section, you find the Style tab which you can expand. While Facebook already has a default style for you, you can customize it.

You should add your company’s logo. You would not be able to submit Instant Articles unless you put in a logo. Just be mindful that Facebook is requiring images that are at least 690 by 132 pixels. Your logo should also be transparent and in PNG format.

Other things that you can customize are colors, as well as text styles. Always remember to save whatever changes you made in order to apply them.

You can get a preview of your Instant Articles before publishing them. Install the Facebook Manager app on your phone first, then sign into your Facebook account to pull out your account information. Press the “…” option at the bottom to find the Instant Articles link. You’ll then see a list of Instant Articles under the Production tab. Clicking on each one will show you a preview. You may also want to check on the Examples tab to check on sample articles, as well as gets some tips on creating Instant Articles.

Submit your Instant Articles Feed for Review

Once you’re done with setting up the aesthetics of your Facebook Instant Articles, you should submit it for Facebook’s review. Simply click on the “Submit for Review” button and wait for feedback in three to five days. Once you get the approval, you will then be able to publish Instant Articles.

Instant Articles WordPress plugin Troubleshooting Tips

You might run into some trouble along the way of setting up. Certain issues arise for various themes and plugins on your WordPress site.

Facebook also requires that your site’s Instant Articles feed match their required specifications. (This is resolved by your Instant Articles for WordPress plugin so you wouldn’t need to worry)

Some of the common errors are due to unsupported plugins or themes that prevent your content to be transformed into Instant Articles. You would need to set your own transformer rules to resolve the issues with such plugins or themes, but as this is quite complicated, it is recommended that you remove such content blocks by configuring your plugins and themes.

Incorrect URLs

Another common issue is getting an Empty Feed error when you submit your Instant Articles feed. Check whether you provided the right URL. The simple presence or absence of “www.” can be an issue so double-check your WordPress setup, else, you’ll get a 404 error. Still seeing an empty feed error? Simply updating your last ten posts may do the trick.

This post was written by Henry Hernandez. He is the leading strategist for a Dallas SEO service company, a Christian Internet Marketing Company, which aims to take your digital marketing strategy to the next level by bringing in a holistic Christian marketing approach for sustained growth in market saturation.

How to Add Your WordPress Site in Yandex Webmaster Tools

Do you want to connect your website to Yandex webmaster tools? Webmaster tools like search engine console from Google and Bing webmaster help you optimize your site, monitor the traffic, manage robot.txt, check site errors and more. In this article, we will share how to add your WordPress site in Yandex webmaster tools to monitor your search engine traffic.

Add Your Site to Yandex Webmaster Tools

What is Yandex?

Yandex is a popular search engine like Google and Bing based in Russia. You can optimize your site for SEO in Yandex to get more visitors from Russia.

Yandex has a range of tools like generalized search engine, image search, email, videos, maps and more. It also has webmaster tools to help you rank your site, monitor traffic stats, search queries, keywords, and more.

You can connect your WordPress site with Yandex using the Yoast SEO plugin. It works similar to Google search console and Bing Webmaster tools.

Adding WordPress Site in Yandex Webmaster Tools

Before we start, you would need a Yandex Webmaster tools account to connect your site. Once you have created your account, you can login to your WordPress site to configure Yandex webmaster tools with Yoast SEO plugin.

Let’s take a look on how you can add your site in Yandex webmaster tools and start optimizing it right away.

Step 1: Create an Account at Yandex

First thing you need to do is login to your Yandex webmaster tools account. If you don’t have a Yandex account, then you can create one using this link.

Register Yandex

After creating the account, you’ll see the Yandex Webmaster page. On this page, you need to click on the ‘+‘ button in top bar to add your site in Yandex.

Add Site

In the site address field, you need to add your website’s full domain name and click on the Add button.

Add URL

Note: If your main domain uses ‘www’ in the URL, then you need to add it before the domain (for example www.wpbeginner.com)

On the next page, you will be asked to verify website ownership by adding meta content in your WordPress site. Go ahead and copy the content code from this page because you will need it in Step 2.

Copy Code

Step 2: Login to WordPress Admin Area and Add the Code

Now you need to login to your WordPress admin area and add the verification code in the Yoast SEO webmaster settings.

Simply head over to the SEO » General area and click on the Webmaster tools tab.

Yoast General SEO Settings

Next, you need to paste the code in the Yandex verification code field and click on the Save Changes button.

Paste Code and Save

After adding the code in your WordPress site, you need to go back to the Yandex Webmaster tools page where you copied the code from and click on the Check button to verify ownership.

Check and Verify Rights

After successful verification, it will show your username that has the rights to manage your site in Yandex Webmaster tools. You can also delegate the rights to other users by adding their username and clicking on the Delegate rights button.

Username and Deligate Rights

Now that your site is verified and added in Yandex Webmaster tools, you can see traffic stats, search errors, search queries, internal and external links, site information, robot.txt analysis, audit pages for mobile, and more on the Yandex dashboard. You can use the menu on left side of the screen to find any information that you may need.

Yandex Dashboard

Yandex Webmaster tools have options for site optimization that are filtered from troubleshooting to important settings like robot.txt and .htaccess. You can further optimize your robot.txt for SEO separately and regularly perform WordPress maintenance tasks to keep your site up to date.

We hope this article helped you learn how to add your WordPress site in Yandex webmaster tools. You may also want to see our list of best WordPress SEO plugins and tools that you should use to rank your site in search engines.

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 Your WordPress Site in Yandex Webmaster Tools appeared first on WPBeginner.

What is Gutenberg?

You might have felt some tremors in the WordPress world. There is something brewing. Something called Gutenberg. It’s the new editing environment in WordPress and the impact it’s going to have will be massive. Some welcome it with open arms, while others are critical. There is also a large group of WordPress users who don’t have a clue what’s going on. Here, we’ll introduce Gutenberg.

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO: the #1 WordPress SEO plugin

Info

It’s the first step for a bright new future for WordPress

It’s something many people often gloss over, but Gutenberg is not just a new editor for WordPress. It’s the start of something much bigger. Gutenberg lays the groundwork for incredibly exciting developments. Gutenberg is stage one of a three-pronged roll-out strategy. First, WordPress will get a redeveloped editor, after that it the project will focus on page templates and in the final stage WordPress will become a full site customizer. You can imagine, this gives us endless possibilities and it is a necessary step to keep WordPress the #1 CMS for years to come.

Today, we’re focusing on stage one. The new Gutenberg editor will land in WordPress 5.0 sometime this year. As it stands now, it is not nearly finished, but loads of people are working around the clock to turn this editor into a solid and stable product. We have a big team working on it as well, both on the editor itself and our integration with it.

Opening Gutenberg for the first time

When you open the new editor for the first time you’re probably looking for the interface we have all grown accustomed to. That, however, is gone. We now have a very clean writing environment, with great typography and lots of space for your content to shine. On the right-hand side, you can open the settings — per document or per block — by clicking on the cog icon. Clicking on the three dots beside that cog lets you switch to the code editor so you can make your edits on the code side of things.

gutenberg blank canvas

Now, seeing this screen might cause you to turn around and run — please don’t. We all know people have a hard time changing from one thing that they know well to something new. Even Marieke had reservations regarding writing in Gutenberg, which she addressed in a post.

People find it hard to accept change when they don’t see why it’s necessary to change something that was working ok. Well, in this case, it’s relatively easy to understand: to get ready for the future, WordPress needs to adapt. Gutenberg introduces concepts and technologies that help make WordPress future proof. Most visible right now? The concept of a block.

In Gutenberg, everything is a block

Gutenberg introduces blocks. Previously, your content lived inside one big HTML file and for every enhancement there had to be something new: shortcodes, custom post types, embeds, widgets and the like. All with their quirky interfaces and weird behavior. Now, you can build your content precisely like you make a LEGO set: all from one box, following a standardized and straightforward set of instructions. In the animated gif below, I’ll quickly show you some blocks and add an image as a block:

By using this blocks concept, you can now determine what every part of your content is. Not only that, you can define their specifications per block. So, for instance, you can turn a single line of text into a quote by changing its block type. After that, it gets a new set of options that you can set. You can change the type of quote, its placement, text decoration et cetera. This goes for all blocks. There are blocks for, among other things:

  • Paragraphs
  • Lists
  • Quotes
  • Headings
  • Code
  • Images
  • Galleries
  • Shortcodes
  • Columns
  • Buttons
  • Widgets
  • And a ton of embeds

Every block you make can get its own layout and settings. And you can save these as reusable blocks!

Gutenberg

Reusable blocks

One of the coolest things about Gutenberg is reusable blocks. Think of these as a completed block that you can save along with its settings. For instance, if you’ve made a cool looking layout for the intro of your blog articles, you can save this as a reusable block. After that, you only have to go to Add Block -> Saved to pick your reusable intro block. How cool is that!

This is an incredibly basic example, but you can think of a lot more complex uses for this! How about a complete gallery where you only have to drop in the images. Or a multi-column article template with great typography for killer blog posts. And of course, developers can hook into this as well, so there are bound to arrive some great blocks that’ll make our lives so much easier. There is no limit to this. This is all made possible because we have full control over all individual blocks.

Yoast SEO and Gutenberg

We’ve been heavily investing in Gutenberg since the beginning. We have several developers that are helping to improve Gutenberg full time. Also, we are actively researching how, why and where we should integrate Yoast SEO inside Gutenberg. Even for us, the possibilities are endless. We won’t be able to build everything we’re dreaming up right away, as we’re focusing on giving you the best possible basic integration from the moment Gutenberg gets released. But, keep in mind, there is a lot more to come from us!

Let The Gut Guys explain Gutenberg for you

Two of the most active Yoasters in the Gutenberg development team is our UX designer Tim and software architect Anton. These guys are so passionate about Gutenberg that we’re featuring the dynamic duo in an exclusive video series called The Gut Guys — Gut as in ‘good’. They will show you around the Gutenberg editing experience and explain the why and how of the new editor. We’re regularly adding new installments. Watch it and subscribe!

Need more? Check this essential talk

We know thinking and talking about Gutenberg can be tiring, but that’s mostly because we are keeping those thoughts in the now. We should most definitely look at the broader picture and see where Gutenberg can take WordPress. To explain that, I’d like to ask you to invest 45 minutes of your time in watching this essential talk by Morten Rand-Hendriksen.

Conclusion to what is Gutenberg?

There’s no beating around the bush: Gutenberg is coming. We’re getting ready for it and you should as well. The new editor will probably take some getting used to and it might break some stuff, but in the end, we will get a much more streamlined environment with a lot of cool possibilities down the road.

The most important thing you can do right now is installing the plugin. Play with it, test it, break it. Add every issue you find to Gutenberg’s GitHub: things that don’t work or should work better. We need as many eyes on this as we can, so we need you. Don’t just talk and yell: contribute! Your contributions will make or break this project.

Read more: ‘Gutenberg: Concepts for integrating Yoast SEO’ »

The post What is Gutenberg? appeared first on Yoast.

Writing with Gutenberg

Gutenberg is coming. It’s a really big thing in the world of WordPress. At Yoast, we are really busy making sure our Yoast SEO plugin integrates nicely with the new editor. So we talk and think and a lot about Gutenberg. But as a writer, I didn’t really use Gutenberg yet. And this made me wonder: What is it like to use Gutenberg? Does writing with Gutenberg feel any different? Is it easier? Will I have more fun? Is it a good writing experience? In this post, I’ll share my thoughts on the new editor from a writer’s perspective. 

Get the most out of Yoast SEO, learn every feature and best practice in our Yoast SEO for WordPress training! »

Yoast SEO for WordPress training Info

What is Gutenberg?

Gutenberg will become the new default editor of WordPress. The biggest change from the current editor is the introduction of blocks. In the new editor a paragraph, a title or a picture will be a block. You can add a new block, choose what kind of block it will be, and easily edit it the way you want to. Blocks are flexible and can be shifted dynamically around the page.

With the plus sign you can add a new block in the Gutenberg editor

Read more about the Gutenberg project on WordPress.org. The Gutenberg editor is going to be released in the 5.0 update of WordPress. It is not clear when exactly this update will appear, but it should happen somewhere in Spring 2018.

Starting out as a skeptic

I have to be honest. I was rather skeptical about Gutenberg. Prejudiced even. But, I installed the Gutenberg plugin on my personal website and started writing a blog post. Trying to be as open minded as possible. And, I can’t deny: it was really easy. I even forgot for a moment I was testing out a new editor. It didn’t feel weird or new to me at all. Main conclusion: I’m really enthusiastic about Gutenberg.

Intuitive and easy to use

The Gutenberg editor has an intuitive design. For me. And if it’s intuitive for me, it basically is intuitive for everyone. I am not that savvy. It didn’t take much effort to find out how to choose a new heading. It took me just a little bit of clicking to figure out how to insert a picture in my blog post. I could do all the things I do while writing a blog post, just as fast as I always do. At the same time, my screen was rather empty. I liked that. There was little distraction.

Some great advantages over the old editor

The Gutenberg editor has some great assets that could genuinely help people to write better texts. I like that every time you hit enter, a new block emerges. If you go on typing, you’ll create a new paragraph. In my opinion, most writers do not think enough about why they start a new paragraph. They just put whitespaces in when they feel like it. Hitting enter in Gutenberg will create a new block. I believe this will help people to think more about the structure of their text.

Hit enter and Gutenberg will create a new paragraph.

I also love the fact that the editing options are not hidden away at the top of your post. If I want to add a link in my text in the old editor, I have to go all the way to the top of my blog post. That’s a lot of scrolling.  I think I will add much more links to my text when using Gutenberg. Because it is so much easier. And adding (internal) links to your blog posts is important for SEO. Inserting pictures has become much easier too. 

Learn how to write awesome and SEO friendly articles in our SEO Copywriting training »

SEO copywriting training Info

Some downsides…

I understand why dynamic blocks are appealing. And I do think the flexibility of the blocks will come in handy to get the correct place for a picture or a quote. However, I do not like the fact that it’s so easy to dynamically shift paragraphs and headings. I’m a bit scared that people then feel free to shift their paragraphs while writing. And, from my point of view, the best texts are written after the author carefully established the structure of his or her argumentation. No dragging and dropping there.

Another downside was my experience as I tried to copy and paste a text from Google docs in the Gutenberg editor. In the current editor it takes a lot of work to get the formatting of your article right. That did not work perfectly in Gutenberg either. It does strip out the superfluous HTML code though. Other things went well, like transferring headings, but some paragraphs were transformed in a single block, while other paragraphs were merged together in one block. I could not figure out why. As lots of writers won’t write in the WordPress backend, but in another editor, this experience should be really smooth. A flawless experience would be a tremendous improvement compared to the current editor.

Conclusion

For me, writing with Gutenberg was not all that different from writing in the old editor. And, scrolling down gave me the Yoast SEO meta box, with suggestions to improve my writing and SEO. Yoast SEO already works. The Gutenberg editor offer lots of chances to improve our plugin. We’re working on awesome redesigns to make the writing experience even more awesome. So stay tuned!

Read more: ‘User-testing Gutenberg’ »

The post Writing with Gutenberg appeared first on Yoast.

Yoast conference update: Where were we in March?

Team Yoast often attends WordCamps and other conferences. We’d like to keep you updated on the highlights of these events and share the knowledge we gained and the fun we had there. In March we went, for example, to WordCamp Oslo, WordCamp AntwerpWordCamp RotterdamWordCamp Kathmandu and The Social Conference. We’ve picked some of the highlights for you. Read on!

Want to meet us and know which events we’ll be going to soon? Check out our events page

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO: the #1 WordPress SEO plugin Info

WordCamp Oslo

Remkus de Vries, our remote colleague from the north of the Netherlands, went even higher up north to Norway to join WordCamp Oslo. Of the presentations he watched, the very first one by Magne Ilsaas was the one that stood out the most for him:

“Magne talked about Gutenberg, the printing press, and how it sparked a revolution some 500 years ago. But of course, he also talked about Gutenberg as the new editing experience expected to ship with WordPress 5.0 and the opportunities and possibilities it brings. It’s a presentation that sparked a lot of conversations the rest of the day. I couldn’t agree with him more: Gutenberg will, indeed, revolutionize how we’re using WordPress.”

Want to know more about Gutenberg? Follow the knowledgeable Gut Guys on YouTube. We will be publishing about Gutenberg a lot more in the coming weeks, starting with Marieke. She will publish a post on content writing with Gutenberg soon!

WordCamp Antwerp

While Remkus was traveling north, other Yoasters went south to WordCamp Antwerp in Belgium. That’s where our sales superstar Anneloes found out everyone can contribute on a contributor day, no need to be a developer! She joined the WP Marketing team – an initiative which our marketing team had already joined on WordCamp Noord Nederland – and was thrilled by the friendly and helpful atmosphere she encountered.

karin

Our awesome Karin volunteering at WordCamp Antwerp

At WordCamp Antwerp, our Research Team Lead Annelieke gave a presentation on Multilingual SEO, not the easiest of topics. She guided visitors with international websites through the Multilingual and Multiregional forest to help them make the right sites rank in the right countries. She discussed hreflang, multilingual copywriting for SEO and more. Check the highlights of her presentation on this Twitter thread.

WordCamp Rotterdam

At Yoast we not only like sustainable SEO, we care about environmental sustainability too. And that’s the first thing we loved about WordCamp Rotterdam. It was held at the awesome venue BlueCity, the old swimming pool Tropicana, now a hotspot for environmentally-friendly entrepreneurs. There was no printed schedule, cookies were made from yesterday’s bread, and badges were recyclable and filled with plant seeds. Awesome!

A lot of Yoasters in Rotterdam!

At this event, Monique Dubbelman gave a live demo of Gutenberg, which is always good to increase awareness. The talk by Andree Lange on style tiles was of particular interest to the design team, offering a low barrier way to create a library of design elements for a project without having to spec out every little detail from the start. And Jules Ernst shared some illuminating examples of accessibility problems and how you can already improve your website’s accessibility a lot with a little bit of work.

The Yoast team organized the closing session of the event doing some live site reviews. Michelle, Annelieke, Tim and Judith scrutinized some of the visitors’ websites and sent them home with lots of practical tips to improve their SEO and sites in general. You can check the full session (in Dutch) on our Facebook page.

WordCamp Kathmandu

Our support engineer Suwash went to WordCamp Kathmandu in Nepal. He found the presentation of Chandan Goopta one of the most interesting:

“The talk focused on how we can optimize the server, use server commands, and add our custom scripts to monitor bottlenecks on site and fix those issues: sometimes external tools don’t exactly give the cause of why a site is acting slow. He talked not only about the optimized performance of a site but also enhanced page load time (less than 2 seconds load time) and more.”

Contributor day was the first in the history of WordPress Nepal community and there were around 115 attendees. Fond of giving support, Suwash joined as a Team Lead for Support focusing on encouraging attendees to contribute by answering support questions on the WordPress.org support forum.

Support engineer Suwash at WordCamp Kathmandu

The Social Conference

Dushanthi and Siobhan of Team Marketing also visited Amsterdam for The Social Conference, a day full of talks about different social media and how to use them. KLM kicked off with an awesome talk on using social media to give customers the best possible experience. They’re very advanced in using chatbots and providing relevant information through the most convenient channel. Another talk our team was pretty impressed by, was by outdoor gear brand Patagonia, on doing business in unconventional ways. More so: using your business as a tool for environmental activism. This talk hit home as their community building was so like our belief in Open Source.

A lot of the other talks were about changing algorithms like Facebook’s. As no-one knew anything other to say than ‘create engaging content’, we’re even more convinced of our message: as Facebook’s algorithm changes, SEO becomes crucial. The most important takeaway for us this day: if all else changes, your website is still in your control!

Go to WordCamps

We’ve had an awesome time at these conferences. We would encourage you to visit WordCamps as well. It as great oppurtunity to meet likeminded people, to contribute to WordPress and to learn a great deal from the talks. You can find WordCamps all over the world. Hope to meet you there!

Want to meet us at future events? Keep an eye on our events page

The post Yoast conference update: Where were we in March? appeared first on Yoast.

How to Estimate a Web Development/Design Project?

Estimates Are Extremely Hard

There’s a good reason why many service providers:

  • build a limited set of solutions in order to stick to sane ballparks,
  • venture into building products, or
  • productize their services under a manageable scope.

I wrote a detailed post on Why Are Estimates Challenging For Custom Development Work? and the reason we’ve switched to a retainer-based model. It causes less friction while generating better results and allows for an adequate internal workflow.

The thing is, designing a website or building a mobile app is not a straight-forward process.

What Clients See in Estimating a Project

Most clients imagine the following process:

  1. An initial discussion or a review of the existing brief
  2. A formal (or informal) agreement of the scope and deliverables
  3. Setting up a deadline and a launch date
  4. The developer/designer does whatever they’re supposed to do
  5. The project is 100% complete
  6. Launch

With that scenario, evaluating the scope should be trivial, right?

70% of Estimated Projects Don’t Deliver

Which is why CHAOS Group reports over 70% of failing projects globally when asking for an estimate upfront and building them as a waterfall project:

Note the massive drop of failed projects when applying a good agile methodology instead.

Estimates are extremely hard.

In my experience, the amount of back and forth, scope creep, and communication overhead may result in 5–10 times the actual development time required for the initial brief.

Less experienced providers cause regressions, deliver low quality, or can’t estimate their time due to the lack of experience. But proficient vendors face the same challenges in terms of communication, delays, missing assets, infinite back and forth, pushing back deadlines and redefining the initial scope of the project.

A Realistic Web Project Estimation Workflow

In reality, what happens most of the time with small businesses and freelancers (or small dev teams) is the following:

  • The vendor agrees on the predefined set of features/UI/specification.
  • They spend the allocated development time.
  • The client asks for a couple of small updates.
  • Then another dozen of small and medium-sized updates.
  • Suddenly, it turns out that certain areas aren’t “as I imagined them to be”.
  • Refactoring or rebuilding.
  • The client comes up with a set of random features that they wanted to have in the beginning.
  • A lengthy — and often heated — discussion around the initial scope and all the gaps in the original proposal.
  • Another set of bugs due to last minute changes.
  • Communication gaps, missing assets, incorrect information provided by the customer, etc.
  • Additional work past the original deadline.
  • Emails, chat messages, calls, more emails, additional scope, pitching new features around the last minute bugs due to out-of-scope requirements.

It’s not even the client’s fault. The problem is that the original scope is always fluke, vague, and up for interpretation.

Fixed fee projects are built in a single iteration. As a result, most of the actual requirements are to be determined during the actual implementation phase.

Project Documentation May Impact The Estimate

We’ve even worked on projects that included 300+ pages of documentation. Some of them ended up with months of additional discussions through project managers, team leaders, CEOs, and even lawyers interpreting the possible scenarios where a certain requirement is met.

Surprisingly, a seemingly clear and unambiguous assignment usually may be built in 5 completely different ways by five independent service providers.

Therefore, estimates are extremely hard.

As a result, the actual scope is indeterminable.

4 Ways to Make Estimates Profitable

There are only four cases where software development is profitable for the service provider almost all the time:

  1. Selling long and detailed discovery sessions upfront – which ends up being a minimum viable product that already includes the core features, the main design concept, and a lengthy detailed documentation paid by the client before the “actual development”.
  2. Carefully crafting contracts that legally bind a client to the vendor’s interpretation of scope – and charging upfront most of the time. That may get ugly in court as clients often disagree given the mismatch between the build and the initial “idea”.
  3. Massively surcharging with a large multiplier of the original job in order to cover all losses from scope creep and communication overhead.
  4. Offering agile development in the first place.

Except for the last option – iterative agile development where costs and scope can be adjusted on the fly – everything else requires some overhead or initial commitment by the client.

Most service providers who sell fixed fee projects try to combine a somewhat detailed specification with enough overhead that could handle part of the overhead. It doesn’t work at all times but it’s a common compromise on the market.

There are worse alternatives (such as abandoning the project due to miscalculations and a tough communication process).

Working With Multiple Decision Makers

As a reminder – estimates are extremely hard.

There are additional challenges getting in the way. Some business owners have multiple decision makers who are not on the same page. Vacations or asset delays often push back a project despite the initial deadline. Certain criteria such as security compliance or performance KPIs may be in misalignment. Design revisions may be endless – even if an initial scope has been provided.

Each fixed quote is based on the initial understanding of the service provider for the scope of work and amount of time required to get the project done.

There are some formulas that try to bridge the gap between the “best case scenario” and “worst case scenario”:

Usually, worst case scenario may be 20–50 times larger than the best case one due to all of the challenges enumerated above. This calibrates the formula to something that’s “somewhat feasible”.

Complex Algorithms for Estimating Web Projects

With that in mind, service providers rely on their former experience and their established hourly rate combined with the additional expected time for communication, QA, packaging, delivery, deployment. This is somewhat arbitrary and often doesn’t work as seen in the CHAOS group chart.

The estimate that you will receive (or are about to give) is likely a similar one. Increasing the chance for success is entirely dependent on your communication and negotiation skills, how detailed your specification is, your contract and the mutual understanding of the project.

Case Study 1: Estimating a Web Design Through a Wireframe

Almost every website development project includes some theme development or customization.

A common way to approach that is discussing a theme build or extending an existing theme through a child theme (or customizing a powerful and complex premium one). Wireframes or sketches may also be discussed upfront.

Okay, you end up with a sitemap and some sketches. The deadline is clear, design has been decided upon, the website would be hosted by a known hosting vendor.

Without any additional clarifications, here’s what may happen in-between:

  1. Responsive design hasn’t been included in-depth. You’ve introduced specific breakpoints for some resolutions but the customer asks for a fluid layout.
  2. The grid has been limited to 1980px wide (or so). The client asks for a full retina support – or generally any screen out there. This results in humongous images killing the load time of the site.
  3. Scaling large images for sliders and hero sections may be rough. Keeping the height fixed will crop the image in unknown ways. Scaling diagonally (retaining the aspect ratio) will result in an extremely high slider section, requiring several scrolls until you see any text.
  4. Text positioned within the slider will get distorted or overlapped at times. The font color may fall into a same-color image zone leading to reduced readability.
  5. Long text may fall under the banner itself, breaking the design consistency. Or expanding the image in unknown ways.

Additional Web Design and Development Challenges

Have you noticed that we’ve only touched on grid width and header image so far?

  • Fonts may come from a 3rd party font provider – impacting site load at times or hitting limits in case of traffic peaks.
  • Content may come at a later point. While design has been planned based on the initial mockups, differences in title length/image size will break almost all grids within the page – such as archive post columns, project features aligned next to each other, or anything that is horizontally aligned.
  • A site admin may upload a tiny image (a thumb or an icon) for a section. How is that supposed to fit in – scaling and distorting the image, keeping it small (with tons of whitespace surrounding it)?
  • A landscape image zone may be updated with a portrait photo. This often leads to trimming one’s head or the top text.
  • Certain sliders, galleries, dynamic accordions may misbehave on iOS or Internet Explorer/Edge. Debugging becomes a nightmare.

This is merely an excerpt of everything that happens during the development process. Let’s take a look at another example.

Case Study 2: Estimating a Deployment Process When Going Live

Okay – the project development has gone smoothly. The website has been approved on your staging platform.

  • Design – checked.
  • Front-end work – checked.
  • Back-end work – checked.

Permission for hosting the project – granted.

I’ll list several use cases that I’ve had to deal with personally over the past years.

  • IIS hosting. WordPress (and PHP) are commonly hosted on a Linux stack with Apache/nginx, mod_php or php-fpm, MySQL. IIS may not fully support everything that we design and develop out-of-the-box. Database connections may time out. Complex rewrite rules will need to be rebuilt.
  • A limited and restricted hosting plan. Any random and cheap host that runs an extremely outdated version of PHP or MySQL, not supporting features that are designed for newer versions. Deprecated plugins manually blacklisted by the vendor. Specific firewall rules you need to coordinate with support (multiple times). We’ve even had a client asking for a Yahoo! hosting which ran on PHP4, making this absolutely impossible (leading to us purchasing a normal hosting for 5 years and giving it away).
  • Domain hassles. Hosting a site on a new server and pointing the records to the new host. Clients often forget where their domain is hosted – leading to days or even weeks of looking around. A previous vendor may have the “keys” to the domain registrar. After some back and forth, this gets resolved – until you face another obstacle with a Cloudflare account or another web proxy controlled in-between. Certain files and folders may be hosted with the old account, requiring manual transfer or even integration into the new platform.
  • A barebone VPS server with limited access. An enterprise client of ours provided us with their VPS server we were about to use. At first, it required 2-factor authentication with a local telecom. They didn’t provide us with the root (or sudo) user, preventing us from installing a LEMP stack. After some back-and-forth, it turns out the server had blacklisted apt-get – leaving us copying packages over through scp and rsync. Oh, by the way, the initial VPS was running a custom, outdated Linux distro lacking almost all packages. The list goes on, but this process took nearly 80 hours of hard work for something that takes under an hour with a standard host.

Case Study 3: Implementing a 3rd Party Platform (CRM, ERP)

One of our corporate clients requested an integration with their own CRM. Which is fine – all of them have existing integrations available (through plugins or libraries) or at least a decent documentation.

Of course, that was not the case here.

A week after, we’ve been provided an API documentation using SOAP in a PDF format.

Building our own SOAP plugin took a couple days and we started testing. There was something fishy as some of our parameters weren’t passed over. No response, but we pointed that to a third server intercepting the requests.

Turned out that the documentation was incorrect, and some symbols were stripped or missing. An updated copy was provided with the right SOAP request.

400 Error Codes – a Default Response

Testing for a couple more days led to no response. Scheduling a meeting with IT took a while – until they told us that the server will ALWAYS respond with a 400 error code regardless. It’s a security measure.

We are distributed, so the only way we could test was: submit a request, call IT, hope someone is around, check if the request has been submitted.

This took forever. At some point, some of our requests went through – but not all of them. Another week later, turned out that documentation is incorrect again – some arguments we were assigning (as a part of the request array with nearly 200 parameters) were wrong. We were supposed to use other data vectors named incorrectly.


Long story short, things can and will go south more often than not. As much as you try to sift through the project requirements and pinpoint every single detail, you’ll always end up with edge cases. Fixed-fee estimates will make that a tedious process. Even if that’s considered scope creep, requesting additional payment for that overhead may fail at the end.

The post How to Estimate a Web Development/Design Project? appeared first on Mario Peshev.

SEO basics: The difference between tags and categories

Tags and categories help us structure our content. You can often find these in the visual metadata at for instance blog posts, or in a list of clickable links in the sidebar of a website. Tags are sometimes represented as a tag cloud, although most websites refrain from using that element these days. There is a clear difference between tags and categories, but a lot of users mix them up. Now in most cases, that won’t matter for the end user. But for instance, in WordPress, there are some benefits by using categories for certain segmentations and tags for others. Here, I’d like to explain the difference between tags and categories.

Get the most out of Yoast SEO, learn every feature and best practice in our Yoast SEO for WordPress training! »

Yoast SEO for WordPress training Info

WordPress taxonomies

WordPress uses taxonomies for content grouping. The most common, default taxonomies in WordPress are categories and tags, but it’s also possible to create a custom taxonomy. We have written about these custom taxonomies before, so for background information, please read the post “What are custom taxonomies?

A taxonomy can be defined as “orderly classification” (Source: Merriam Webster). This indicates some hierarchy or structure, which often goes into categories. In WordPress, categories can be parents or children of each other. Often, tags in WordPress don’t have that structure and are often used quite randomly. If you don’t control how you add tags to posts, you will probably end up with a huge number of tags on your website. The downside of this is that a lot of tags are used only once, which makes the tag page the same as the post where you added the tag. This may create duplicate content or at least thin content.

The difference between tags and categories

Back to our original questions: what’s the difference? In an ideal world, we would use categories to group the content on your website into — say — eight to ten global segments. On our blog, these segments are for instance Analytics, Content SEO, eCommerce and Technical SEO. By maintaining a limited set of categories, you can keep your website, and your content focused. Now, of course, you can dissect the content even further, going to more particular groupings. For that, you should use tags.

WordPress describes the difference exactly like that:

  • Categories allowed for a broad grouping of post topics.
  • Tags are used to describe your post in more detail.

The fact that categories can be hierarchical means that there’s a bit more content structure to be made with just categories if that’s what you are looking for. You can have a group of posts about trees, and have a child category or subgroup about elms. Makes sense, right? It also means that you can have URLs like /category/trees/elms, which displays that structure right in the URL already. You can’t do this with tags. The tag in this example could be “Boston”. It’s unrelated to the tree’s characteristics but could indicate where for instance a photo of an elm in that post is located.

At least one category per post is required

There is one more difference between tags and categories in WordPress: you need to add at least one category to a post. If you forget to do so, the post will be added to the default category. That would be “Uncategorized” unless you set a default category in WordPress at Settings > Writing:

tags and categories: set a default post category

Please do so, as you will understand the default “Uncategorized” makes no sense to your readers. It looks like poor maintenance, right? With tags, you don’t have this issue, as tags are not obligated at all. You could even decide to refrain from using tags until you need them and even then perhaps use a custom taxonomy instead. In that case, you will have that second layer of segmentation without the limitation of tags. I hope that clarifies the difference between tags and categories!

Read more: ‘SEO basics: (The importance of) site structure’ »

The post SEO basics: The difference between tags and categories appeared first on Yoast.

WordPress 4.9.5 Squashes 25 Bugs

WordPress 4.9.5 is available for download and is a maintenance and security release. WordPress 4.9.4 and earlier versions are affected by three security issues. The following security hardening changes are in 4.9.5.

  • Localhost is no longer treated as the same host by default.
  • Safe redirects are used when redirecting the login page if SSL is forced.
  • Versions strings are correctly escaped for use in generator tags.

Twenty-five bugs are fixed in this release including, improve compatibility with PHP 7.2, previous styles on caption shortcodes are restored, and clearer error messages. To see a full list of changes along with their associated trac tickets, check out the detailed release post.

Is Fact Check for Yoast SEO a joke?

Yesterday we released a new add-on to Yoast SEO: Fact check for Yoast SEO 1.4. Were you getting excited to use it already? Then we’re very sorry to disappoint you, but it’s an April Fools’ joke. Or is it…? Our dear colleagues Danny and Irene genuinely built this plugin. Read this short interview and learn why and how they did that!

Is the Fact Check plugin a joke?

Yes. We’ve created Fact Check as an April Fools’ joke. The plugin is not to be taken seriously, except when you are planning on writing posts about conspiracy theories.

Irene and Danny, working on our Fact Check add-on

Irene and Danny, doing some daily fact checking

Why did Yoast make this plugin?

A couple of years ago, when we were writing the code for the Yoast SEO readability analysis, we thought of all the cool things we could do with the text analysis. Almost all the building blocks we needed for this April Fools’ plugin were already there in our library. We even came up with almost all of the current conspiracy checks back then. However, we’d never built it. Until now. We thought it was a fun idea for an April Fools’ joke. Besides, it gave us the possibility to learn some things about Webpack, Grunt and Babel and extending the existing Yoast SEO plugin.

Will the plugin do my website or my SEO any harm?

No, not at all. The added checks in Fact Check for Yoast SEO only add some bullets with feedback. As long as you don’t actually add conspiracies in your texts, having this plugin in your WordPress install will not change a thing.

How could we have known that this is a joke?

The plugin was released on April 1st. That should be a dead giveaway. Furthermore, the version is 1.4. Also, in the release video we’ve put a couple of hints. The most visible hint was the ‘I want to believe’ wallpaper on the computer in the background. Next to that, there was a Beatles record on the table. The cover of Sgt. Pepper’s Lonely Hearts Club Band is rumored to contain a number of hints that confirm that Paul McCartney is dead. We’ve also put a subliminal message on one of the screens. In the shots of the screen of the notebook, you can read ‘Don’t let Google fool you, buy Yoast SEO Premium!’ if you pause the video at the right moment. Finally, the outro of the video contains a number of beeps. These beeps are morse code, and spell out “April 1”.

Can I still trust Yoast?

Of course you can. We like the occasional joke, but we understand a lot of people use our software daily and rely on our feedback in Yoast SEO or Yoast SEO Premium. That is why we created a separate plugin for this joke, instead of interfering with the workings of Yoast SEO itself.

What can I use this plugin and its code for?

The Fact Check plugin is a nice example of how easy it is to extend the Yoast SEO plugin. The plugin is, like most of our software, open source, and everyone who would like to know how it works, can take a look at the code, or fork it into a new project. You can find the code on GitHub.

The post Is Fact Check for Yoast SEO a joke? appeared first on Yoast.

How to Use FOMO on Your WordPress Site to Increase Conversions

Do you want to add FOMO widgets to your WordPress site and increase conversions? FOMO, short for fear of missing out, is a marketing technique that uses a psychological principle to create anticipation for a product or service. In this article, we will show you how to properly add FOMO to your WordPress website and boost conversions.

Adding FOMO in WordPress to increase conversions

What is FOMO and How it Helps with Conversions?

FOMO or ‘fear of missing out’ is a psychological term used to describe anxiety about missing out on something exciting and trendy.

As a website owner, you can take advantage of this human behavior with your marketing strategy and improve your conversions.

FOMO is nothing new, marketers have been using it way before the arrival of the internet. Now with online marketing, FOMO has become far easier to implement and much more effective.

For example, if you run an online store, then you can create anticipation about an upcoming sale, limited time offers, and by adding social proof to your landing pages.

You can also use it to build your email list, run affiliate marketing campaigns, boost downloads for your apps, and more.

That being said, let’s take a look at how to easily add FOMO to your WordPress site. We will show you two techniques that we have successfully used on our own sites with incredible results.

1. Adding FOMO with Social Proof by Using Proven

One way to ignite FOMO is by adding social proof to your website. It helps you instantly win user’s trust by showing them that other users are already buying your product.

Fomo social proof example

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

Proven is a social proof plugin that integrates with your eCommerce platform or MailChimp email lists and displays recent purchases and sign ups.

Upon activation, you need to head over to Proven » Settings page to enter your license key. You can find this information from your account on the plugin website.

Enter your plugin license key

Next, let’s head on over to the Proven » Add New page to create your first social proof notification.

Add new FOMO notification

First, you need to enter a title for this notification campaign. After that, you need to choose whether you want this configuration to be active or not. You can keep it inactive while you configure your settings, but don’t forget to change this setting to make your notifications live once you are done.

Next, you will come to the content section where you will be asked to select the source for your notifications.

Proven integrates with WooCommerce, MailChimp, and Easy Digital Downloads. When you integrate with one of these three, the social notification will automatically display the recent purchase and subscriber notifications.

You can also enter the source manually, which will allow you to manually create entries that will be displayed in the notification. This is particularly helpful when you are not using a shopping cart plugin on your website.

Setting up content to display in social proof  FOMO notification bar

After that, you can change the content template using the available template tags displayed below the field.

For the purchases field, you need to select which product purchases are displayed in the notification. If you are integrating it with MailChimp, then you can choose which mailing list will trigger the notification.

Next, you can select when you want notifications to be displayed in the Behavior settings. You can select pages where you want the notification to appear, you can also select users, mobile view, the delay between notifications, and more.

Choose the display behavior for the notification banner

Lastly, you will reach the ‘Appearance’ section. From here you can select colors, shape, and position of your notification banner.

Appearance settings

Once you are satisfied with the settings, don’t forget to click on the ‘Publish’ button to make it live.

You can now visit your website to see the FOMO social proof notification in action.

Social proof FOMO in action

Method 2: Adding FOMO Countdown Timers with OptinMonster

We have all seen marketers using ‘Urgency’ to get customer’s attention. Whether it is your local grocery store or a big name brand website, it is one of the oldest marketing techniques, which works just as effectively online.

Basically, you show users an offer with a sense of urgency, which triggers the fear of missing out a valuable deal and helps users make a purchasing decision.

Urgency hacks can be used with limited time offer, seasonal sale campaigns, one-time discounts, coupons, and more. To learn more, see this article on using urgency to hack conversion rates with proven methods.

Now, the thing is how do you use urgency with FOMO to create a powerful conversion magnet?

This is where OptinMonster comes in. It is the best conversion optimization software that helps businesses turn abandoning website visitors into subscribers & customers.

First, you will need to sign up for an OptinMonster account. It is a paid tool and you will need at least the ‘Plus’ plan to use their Floating bar campaigns.

Next, switch to your WordPress site to install and activate the OptinMonster plugin. For more details, see our step by step guide on how to install a WordPress plugin.

This plugin is a connector between your WordPress site and the OptinMonster app.

Upon activation, click on the OptinMonster menu in your admin sidebar and enter your API key. You can find this information under your account on OptinMonster website.

OptinMonster API key

After entering your API Key, you will need to click on the ‘Create New Campaign’ button to continue.

Create new campaign

First, you need to select an optin type and then select a theme. We will be using a ‘Floating bar’ campaign with the ‘Countdown’ theme.

Select optin type and a theme

Next, you will be asked to choose a name for your theme and the website where you will run it. Filling this information will launch the OptinMonster Builder interface.

Configure optin

You need to click on the ‘Optin’ tab and select your countdown type and end date. There are two types of countdown timers you can use ‘Static’ and ‘Dynamic’.

The static timer remains the same for all your users, while the Dynamic timer changes based on user behavior on your website.

For this tutorial, we will be using the static timer. Since we are using floating bar with countdown theme, we can move the optin bar to the bottom or the top.

You can also just point and click to edit text in the floating bar. You can add a coupon code, add links to special offers, and style it any way you want.

Once you are satisfied, don’t forget to click on the ‘Publish’ button at the top. This will show you the optin status page where you need to toggle the switch next to Status to make your optin live.

Publish your optin

Now, go back to your WordPress website and click on the ‘Campaigns’ tab on the OptinMonster page. You will see your recently created campaign listed there (Click on refresh campaigns button if you don’t see it).

Launch countdown timer campaign on your site

By default your campaign will be disabled, and you just have to click on the ‘Go Live’ link to enable it.

You can now visit your website to see your countdown timer FOMO campaign in action.

Countdown timer FOMO campaign preview

Tracking Your Conversions in WordPress

FOMO techniques work really well for conversions, but how do you keep track of their performance? Without tracking you wouldn’t know how many sales or leads were generated due to these campaigns.

All expert marketers use Google Analytics. It not only helps you see where your users are coming from, it also allows you to track user engagement on your website.

The easiest way to use Google Analytics in WordPress is through MonsterInsights. It is the best Google Analytics plugin for WordPress and has an eCommerce addon for WooCommerce and EDD, which helps you track your eCommerce performance without leaving WordPress.

MonsterInsights eCommerce tracking

We hope this article helped you learn how to add FOMO to your WordPress website and boost conversions. You may also want to see our list of must-have WordPress plugins for business websites.

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

The post How to Use FOMO on Your WordPress Site to Increase Conversions appeared first on WPBeginner.

Get our new free plugin: Fact Check for Yoast SEO 1.4 Beta

While developing and benchmarking for new releases of Yoast SEO, we keep a keen eye on requests made by users. An issue that consistently raises concerns is the uprise of fake news. So today, we present Fact Check for Yoast SEO 1.4 Beta, a free add-on for our Yoast SEO plugin.

Download Fact Check for Yoast SEO 1.4 Beta»

Why this add-on?

Fake news is on the rise and it’s a world-wide problem. People and companies are losing grip on on the authenticity of sources and the trustworthiness of their message. What sources are authentic? What makes a source reliable? And more importantly: how do you decide for yourself?

Currently, the Yoast SEO plugin runs several checks on your content. Readability, the use of keywords and internal linking: we help you optimize your text. Today, we’re launching an add-on that adds multiple new checks to the original ones: so-called fact checks.

At Yoast we believe that you should be the best result. And the best result has to be true. Fact Check for Yoast SEO integrates seamlessly with Yoast SEO and Yoast SEO Premium. This plugin scans your text and gives you feedback about the stated facts. This will allow you to only write believable content.

Test our beta!

Please help us test this beta, so we can publish it on the WordPress repository soon. If you find a bug or would like to help improve this plugin, you can leave your feedback by creating an issue hereLike Yoast SEO, the Fact Check add-on is open source. The source code can be found on GitHub.

Download Fact Check for Yoast SEO 1.4 Beta »

Installation instructions

1. Download the zip above.
2. In the WordPress backend, go to Plugins > Add new > Upload plugin.
3. Click ‘Choose file’ or ‘Browse’ (depending on your browser).
4. Select the zip and click ‘Install now’.
5. Click ‘Activate plugin’, and you’re ready to go.

The post Get our new free plugin: Fact Check for Yoast SEO 1.4 Beta appeared first on Yoast.

Plugin SVN Migrated

As with all those things we migrated, SVN had to move too. It’s on shiny new servers, which hopefully will resolve the issues where a plugin was approved and didn’t generate SVN folders properly.

Currently everything’s up and running except for plugins trac. As Otto put it, “with 1.8 million commits, that takes a while” …

Systems is keeping tabs on it, and will fix anything weird with trac. Don’t panic if it goes off line or things aren’t updating properly. Be patient with us if we’re reviewing your changes (we have to do it manually now). We’ll update when there’s something to say other than “Yup, it’s syncing.”

#services #trac

Display Custom Fields in Gutenberg

Gutenberg is coming soon to your WordPress, whether you like it or not. Debate and drama aside, it's time that we start looking for practical ways to adapt current WordPress sites to the many imminent changes brought to us by G7G. One of these changes involves Custom Fields. Currently, and hopefully this will change in a future update, Custom Fields are not displayed on Gutenberg-enabled screens. Which is kind of a bummer, considering the millions of websites, plugins, and themes that make good use of them.

(more…)

Gutenberg Block Recipes

I've been working on updating my collection of WordPress plugins for the imminent Gutenberg update. So far it has not required much time to learn, and the API is straightforward. It will however take significantly longer to integrate Gutenberg support into 20+ plugins. To help keep things organized, I will be posting tips and snippets here at DigWP.com. Blocks are the foundation of all things Gutenberg, so this first post is all about block recipes. Some of these code snippets are far less useful than others, hopefully they will be useful to others.

(more…)

New WordPress Plugin: Custom Fields for Gutenberg

Currently Gutenberg does not display the Custom Fields meta box. Before Gutenberg, in WordPress 4.9 and earlier, the “Edit” screens in the WP Admin Area optionally displayed the Custom Fields meta box. The Custom Fields meta box is employed by millions of sites, themes and plugins. Including my own collection of WordPress plugins, which use custom fields for Posts, Pages, and many Custom Post Types. Basically Custom Fields are a critical part of WordPress functionality, so I wrote a plugin that “brings back” Custom Fields on Gutenberg-enabled sites: Custom Fields for Gutenberg.

Custom Fields for Gutenberg

I’m not gonna say too much more about it than that. I think it’s pretty self-explanatory. At this point anyway. Eventually I will be building out the plugin with additional Gutenberg features, anything cool related to Custom Fields and such. Currently, Custom Fields for Gutenberg does one thing and does it well:

Display Custom Fields on Gutenberg-enabled screens

The plugin includes some default options to disable custom-field display on any particular post type(s). And you can specify any custom fields that should not be included in the Custom Fields meta box. Plus some other options to fine-tune how the custom fields are displayed. Check out the screenshots below for more details.

Screenshots

Here are a couple of screenshots to give you a better idea. Click on the thumbnails below to view full-size version.

[ Custom Fields for Gutenberg - Plugin Settings ]
Plugin settings (showing default options)

[ Custom Fields for Gutenberg - Edit Post screen ]
Custom Fields meta box displayed on the Edit Post screen

Download

For more information, list of features, and FREE download, visit Custom Fields for Gutenberg at the WP Plugin Directory:

Custom Fields for Gutenberg »


How to Fix the HTTP Image Upload Error in WordPress

Are you seeing the HTTP error while uploading media in WordPress? This error usually occurs when you are uploading an image or other files to WordPress using the built-in media uploader. In this article, we will show you how to easily fix the HTTP image upload error in WordPress.

How to fix http error when uploading images in WordPress

What Causes HTTP Error During Media Upload in WordPress?

There are a number of things that could lead to a HTTP error when you are trying to upload files using the WordPress media uploader. Basically, WordPress is unable to figure out the cause and that’s why it displays the generic ‘HTTP error’ message.

HTTP Error

The frustrating part is that this error message doesn’t give you any clue as to what may have caused it. This means that you will have to try different solutions to find the cause and fix the error.

That being said, let’s take a look at how to troubleshoot and fix the HTTP error during media upload in WordPress.

1. Make Sure The HTTP Error is Not Temporary

First, you should wait a few minutes and then try uploading your image file again. This error is sometimes caused by unusual traffic and low server resources, which are automatically fixed on most WordPress hosting servers.

If that doesn’t work, then you may want to try uploading a different image file. If the other file uploads successfully, then try saving your original image file to a smaller size and retry uploading.

Lastly, you may want to try saving the file to a different format. For example, change jpeg to png using an image editing software. After that, retry uploading the file.

If all these steps result in the HTTP error, then this means that the error is not caused by a temporary glitch and definitely needs your immediate attention.

2. Increase WordPress Memory Limit

The most common cause of this error is lack of memory available for WordPress to use. To fix this, you need to increase the amount of memory PHP can use on your server.

You can do this by adding the following code to your wp-config.php file.

define( 'WP_MEMORY_LIMIT', '256M' );

This code increases the WordPress memory limit to 256MB, which would be enough to fix any memory limit issues.

File uploaded successfully

3. Change Image Editor Library Used by WordPress

WordPress runs on PHP which uses two modules to handle images. These modules are called GD Library and Imagick. WordPress may use either one of them depending on which one is available.

However, Imagick is known to often run into memory issues causing the http error during image uploads. To fix this, you can make the GD Library your default image editor.

You can do this by simply adding this code to your theme’s functions.php file or a site-specific plugin.

function wpb_image_editor_default_to_gd( $editors ) {
	$gd_editor = 'WP_Image_Editor_GD';
	$editors = array_diff( $editors, array( $gd_editor ) );
	array_unshift( $editors, $gd_editor );
	return $editors;
}
add_filter( 'wp_image_editors', 'wpb_image_editor_default_to_gd' );

After adding this code, you can retry uploading files using the media uploader. If this doesn’t solve the issue, then you can remove this code and try other methods described in this article.

4. Using The .htaccess Method

This method allows you to control how Imagick uses server resources. Many shared hosting providers limit Imagick’s ability to use multiple threads for faster image processing. However, this would result in you seeing the http error when uploading images.

An easy fix is be to add the following code in your .htaccess file:

SetEnv MAGICK_THREAD_LIMIT 1

This code simply limits Imagick to use a single thread to process images.

We hope this article helped you fix the HTTP error during media upload in WordPress. You may also want to see our WordPress troubleshooting guide as well as the ultimate list of most common WordPress errors and how to fix them.

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 Fix the HTTP Image Upload Error in WordPress appeared first on WPBeginner.