Saturday, 27 February 2021

How to Create Beautiful Coming Soon Pages in WordPress with SeedProd

Do you want to create a beautiful coming soon page for your WordPress site?

All websites need a pre-launch coming soon page. It allows you to build anticipation, create hype, and spread the word even before the launch of your main website.

In this article, we will show you how to quickly and easily create beautiful coming soon pages in WordPress.

Creating coming soon pages for a WordPress website

Why Create Coming Soon Pages in WordPress?

Coming soon pages are not just a placeholder for your website. They can be an effective lead generation tool for your business even before the site launch.

Here are a few ways that we have used coming soon pages:

  1. Gauge User Interest – If you are unsure about an idea, then coming soon pages can help you asses user interest in the project.
  2. Build Hype – Coming Soon pages can also be used to build anticipation and create hype. Give product information and offer users incentives for sharing.
  3. Capture Leads – Start building your email list and ask users to follow your social profiles. This allows you to have likes and followers as social proof even before you launch the site.

To create a coming soon page in WordPress, you would need to get the best WordPress hosting and install WordPress.

For more detailed instructions, you can also follow our step by step guide on how to make a website.

Example of what we will Create

Following are a few examples of effective coming soon page designs.

Coming soon page with countdown timer, email form, and social buttons

Coming soon page with fullscreen background image, lead signup form, and countdown timer

Coming soon page preview with email sign up form and social buttons

How to Create a Beautiful Coming Soon Page

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

SeedProd is the best WordPress page builder plugin on the market. It allows you to build any type of landing page including Coming Soon page to limit access to your site and turn the pre-launch page into a lead magnet.

Note: There is a free version of SeedProd available as well that you can use, but for this tutorial we’ll show the Pro version since it has more features.

Upon activation, you need to visit SeedProd » Settings page to enter your license key. You can find this information under your account on the SeedProd website.

Enter your SeedProd license key

Next, you need to visit SeedProd » Pages page and then click on the ‘Set up a Coming Soon Page’ button.

Set up a coming soon page

On the next screen, you will be asked to choose a template. SeedProd comes with several professionally designed coming soon page templates to choose from. Simply click on a template to select it.

Choose a page template

This will launch the SeedProd page builder interface. You’ll see a live preview of your selected template where you can simply point and click to select and edit any item.

SeedProd page builder interface

You can also add new blocks to your page from the left column. Let’s add a countdown timer that tells users when your site will be launched.

Simply drag the ‘Countdown’ block and drop it on the page preview where you want it to be displayed.

Add a block

After that, point and click on the countdown block, and you will see its properties in the left column.

Editing a block in SeedProd

Feel free to edit the page as much as you need. Try adding different blocks, changing text colors, add your business logo, and more.

Connect Your Email Marketing Service

Once you are finished with the design, you can switch to the ‘Connect’ tab. This is where you can connect your email sign up form to your email marketing service provider.

Connect your email marketing service

SeedProd supports all top email marketing platforms. For the sake of this tutorial, we’ll be connecting our coming soon page to Constant Contact. Simply click to select it and then click on the ‘Connect New Account’ button.

Connecting your email account

Next, you’ll need to provide an API Key and a name for this connection. Simply click on the ‘Connect to Constant Contact’ button to continue.

Getting the API key

This will open up a popup where you’ll need to log into your Constant Contact account. After that, click on the Allow button to give SeedProd access to your Contact Contact account.

Allow access

Next, it will show you the API key which you need to copy and paste into SeedProd and click ‘Connect’ button.

SeedProd will then fetch your email lists. You’ll need to choose the email list you want to use and then click on the ‘Save Integration Details’ button.

Publishing Your Coming Soon Page

Once you are finished with the page design and integrations, you are now ready to publish your coming soon page.

First, you need to click on the Save button and then select ‘Publish’ to save your coming soon page and make it publicly available.

Publish your coming soon page

SeedProd will now publish your page, and you can exit the page builder by clicking on the close button.

Next, you need to turn on the ‘Coming Soon’ mode to make sure that people visiting your website see the coming soon page only.

Simply go to SeedProd » Pages page and then switch the toggle under ‘Coming Soon Mode’ to active.

Turn on coming soon mode

SeedProd will now turn on the coming soon mode for all your website. You can still login and work on your website but other non-logged in users will only see the coming soon page you created.

Coming soon page preview

Advanced Settings for Coming Soon Page

SeedProd allows you control how your coming soon page is displayed. You can access those advanced settings by visiting the SeedProd » Pages page and clicking on the ‘Edit Page’ button under the Coming Soon Mode box.

Edit coming soon page

This will launch the page builder interface where you need to switch to the ‘Page Settings’ tab. Under the General settings you can provide a title for your page, select isolation mode, or change the page template start with a new one.

General page settings

By default, the plugin will start showing your coming soon page to all non-logged in users. However, SeedProd gives you full control on who can access your website while it is under coming soon mode.

This comes in handy in certain situations. For instance:

  • You only want to allow a client to view the site when logged in
  • You want to make some URLs publicly accessible
  • Allow user with specific IP address to view the website.

For advanced access rules, click on the ‘Access Control’ menu to select who can access your website when its under coming soon mode.

Control who can access your website under coming soon mode

You can also switch to the SEO tab to provide an SEO title, description, a featured image to be used when your link is shared on social media websites, and more. You can also choose to tell search engines not to index that page.

If you have popular SEO plugins like All in One SEO installed, then SeedProd works seamlessly with them as well.

SEO settings for your coming soon page

Lastly, you can switch to the Scripts tab where you can add any third-party scripts that you may need to add. For instance, you may want to add Google Analytics code, Facebook pixel, or other tracking code here.

Add third-party scripts to your coming soon page

Don’t forget to click on the Save button at the top to save your advanced page settings.

Switching off The Coming Soon Page

Once you are ready to publish your website, SeedProd makes it super easy to turn off the coming soon mode.

Simply visit SeedProd » Pages page and switch off the ‘Active’ toggle under the Coming Soon Mode box.

Turn off coming soon mode in WordPress

Creating a Maintenance Mode Page in WordPress

Some site owners may want to display a maintenance mode page instead of a coming soon page. A maintenance mode page is helpful if your site is undergoing maintenance, and you want to let your users know that you will be back soon.

SeedProd’s Coming Soon Pro plugin also lets you create beautiful maintenance pages in WordPress.

Simply go to SeedProd » Pages page and click on the ‘Set up a Maintenance Mode Page’ button.

Set up a maintenance mode button

The rest of the process is the same as creating a coming soon page. You will get full access control and you can easily turn off maintenance mode when you are done.

We hope this article helped you learn how to create beautiful coming soon pages in WordPress. You may also want to see our ultimate guide on how to increase your blog traffic, and our comparison of the best business phone services to improve your workflow.

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 Beautiful Coming Soon Pages in WordPress with SeedProd appeared first on WPBeginner.



from WPBeginner https://ift.tt/2MuNOtn
More links is https://mwktutor.com

Friday, 26 February 2021

5 Best Free Slack Alternatives: Cheaper, More Secure, or Easier to Use

Team collaboration apps have become a necessity in recent times. Slack is a popular choice for many small companies due to its ease of use, streamlined interface, and handy communication tools. However, there are a few free Slack alternatives that you may want to consider.

from CodeinWP https://ift.tt/2ZQdrrG
More View at https://mwktutor.com

21+ Best Alternatives to the WordPress Jetpack Plugin

Are you looking for the best alternatives to the Jetpack plugin?

Jetpack is a powerful WordPress plugin suite that adds various features to your WordPress website. Recently one of our readers asked us to share possible Jetpack alternatives for WordPress.

In this article, we’ll show you the best alternatives to the WordPress Jetpack plugin.

Best Jetpack alternatives for WordPress

What is Jetpack WordPress plugin?

Jetpack is a plugin suite which combines essential WordPress features into one large plugin. It allows you to manage the features you want to use, and you can turn off the features you don’t need.

The core focus of the plugin is security, performance, and marketing.

However, as your website grows, you may want to expand beyond Jetpack. You might need advanced functionalities that are offered in other third-party WordPress plugins.

In these cases, it makes sense to look at Jetpack alternatives for specific features that you need.

Pros and Cons of Jetpack Plugin

Pros and cons of using WordPress Jetpack plugin

Like all things in life, Jetpack plugin comes with its own advantages and disadvantages that you need to keep in mind when choosing Jetpack alternatives.

Pros of Using Jetpack Plugin

These are the advantages of using Jetpack plugin on your WordPress website.

  • One plugin to rule them all. You get all essential features in one easy to manage package.
  • Jetpack is highly optimized for performance with Automattic’s (company behind Jetpack and WordPress.com) powerful infrastructure running in the background.
  • It has a nicer user interface than your typical WordPress plugins.

Cons of Using Jetpack Plugin

Following are the disadvantages of using WordPress Jetpack plugin on your website.

  • Using Jetpack requires you to create a WordPress.com account.
  • The Jetpack core is free but many of its features require a paid subscription.
  • It has limited email functionality. You cannot email your subscribers without publishing a blog post.
  • Your website becomes dependent on one plugin, which makes it harder to replace in the future.

That being said, let’s take a look at the best Jetpack alternatives that you can install on your website.

1. WPForms

WPForms Jetpack alternative

WPForms is the best alternative to Jetpack’s form functionality. It’s the best WordPress contact form plugin and is used by over 4 million websites.

The free version of the plugin, WPForms Lite, lets you easily add contact forms to your WordPress website.

WPForms comes with a beautiful drag and drop form builder and ready-made form templates. Adding forms to your blog posts and pages is simple with the included shortcode or using the WPForms content block.

There’s also a premium version of the plugin available that gives you additional features like conditional logic forms, file uploads, additional form templates, user registration and management, and more.

For more details, see our step by step guide on how to create a contact form in WordPress.

2. AIOSEO

AIOSEO Jetpack alternative

Jetpack offers limited SEO functionality, even for users on paid plans. You will need one of the paid plans to access all of Jetpack’s search engine optimization features.

AIOSEO is the perfect alternative to Jetpack’s SEO features. It’s the best SEO plugin and toolkit in the market and is trusted by over 2 million WordPress users.

The free All in One SEO plugin gives you complete WordPress SEO tools, including XML sitemaps, rich snippets, SEO preview, content analysis, and more.

The premium version of AIOSEO gives you access to more advanced SEO tools, image SEO, local SEO, WooCommerce SEO, and more.

For complete step by step setup instructions, see our guide on how to install and set up the AIOSEO plugin.

3. MonsterInsights

MonsterInsights Jetpack alternative

Jetpack comes with a built-in stats module. However, it’s nowhere near as powerful as Google Analytics.

If you want Google Analytics integration in Jetpack you have to upgrade to the Security or Complete plans.

The best alternative to Jetpack’s site statistics functionality is MonsterInsights.

MonsterInsights is the best Google Analytics plugin for WordPress and has more than 2 million active installs. It gives you real-time website analytics data, detailed page level data, eCommerce tracking, easy A/B testing, and more.

There’s also a free version of the plugin available that lets you effortlessly add Google Analytics data to WordPress.

The included reporting tools remove the fluff and only show you the stats that matter, so you can see exactly what’s working for your WordPress blog.

For more details, see our step by step guide on how to add Google Analytics to WordPress.

4. UpdraftPlus

UpdraftPlus Jetpack alternative

Jetpack offers automated daily backups, but they are only available for paid plans. UpdraftPlus is one of the best WordPress backup plugins in the market and a great alternative to Jetpack’s backup feature.

Over 3 million WordPress websites currently use the plugin.

UpdraftPlus lets you quickly set up automatic backups for your entire WordPress website. The plugin supports regularly scheduled backups and on-demand backups. You can even backup specific site files.

You can automatically store your backups in several cloud locations including, Google Drive, Dropbox, Rackspace, S3, and more. It also lets you restore your website backups directly from your WordPress dashboard.

The free version of the plugin lets you create site backups with a single click.

For more details, see our guide on how to backup and restore your WordPress site with UpdraftPlus.

5. Akismet

Akismet Jetpack alternative

Jetpack has an anti-spam feature for premium plans, but you’ll need to upgrade to the Security or Complete plans. Otherwise, you’ll have to add on spam protection for $9.95 per month.

The best alternative for spam filtering is the free Akismet plugin. It’s the best spam filtering plugin in the market and should come pre-installed with WordPress.

It automatically filters all your WordPress comments to catch spam. Which significantly reduces the number of spam comments that you’ll have to moderate.

For more details, see our step by step guide on how to combat comment spam in WordPress.

6. SeedProd Lite

SeedProd Jetpack alternative

Jetpack offers code-free site customization features that let you build your homepage, blog posts, sidebars, and more. However, the customization options are limited.

You’ll probably want to use a WordPress page builder plugin for creating custom pages.

The free SeedProd Lite plugin replaces the no-code customization feature and lets you build out custom pages with the drag and drop page builder.

It has unique features like page-specific blocks, pre-built sections to speed up the page building process, and works with any WordPress theme.

There’s also a premium version of the plugin that offers premium templates, integrations, additional content blocks, and more.

For step by step instructions, see our guide on how to create custom pages in WordPress.

7. Sucuri

Sucuri

Jetpack only scans for malware if you have the Security or Complete plans. Otherwise, you have to add security scanning for an additional $7.95 per month.

The best alternative is the Sucuri Security plugin. Sucuri is the industry leader in WordPress security, and it’s one of the best WordPress security plugins.

It also offers the best WordPress firewall, which blocks suspicious activity even before it reaches your website.

We’ve used Sucuri to help block over 450,000 attacks in just 3 months.

For more details, see our step by step ultimate guide on improving WordPress security.

8. OptinMonster

OptinMonster Jetpack alternative

Jetpack recently added a CRM extension for users of the Jetpack plugin. This lets users both collect and manage leads. To get access to the most useful features, you’ll need to upgrade to a premium plan.

If you require CRM functionality, the best option is to use an existing CRM provider along with a lead generation tool.

OptinMonster is one of the best lead generation plugins for WordPress.

It lets you create high-converting popups and email signup forms to turn visitors into subscribers and customers.

You’ll find professionally designed templates, along with unique spin the wheel and Yes/No popups to further improve conversions.

There’s also a free OptinMonster plugin available. You can create a free account if you sign up through the plugin. It’s equipped with features that let you add high-converting pop-ups to your site.

For more details, see our guide on how to build your email list in WordPress with OptinMonster.

9. Constant Contact

Constant Contact Jetpack alternative

Email marketing is one of the most cost effective ways to market your business and stay in touch with your customers. If you haven’t started yet, see our guide on why building an email list is so important.

Jetpack offers limited email functionality. The only way to send emails is to notify subscribers you’ve published a new blog post. Compare this to a real email list where you can email your subscribers whenever you’d like.

The best alternative to Jetpack’s email functionality is Constant Contact. It’s one of the best email marketing services in the market today.

It lets you easily manage your email list. The plugin has built-in tracking, reporting, and segmenting features, and can even integrate with your Facebook ads campaign.

For more details, see our guide on how to build an email list in WordPress.

Alternative: SendinBlue is a good alternative if you want something more advanced, but it’s more pricey.

10. PushEngage

PushEngage Jetpack alternative

Jetpack has a subscription feature that notifies users when a new post is published. PushEngage is the best alternative to Jetpack’s site subscribe feature.

The free version of PushEngage allows you to set up a push notification that’ll automatically notify users when you publish a new post. Your visitors will receive the notification, even when they’re not on your website.

There’s also a premium version of the plugin designed to help you generate more revenue and get higher conversions from your push notifications.

For step by step setup instructions, see our guide on how to add push notifications to WordPress.

11. Smash Balloon Feed Plugins

Smash Balloon Jetpack alternative

Jetpack has a few different extensions for adding social media functionality to your site.

The best alternative for this feature is Smash Balloon. It’s the best social media feeds plugin for WordPress and easily lets you add your social media feeds to WordPress.

Smash Balloon is a combination of four plugins that let you display Facebook, Instagram, Twitter, and YouTube feeds on your WordPress site.

You’ll find mobile-responsive layouts you can use to match your existing brand. Plus, you can use different display options to help boost engagement and show off your social proof.

The plugin also fixes the Facebook and Instagram oEmed issue, so you can contune embedding content by pasting your post URLs into your editor. The only other way to do this is by using Jetpack.

The free versions of Smash Balloon let you add custom Facebook feeds, Instagram feeds, Twitter feeds, and YouTube feeds to your site.

This makes it easy to choose which specific social feeds you want to display.

The premium versions of each of the free plugins let you add social media feeds with additional customization options, templates, and more.

12. WP to Buffer

WP to Buffer

Jetpack has a scheduling feature called Publicize that lets you schedule your social media posts in advance. It’s a nice feature, but you have to be a premium user to get it.

The best alternative to this scheduling feature is the WP to Buffer plugin. It lets you connect your WordPress site to Buffer and automatically schedule your WordPress posts to share on your social media profiles.

Buffer is a social media management platform that allows you to schedule your social media posts throughout the day. This saves you the time you would otherwise spend on sharing your articles manually on social media.

For more details, see our step by step guide on how to schedule WordPress posts for social media with Buffer.

13. Shared Counts

Shared counts Jetpack alternative

Jetpack offers a few different social media extensions for adding social sharing buttons to your posts and widget areas.

The best alternative is the Shared Counts plugin. It’s one of the best social media plugins for WordPress and won’t negatively impact your site’s loading speeds or performance.

It supports the most popular social networks, including Facebook, Pinterest, Twitter, LinkedIn, and Yummly. You can even display the total share counts the post has received for social proof.

For more details, see our guide on how to add social share buttons in WordPress.

14. Yet Another Related Posts Plugin

YARPP Jetpack alternative

The Yet Another Related Posts plugin is the best WordPress related posts plugin in the market and the perfect alternative to Jetpack’s related posts feature.

It’s used by over 100,000 WordPress sites and supports both thumbnail and text display of related posts. You can increase your page views by 10% just by using this plugin.

It offers you full control over how and where you display related posts in WordPress. It even supports custom post types and can add related posts in RSS feeds as well.

15. Envira Gallery

Envira Gallery

WordPress lets users embed images and create image galleries. However, the default gallery options are quite limited.

Jetpack upgrades the native functionality by letting users create tiled galleries, image carousels, and more.

Envira Gallery is the best alternative to Jetpack’s responsive galleries and is one of the best WordPress gallery plugins.

It’s very beginner-friendly and uses a drag and drop builder to help you quickly create responsive photo galleries.

The plugin is also equipped with a template library and unique features like lightbox popups and lazy loading.

For those on a budget, there’s a free version of the plugin that lets you add responsive image galleries to your site.

For more details, see our step by step guide on how to create an image gallery in WordPress.

16. UptimeRobot

UptimeRobot Jetpack alternative

UptimeRobot isn’t a plugin, but a website monitoring tool that you can use as an alternative to Jetpack’s monitoring tool.

There’s a free plan that will check your website uptime every 5 minutes, and the paid plan will check your site every 60 seconds. The advanced plan can also give you alerts via SMS, email, voice call, and more.

For more details, see our step by step guide on how to monitor your WordPress server uptime.

17. Cloudflare

Cloudflare

The Jetpack CDN serves website images through their CDN server to optimize website performance. Cloudflare is the perfect replacement for Jetpack’s CDN service.

It improves your website’s speed and performance by serving static content through their global CDN.

It’s one of the best WordPress CDN services that offers a free CDN and basic protection against DDOS attacks. It also provides a great free alternative to Jetpack’s brute force attack protection.

Premium plans are available for users who want improved security, image optimization, and 100% uptime.

For detailed instructions, see our guide on how to set up free Cloudflare CDN in WordPress.

18. Easy Updates Manager

Easy updates manager jetpack alternative

Easy Updates Manager allows you to replace Jetpack’s automatic plugin update feature. It helps you easily manage all WordPress core, theme, and plugin updates.

From a single dashboard, you can enable or disable automatic updates. You can also update themes automatically and choose which plugins you want to automatically update.

For more details, see our guide on how to better manage automatic WordPress updates.

19. Catch Infinite Scroll

Catch Infinite Scroll Jetpack alternative

The Catch Infinite Scroll plugin was inspired by Jetpack’s infinite scroll feature, making it the perfect alternative.

The plugin will automatically load content as users scroll down the page, or you can add a “load more” button. You can also choose whether you want users to click or scroll to load content, add a custom loading image or text, and more.

For detailed instructions, see our guide on how to add infinite scroll to your WordPress site.

20. Adsanity

Adsanity Jetpack alternative

Jetpack has an advertising program that lets you automatically include ads in your content if you’re using the Security or Complete plans. You can choose where you want the ads to display from the pre-defined set of options.

The best alternative to this functionality is the Adsanity plugin. It’s one of the best ad management plugins for WordPress.

This beginner-friendly plugin lets you insert ads into your website and widgets and manage them easily. It supports ads sold directly by you and external ad networks like Google Adsense.

For more details, see our article on how to manage ads in WordPress with AdSanity.

21. Simple Custom CSS

Simple custom CSS Jetpack alternative

WordPress has built-in functionality that lets you edit your site CSS via the Customizer. Jetpack takes this feature and adds more functionality.

The best alternative for adding CSS to your site is the Simple Custom CSS plugin. This plugin will keep your CSS changes and apply them to whatever theme you’re using.

To learn more, see our guide on how to add custom CSS to your WordPress site.

22. SearchWP

SearchWP jetpack alternative

Jetpack has a premium search addon feature that gives users a more powerful search option for finding content on your site. The pricing is based on the size of your site and starts at $5 per month.

The best alternative to this is the SearchWP plugin. It’s one of the best WordPress search plugins in the market.

It’s very easy to use and makes virtually all of your content searchable. You’ll have full control over the search algorithm and assign weight to which content types are the most valuable.

The plugin also gives you access to your search data, so you can see what visitors are finding and not finding, then use this data to improve your content.

We hope this article helped you find the best alternatives for the Jetpack plugin on your WordPress site. You may also want to see our list of must have WordPress plugins for small businesses, and the best WooCommerce plugins for online stores.

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

The post 21+ Best Alternatives to the WordPress Jetpack Plugin appeared first on WPBeginner.



from WPBeginner https://ift.tt/2O0pX5e
More links is https://mwktutor.com

Thursday, 25 February 2021

How to Display Full Size Images in WordPress (4 Methods)

Do you want to learn how to display full-size images in WordPress?

The latest version of WordPress automatically resizes large images to improve performance. But sometimes you may need to display images with larger dimensions.

In this tutorial, we’ll share four different ways to display full-size images on your WordPress site.

How to display full-size images in WordPress

Why is WordPress Scaling Large Images?

Earlier versions of WordPress allowed users to upload images with very large dimensions.

But, what happened is WordPress beginners were uploading images that were simply too large for the modern web. Large images lead to slow website loading speeds and poor performance.

To fix this issue, the WordPress 5.3 update changed how WordPress handles very large images.

For example, if you upload an image with the dimensions of 5000px by 7000px, then WordPress will resize the image to 2560px and scale the width to match the original dimensions.

Now, when a user visits a page with a previously large image, they’ll see the scaled-down version of that image.

This leads to improved website performance and happier users overall.

Reasons to Stop WordPress From Scaling Images

This new feature is useful for most WordPress website owners, but some users might need to display full-size images.

For example, if you’re a photographer or artist who sells your work, then you may want to display larger images on your website, so visitors can buy or download them.

Or, you could be running a website where larger images are a requirement, like a stock photo website or website that sells custom prints and pictures.

Maybe, you need one large image for your home page background image that’s bigger than the 2560px limits?

No matter what your reason for wanting a full-size image, we’ll show you how to do it, step by step.

How to Display Full-Size Images in WordPress (4 Methods)

There are 4 different ways you can display full-size images in WordPress.

Some methods work better for single images, while others are best for an entire image library.

You’ll want to choose the full-size image method that’s right for your goals.

Method 1. Get Full Size Image URL in WordPress

If you only want to use one or two large images on your website, then this solution is probably best.

When you upload an image to WordPress that exceeds the dimensions, WordPress will scale your image and create a new one. But, the original image is still intact.

To display the original image dimensions, you’ll need to delete ‘-scaled’ from the end of the WordPress image URL and insert the image into your site with the modified link.

Simply head over to your media library by going to Media » Library and select your large image.

Large image media library

Now, locate your ‘File URL’ in the image box.

Next, you’ll want to delete ‘-scaled’ from the end of your image URL.

Delete scaled image URL

After that, you can copy the image URL and insert the image into your website.

Note that you’ll need to embed the image into your site using the link, minus the scaled portion.

To do this navigate to a post or page you want to add the image and click the ‘+’ icon to add a new block.

Insert new image block for large image

Then click the ‘Image’ icon to add an image block where you can paste your URL.

Click ‘Insert from URL’, then paste your full size image URL into the box and press the ‘Enter’.

Add non scaled image URL

After that, you’ll need to click ‘Publish’, or ‘Update’, if the post is already live, and your full-size image will now be viewable on your site.

You can follow this same process for every full-size image you want to add to your site. But, as long as you use the File URL minus ‘scaled,’ your WordPress images will display in full size.

Method 2. Automatically Disable Image Scaling in WordPress (with a Plugin)

The second method is using a WordPress plugin to disable image scaling across your site.

The plugin we recommend is called Disable “BIG Image” Threshold. This plugin offers one of the easiest workarounds for displaying big images on your site, and it’s entirely free to use.

First, you’ll need to install and activate the Disable “BIG Image” Threshold plugin. For more details on installing a plugin, see our step by step guide on how to install a WordPress plugin.

Once you’ve installed and activated the plugin on your site, it’ll automatically remove the big image threshold added by WordPress.

You’re free to add new images just as you were before the WordPress image update.

When this plugin is active, WordPress will not add the ‘-scaled’ attribute to any image.

Method 3. Automatically Disable Big Image Scaling in WordPress (with Code Snippet)

Another option is to add a code snippet to WordPress that accomplishes the same goal as the plugin above.

If the plugin doesn’t work for some reason, or you don’t want to install too many plugins, then you can use this method.

The new WordPress image scaling feature uses a filter called big_image_size_threshold.

You’ll want to use the following code to disable this function:

add_filter( 'big_image_size_threshold', '__return_false' );

You need add this code in your theme’s functions.php file, in a site-specific plugin, or by using the Code snippets plugin.

Method 4: Open Full-Size WordPress Images in a Lightbox

The final option is to add a full-size image lightbox to your site. With this solution, you get the best of both world.

You can load smaller image thumbnails in your blog content, gallery, or carousel, and when clicked, it will popup with your full-size image.

Show full size image lightbox effect

To do this, we recommend using the Envira Gallery plugin. It’s the best WordPress image gallery plugin in the market and lets you easily add the lightbox popup image effect.

The first thing you’ll need to do is install the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

After installing and activating the plugin, see our step by step guide on creating an image gallery in WordPress with the lightbox effect.

Keep in mind that before you upload full-size images for your gallery, you’ll need to disable image scaling via the plugin or child theme methods above.

Otherwise, your lightbox images will be using the scaled-down version of the image.

Finally, it’s important to note that if you add images with large dimensions, it’s essential to optimize them for the web, so you don’t slow down your website.

We hope this article has helped you display full-size images in WordPress. You may want to see our guide on optimizing images for SEO and our expert pick of 40 useful tools to manage and grow your blog.

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

The post How to Display Full Size Images in WordPress (4 Methods) appeared first on WPBeginner.



from WPBeginner https://ift.tt/3dFv5GO
More links is https://mwktutor.com