How to Use Contact Form to Grow Your Email List in WordPress

Did you know that you can use your WordPress contact form to grow your email list? Users are most engaged when they are trying to reach out using the contact form on your website. In this article, we will show you how you can use… Read More »

The post How to Use Contact Form to Grow Your Email List in WordPress appeared first on WPBeginner.

Did you know that you can use your WordPress contact form to grow your email list? Users are most engaged when they are trying to reach out using the contact form on your website. In this article, we will show you how you can use contact forms to grow your email list in WordPress.

How to use Contact Forms to Grow Your Email List

Why Use Contact Forms for Email List Building in WordPress?

Email marketing is the most cost effective way to reach your audience. If you haven’t started it yet, then you need to see our article on why you should start building your email list right away.

You will need to combine different tools and methods for encouraging users to signup. Offering multiple choices to sign up helps you quickly get more subscribers.

Many users focus on adding email signup forms to their websites, which is good start but you need to get more creative. Contact forms, in fact any kind of forms on your website are the perfect place to add an email signup option.

Here is why:

  • Your users have already entered their email address in the contact form.
  • They are already interested in what you have to offer, that’s why they are filling the form. Why not ask them to subscribe as well?
  • Many users feel that their chances of getting a response will increase if they opted in for your email list
  • You can use it in a variety of ways not just contact forms, but surveys, quizzes, ebook downloads, and more.

That being said let’s see how to easily integrate your email list to your WordPress forms and use contact forms to boost your email subscribers.

Connecting Your Email List to WordPress Contact Forms

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

It is a paid plugin, and you will need at least the Plus plan to access email marketing addons.

You can use this WPForms Coupon: WPB10 to get 10% off your purchase on any WPForms plan.

Upon activation, you need to visit WPForms » Settings page to enter your license key. This will enable automatic updates and give you access to respective addons.

WPForms license key

Next, head over to WPForms » Addons page to install the addon for your email marketing service.

WPForms comes with integration addons for the top email marketing services including Constant Contact, MailChimp, AWeber, and more.

Install addon

Once you have installed and activated the Addon, you need to visit WPForms » Settings page and click on the integrations tab. You will see your email service provider listed there.

Click on your email service provider name and enter the required credentials. You can find this information from your email service account.

Connect your email service provider to WPForms

Now that you have connected WPForms to your email marketing service, you can easily add email optins into your forms and add them anywhere on your website.

Adding Email Signup Checkbox to Your Contact Forms

First you need to create a simple contact form for your website. See our detailed instructions on how to easily create a contact form in WordPress.

Once you have created your form, the next step is to add an email sign up option into the same form. Click on the checkbox field from the fields column.

Add checkbox to your form

You will notice a new field added to your form with three checkboxes. Clicking on the field will open its settings. You need to remove the two checkboxes and change the field label to something appropriate like ‘Signup for our Email List’.

Edit checkbox

You can check the box next to the choice field. Doing so, your email signup field will be checked by default.

Now your form is ready, we just need to tell it what to do when someone fills up the form.

You can do this by clicking on the ‘Marketing’ tab in the form builder. Here you need to select your email service provider and then click on the ‘Add New Connection’ button.

Add new email connection

You will be asked to provide a name for this connection.

Next, WPForms will fetch your email service account. It will show the label you added for the account when you added it in the integrations.

It will also fetch email lists available under your email service account. You need to select the email list where you want to add users.

Mapping form fields to email list fields

In the next section, you will be asked to map the form fields to your email service fields. After that you need to click on the checkbox next to ‘Enable conditional logic’ option.

Enable conditional logic

Select ‘Process’ this form if condition and then select your checkbox field and the checked reply.

Your contact form with email signup optin is now ready. You need to click on the Save button at the top bar and then exit form builder.

You can now add this form into any WordPress post or page. Simply click on the Add Form button when editing a post and then select your contact form.

Add form button

Here is a preview of a contact form on our demo website with email sign up optin.

A contact form with email subscription optin

Adding Email Subscription Checkbox to Other Forms

You can add email subscription checkbox to any form you create with WPForms. Here are a few creative ways to display forms and then you can add email subscription option to all these forms.

We hope this article helped you learn how to use contact forms to build your email list in WordPress. You may also want to see our ultimate guide on how to do lead generation in WordPress like a pro.

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 Contact Form to Grow Your Email List in WordPress appeared first on WPBeginner.

How to use FTP to upload files to WordPress for Beginners

Are you looking to learn how to use FTP to upload files on your WordPress website? FTP or file transfer protocol is a fast and simple way to upload files from your computer to your website. In this article, we will show you how to… Read More »

The post How to use FTP to upload files to WordPress for Beginners appeared first on WPBeginner.

Are you looking to learn how to use FTP to upload files on your WordPress website? FTP or file transfer protocol is a fast and simple way to upload files from your computer to your website. In this article, we will show you how to use FTP to upload files to WordPress.

Using FTP to upload files in WordPress

Video Tutorial

If you don’t like video tutorials or want to move at your own pace, then continue reading the instructions below.

What is FTP?

FTP is short for File transfer protocol. It allows you to transfer files from your computer to your website hosting account.

Now you might be thinking there is already a media uploader inside the WordPress admin area for uploading files like images, video, audio, PDF and more.

Why do you need FTP?

You need FTP to be able to manually upload files in WordPress that sometimes won’t work due to an error on your site.

Normally, you don’t need FTP to upload files at all. You can easily upload images from WordPress admin area. You can even upload plugins and themes from WordPress itself.

However, sometimes you will need to upload a plugin or theme file manually for WordPress troubleshooting purposes and fixing most common WordPress errors.

Using FTP to Upload WordPress Files

First, you will need to download and install a FTP client on your computer. FTP client is an app that helps you connect to your website and transfer files using the FTP protocol.

Here are some of the most popular FTP clients that you can install.

For the sake of this tutorial, we will be using FileZilla. You can use any other FTP client that you like. The basic concepts are the same regardless of the software you use.

Connecting To Your WordPress Site Using FTP

When you open your FTP software, it will ask you to connect to your website using your FTP login credentials.

Your FTP login credentials are sent to you via email when you sign up for your WordPress hosting account. You can also find your FTP account information in your hosting account’s cPanel dashboard.

Managing FTP accounts inside cPanel

If you cannot find the login credentials, then you can contact your hosting provider to get this information.

Once you have the login information, you need to open FileZilla and then go to File » Site Manager.

Site manager in FileZilla FTP client

This will bring up a pop up window where you can add your website information. Click on the ‘New Site’ button and provide a title for your website.

Adding a new website in FileZilla

In the next column, you will be asked to enter your host. This is usually your domain name.

Under the logon type field, select ‘Normal’ and then enter your FTP username and password.

Login credentials

Now you can click on the connect button to continue. FileZilla will save your website settings for future logins and open a new FTP connection to your website.

If this is your first time connecting to your website from this computer, then FileZilla may show you a certificate popup.

Trust certificate

Check the box next to ‘Always trust certificate for future sessions’ and click on the OK button to continue.

FileZilla will now attempt to login to your website using the credentials you entered. Once connected, you will see the list of files and folders on your website under the ‘Remote site’ column.

Local and remote file columns in Filezilla

The remote site column displays files and folders on your website and the ‘Local site’ section shows files on your computer.

You can browse Local site to locate the files on your computer that you want to upload to your website. Next, you need to right click the file and select upload from the menu.

Upload file from your computer to your website

FileZilla will now transfer the file from your computer to your WordPress site.

However, WordPress needs certain files and folders in specific locations to work properly. This means you cannot just upload a file anywhere. You need to know where to upload a file in your WordPress site.

For example, if you want to manually upload a plugin to your WordPress website. Then first you will need to download the plugin to your computer.

After that you will need to unzip the plugin file. Inside the zip file, you will find the plugin folder. WordPress looks for plugins in the /wp-content/plugins/ folder.

You will first need to go to /wp-content/plugins/ folder in the Remote site column. After that you can upload the plugin folder from your computer to your website.

Upload plugin folder

Once you have uploaded the plugin, you need to visit the plugins page inside your WordPress admin area to activate the plugin.

Installed plugin in WordPress admin area

Similarly, if you wanted to upload a premium theme to your website, you will first download and unzip the theme folder on your computer. After that, you can upload it to /wp-content/themes/ folder on your website.

FTP is not just used to upload files from your computer to your WordPress website. It can also be used to download files from your website and edit them.

Simply right-click on the files or folders you want to download under the ‘Remote Site’ column and click on the download button.

Download a file from your website to your computer

You can also use FTP to backup all WordPress files. Simply select all files and folders and download them to your computer.

However, keep in mind that this is just the backup of your WordPress files, and it doesn’t include your content (Database). If you want to backup content as well, then you can do so by creating a manual backup of your WordPress database.

We hope this article helped you learn how to use FTP to upload files to WordPress. You may also want to see our step by step WordPress security 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 use FTP to upload files to WordPress for Beginners appeared first on WPBeginner.

How to use FTP to upload files to WordPress for Beginners

Are you looking to learn how to use FTP to upload files on your WordPress website? FTP or file transfer protocol is a fast and simple way to upload files from your computer to your website. In this article, we will show you how to… Read More »

The post How to use FTP to upload files to WordPress for Beginners appeared first on WPBeginner.

Are you looking to learn how to use FTP to upload files on your WordPress website? FTP or file transfer protocol is a fast and simple way to upload files from your computer to your website. In this article, we will show you how to use FTP to upload files to WordPress.

Using FTP to upload files in WordPress

Video Tutorial

If you don’t like video tutorials or want to move at your own pace, then continue reading the instructions below.

What is FTP?

FTP is short for File transfer protocol. It allows you to transfer files from your computer to your website hosting account.

Now you might be thinking there is already a media uploader inside the WordPress admin area for uploading files like images, video, audio, PDF and more.

Why do you need FTP?

You need FTP to be able to manually upload files in WordPress that sometimes won’t work due to an error on your site.

Normally, you don’t need FTP to upload files at all. You can easily upload images from WordPress admin area. You can even upload plugins and themes from WordPress itself.

However, sometimes you will need to upload a plugin or theme file manually for WordPress troubleshooting purposes and fixing most common WordPress errors.

Using FTP to Upload WordPress Files

First, you will need to download and install a FTP client on your computer. FTP client is an app that helps you connect to your website and transfer files using the FTP protocol.

Here are some of the most popular FTP clients that you can install.

For the sake of this tutorial, we will be using FileZilla. You can use any other FTP client that you like. The basic concepts are the same regardless of the software you use.

Connecting To Your WordPress Site Using FTP

When you open your FTP software, it will ask you to connect to your website using your FTP login credentials.

Your FTP login credentials are sent to you via email when you sign up for your WordPress hosting account. You can also find your FTP account information in your hosting account’s cPanel dashboard.

Managing FTP accounts inside cPanel

If you cannot find the login credentials, then you can contact your hosting provider to get this information.

Once you have the login information, you need to open FileZilla and then go to File » Site Manager.

Site manager in FileZilla FTP client

This will bring up a pop up window where you can add your website information. Click on the ‘New Site’ button and provide a title for your website.

Adding a new website in FileZilla

In the next column, you will be asked to enter your host. This is usually your domain name.

Under the logon type field, select ‘Normal’ and then enter your FTP username and password.

Login credentials

Now you can click on the connect button to continue. FileZilla will save your website settings for future logins and open a new FTP connection to your website.

If this is your first time connecting to your website from this computer, then FileZilla may show you a certificate popup.

Trust certificate

Check the box next to ‘Always trust certificate for future sessions’ and click on the OK button to continue.

FileZilla will now attempt to login to your website using the credentials you entered. Once connected, you will see the list of files and folders on your website under the ‘Remote site’ column.

Local and remote file columns in Filezilla

The remote site column displays files and folders on your website and the ‘Local site’ section shows files on your computer.

You can browse Local site to locate the files on your computer that you want to upload to your website. Next, you need to right click the file and select upload from the menu.

Upload file from your computer to your website

FileZilla will now transfer the file from your computer to your WordPress site.

However, WordPress needs certain files and folders in specific locations to work properly. This means you cannot just upload a file anywhere. You need to know where to upload a file in your WordPress site.

For example, if you want to manually upload a plugin to your WordPress website. Then first you will need to download the plugin to your computer.

After that you will need to unzip the plugin file. Inside the zip file, you will find the plugin folder. WordPress looks for plugins in the /wp-content/plugins/ folder.

You will first need to go to /wp-content/plugins/ folder in the Remote site column. After that you can upload the plugin folder from your computer to your website.

Upload plugin folder

Once you have uploaded the plugin, you need to visit the plugins page inside your WordPress admin area to activate the plugin.

Installed plugin in WordPress admin area

Similarly, if you wanted to upload a premium theme to your website, you will first download and unzip the theme folder on your computer. After that, you can upload it to /wp-content/themes/ folder on your website.

FTP is not just used to upload files from your computer to your WordPress website. It can also be used to download files from your website and edit them.

Simply right-click on the files or folders you want to download under the ‘Remote Site’ column and click on the download button.

Download a file from your website to your computer

You can also use FTP to backup all WordPress files. Simply select all files and folders and download them to your computer.

However, keep in mind that this is just the backup of your WordPress files, and it doesn’t include your content (Database). If you want to backup content as well, then you can do so by creating a manual backup of your WordPress database.

We hope this article helped you learn how to use FTP to upload files to WordPress. You may also want to see our step by step WordPress security 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 use FTP to upload files to WordPress for Beginners appeared first on WPBeginner.

The 2017 Christmas List of Best STEM Toys for kids

In 2016 and 2015 I made a list of best Christmas STEM Toys for kids! If I may say so, they are still good lists today, so do check them out. Be aware I use Amazon referral links so I get a little kickback (and you support this blog!) when you use these…

In 2016 and 2015 I made a list of best Christmas STEM Toys for kids! If I may say so, they are still good lists today, so do check them out. Be aware I use Amazon referral links so I get a little kickback (and you support this blog!) when you use these links. I'll be using the pocket money to...wait for it...buy STEM toys for kids! So thanks in advance!

Here's a Christmas List of things that I've either personally purchased, tried for a time, or borrowed from a friend. These are great toys and products for kids of all genders and people of all ages.

Piper Computer Kit with Minecraft Raspberry Pi edition

The Piper is a little spendy at first glance, but it's EXTREMELY complete and very thoughtfully created. Sure, you can just get a Raspberry Pi and hack on it - but the Piper is not just a Pi. It's a complete kit where your little one builds their own wooden "laptop" box (more of a luggable), and then starting with just a single button, builds up the computer. The Minecraft content isn't just vanilla Microsoft. It's custom episodic content! Custom voice overs, episodes, and challenges.

What's genius about Piper, though, is how the software world interacts with the hardware. For example, at one point you're looking for treasure on a Minecraft beach. The Piper suggests you need a treasure detector, so you learn about wiring and LEDs and wire up a treasure detector LED while it's running. Then you run your Minecraft person around while the LED blinks faster to detect treasure. It's absolute genius. Definitely a favorite in our house for the 8-12 year old set.

Piper Raspberry Pi Kit

Suspend! by Melissa and Doug

Suspend is becoming the new Jenga for my kids. The game doesn't look like much if you judge a book by its cover, but it's addictive and my kids now want to buy a second one to see if they can build even higher. An excellent addition to family game night.

Suspend! by Melissa and Doug

Engino Discovering Stem: Levers, Linkages & Structures Building Kit

I love LEGO but I'm always trying new building kids. Engino is reminiscent of Technics or some of the advanced LEGO elements, but this modestly priced kit is far more focused - even suitable for incorporating into home schooling.

Engino Discovering Stem: Levers, Linkages & Structures Building Kit

Gravity Maze

I've always wanted a 3D Chess Set. Barring that, check out Gravity Maze. It's almost like a physical version of a well-designed iPad game. It included 60 challenges (levels) that you then add pieces to in order to solve. It gets harder than you'd think, fast! If you like this, also check out Circuit Maze.

818Ly6yML

Osmo Genius Kit (2017)

Osmo is an iPad add-on that takes the ingenious idea of an adapter that lets your iPad see the tabletop (via a mirror/lens) and then builds on that clever concept with a whole series of games, exercises, and core subject tests. It's best for the under 12 set - I'd say it's ideal for about 6-8 year olds.

81iVPligcyL


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



© 2017 Scott Hanselman. All rights reserved.
     

22 Best WordPress Themes for Recipe Blogs

Are you looking for the best WordPress themes for your recipe blog? Traditional blog themes lack the imagery needed to make your recipes stand out. In this article, we will show you the best WordPress themes for recipe blogs that you can try right away.… Read More »

The post 22 Best WordPress Themes for Recipe Blogs appeared first on WPBeginner.

Are you looking for the best WordPress themes for your recipe blog? Traditional blog themes lack the imagery needed to make your recipes stand out. In this article, we will show you the best WordPress themes for recipe blogs that you can try right away.

Best WordPress themes for recipe blogs

Making a Recipe Blog with WordPress

WordPress is the most easy to use website builder in the market. It is perfect for sharing recipes and creating engaging food related websites.

There are two different types of WordPress available. WordPress.com, which is a hosted platform built on top of WordPress, and then there is WordPress.org also known as self hosted WordPress. For details, see our comparison of WordPress.com vs WordPress.org.

We recommend using self-hosted WordPress.org because it gives you access to all the powerful WordPress features right out of the box.

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

We recommend using Bluehost. They are one of the largest hosting companies in the world and an officially recommended hosting provider.

They have agreed to offer our users a 60% discount, a free domain, and a free SSL. A deal that you won’t get elsewhere.

After purchasing hosting, you can go ahead and install WordPress. Follow our guide on how to start a blog for step by step instructions.

Once you are all set up, it is time to choose a theme for your website. Let’s take a look at some of the best WordPress themes for recipe blogs.

Note: This list has both free and paid themes and all of them are mobile-responsive.

1. Gourmet

Gourmet

Gourmet is a powerful WordPress theme for food blogs, recipes, and restaurant websites. It is part of a larger pack of 23 ready-made websites that can be installed with 1-click. Each template is fully editable using an integrated drag and drop page builder.

It includes multiple WordPress sliders with different styles, multiple layouts, unlimited color choices, and more. It is super easy to use and includes a powerful theme options panel to setup your website.

2. Igloo

Igloo

Igloo is another flexible and beautifully designed WordPress theme for a recipe blog, restaurant, or cafe. It features a beautiful modern design, elegant photo galleries, and built-in social media integration.

For restaurant websites, it has a menu management system and testimonial sections. It comes in multiple color schemes and you can change colors for individual pages as well. All theme options are easy to configure using theme customizer with live preview.

3. Molino

Molino

Molino is a gorgeous WordPress theme for sharing recipes or building a website for cafes, bakeries, and restaurants. It part of a massive all-purpose WordPress theme which includes several ready-made designs and quick 1-click installer.

All pages can be easily edited using WordPress editor or the integrated drag and drop page builder that comes free with the theme. It offers endless customization choices with tons of colors, layout styles, headers, navigation menu styles, and more.

4. Florentine

Florentine

Florentine is an elegant and stylish WordPress theme for food and recipe blogs. It includes a dedicated recipe section allowing you to easily add properly formatted recipes to your website. Your users will also be able to instantly switch to the distraction free cooking mode.

It has built-in social sharing, easy customization, different styles and layout choices. All theme options are neatly organized under theme customizer which makes it quite easy to set up and use.

5. Foodie Pro

Foodie Pro

Built on Genesis theme framework, Foodie Pro is a well crafted WordPress theme for recipe blogs, food websites, health and nuitrition related niches. It features a fully widgetized modern layout allowing you to drag and drop items to setup your website.

It includes a custom theme options panel, live customizer support, custom headers, multiple page layouts, and more. It is highly optimized for speed and performance.

6. CupCake

Cupcake

CupCake is a stylish and cute WordPress recipe and food blog theme. It comes with a unique design that utilizes fun color schemes and a modern layout for presentation.

It includes drag and drop elements to setup your homepage. Inside you will find sections to add portfolio items, featured products, sliders, and call to actions. It can also be used to add an online store to your website.

7. Daily Dish

Daily Dish

Daily Dish is a modern WordPress theme for food and recipe websites. It is built on Genesis, and features a two column layout with a focus on beautiful typography and elegant display of images.

It comes with an easy to use theme options panel, customizable header, multiple page templates and widget ready areas. It is eCommerce ready and can be easily used to add a shop section to your website.

8. Foodica

Foodica

Foodica is a beautiful magazine style WordPress theme for food blogs. It features a modern design and comes in 6 color schemes to choose from.

It includes easy to use shortcodes to add recipe ingredients into your articles. It includes dedicated sections to display ad zones and banners to make money online. It includes a simple theme options panel and full live customization support.

9. Food4Soul

Food4Soul

Food4Soul is another excellent option for a WordPress food or recipe theme. It features a modern design with a large header image on top followed by your social profiles and navigation menus.

It includes drag and drop elements to setup your homepage layout. Inside you will find easy sections to manage portfolio, add recent posts, contact form, Google Maps, and more. It is easy to setup and includes a custom theme options panel.

10. Narya

Narya

Narya is a magazine style WordPress theme for food and recipe websites. It comes with a dedicated recipe post format and a custom recipe plugin. It also comes with a premium slider and a layout builder plugin.

Other notable features include 6 homepage layouts, 6 gallery layouts, multiple header styles, custom colors and more. It is easier to setup and all theme options are neatly organized.

11. Foodie

Foodie

Foodie is a WordPress theme built for chefs, food bloggers, and recipes. It includes a recipe post section with easy to add ingredients, instructions, and even videos. Users can also rate recipes and you can sort your highest rated recipes.

It uses a two column traditional blog layout with support for custom background and custom logo upload. It works out of the box and all theme options can be easily setup with live customizer.

12. Cuisine

Cuisine

Cuisine is a stylish WordPress theme made specifically for food and recipe websites. It ships with a custom recipe plugin that allows you to easily add and manage your recipes. Each recipe has its own dedicated recipe card which can be placed onto multiple pages or posts.

It includes two different layouts, multiple page templates and header styles. It includes custom widgets, unlimited color schemes, beautiful featured image, and more.

13. Food Recipes

Food Recipes

If you are looking for a free WordPress theme for recipes, then check out Food Recipes. It is built on bootstrap framework and features a two column layout with right sidebar. The content area is also divided into a two column grid on the desktop and a single column layout on mobile.

It includes support for custom logo upload, social media menu, fullscreen background image, and more. It is quite easy to setup and can be easily used to quickly start a blog.

14. Savor

Savor

Savor is a fresh and clean WordPress food theme with lots of features for recipe blogs. It comes with multiple layout combinations in two and three column grid layouts.

It also includes a custom recipe card which can be added into any WordPress posts or pages. Other noteable features include a featured content slider, custom widgets, social media integration, unlimited colors, contact form support, and more.

15. Kale

Kale

If you are looking for a free, clean, and simple recipe theme, then take a look at Kale. This minimalist style WordPress theme features a traditional blog layout with all the basic features.

It comes with a special front page showcasing featured posts and a large highlight post. It also has the option to show a banner or a posts slider in the header, and includes full ecommerce and RTL support.

16. Artie

Artie

Artie is a highly customizable WordPress food blog theme. It comes in multiple colors with multiple layout combinations, widget ready areas, and different styles.

It includes support for photo galleries, video galleries, recipe shortcodes, icon fonts, and more. All theme options are neatly organized and quite easy to setup.

17. Pepper+

Pepper+

Pepper+ is an all-purpose WordPress theme with several turnkey designs including one for a food/recipe website. It takes a modular approach to design and comes with different modules that you can just drag and drop to create different layouts.

Pepper+ is ready for WooCommerce and can also be used to create multilingual websites. It offers beginner friendly user experience with simple 1-click installers and quicker theme setup.

18. Salt & Pepper

Salt & Pepper

Salt and Pepper is an elegantly designed WordPress theme for food and recipe websites. It has a beautiful recipes section, which allows you to easily add recipes. It includes beautiful templates to display those recipes with category based filters.

For page editing it ships with a visual page builder and slider plugin. It is translation ready and can also be used on multilingual websites.

19. Tastefully

Tastefully

Tastefully is a modern WordPress blog theme for food lovers, restaurant reviews, and recipe websites. It features a large custom header followed by two-column layout with sidebar on the right.

Other features include custom author bio box, social sharing, large featured images, and crisp typography. It is quite simple and works out of the box with minimal setup.

20. Baseline

Baseline

Baseline is a magazine style WordPress blogging theme. It features a beautiful featured content slider on top, which is followed by your most important content.

It focuses on gorgeous display of your images and crisp typography to offer an elegant user experience. It is quite simple to use and doesn’t include any clutter. Inside you will also find a theme-setup guide that will help you get started right away.

21. Yumblog

Yumblog

YumBlog is a powerful WordPress recipe theme that ships with a premium WordPress recipe plugin. It allows you to add, manage, and share recipes from your website. It can also be used to allow your users to add their own recipes.

It features a nice modern layout focusing on images make your food photos look amazing. It ships with Beaver Builder to easily create page layouts using drag and drop tools.

22. Flavour

Flavour

Flavour is a well-crafted WordPress theme for restaurants, food, and recipes. It includes beautiful restaurant menus, food icons, custom colors, and custom fonts support.

It is super easy to setup with 1-click demo content installer and a fully integrated visual page builder. You can try different layouts and styles to create a truly unique experience for your website.

We hope this article helped you find the best WordPress themes for recipe blogs. 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 22 Best WordPress Themes for Recipe Blogs appeared first on WPBeginner.

How to Accept Bitcoin Payments in WordPress

Do you want to accept Bitcoin payments in WordPress? Bitcoin makes it super easy to accept online payments from anywhere in the world. In this article, we will show you how to easily accept Bitcoin payments in WordPress. Why Accept Bitcoin Payments in WordPress? WordPress… Read More »

The post How to Accept Bitcoin Payments in WordPress appeared first on WPBeginner.

Do you want to accept Bitcoin payments in WordPress? Bitcoin makes it super easy to accept online payments from anywhere in the world. In this article, we will show you how to easily accept Bitcoin payments in WordPress.

Accepting Bitcoin payments in WordPress

Why Accept Bitcoin Payments in WordPress?

WordPress allows you to build an ecommerce store in minutes using WooCommerce or other ecommerce plugins for WordPress. These platforms allow you to accept payments online using PayPal, Stripe, 2Checkout, and many other popular payment gateways.

In fact you can accept payments with Stripe or PayPal without even using a shopping cart plugin.

However, not all payment gateways are available everywhere. Some of your clients may not have PayPal available in their region, others may not want to use their credit cards.

Bitcoin offers an alternate payment method that can be used by anyone from anywhere in the world. Once you accept payments in Bitcoin, you can transfer them to your bank account or keep them in your wallet. Bitcoin rates are steadily increasing, and it will continue to do so as more people start using it.

That being said, let’s take a look at how to get started with Bitcoin and integrate it into your WordPress website.

Getting Started with Bitcoin

First, you will need a Bitcoin wallet. This is a piece of software that you will use to send or receive Bitcoins and store your bitcoins safely.

There are many different types of wallets available. You can install a wallet on your computer or even on your phone.

To learn more about wallets and to choose the right wallet for your needs visit the Bitcoin Wallets page.

Next, you will need to sign up for a BitPay account. BitPay is an online service that offers Bitcoin exchange, conversion, and transfer to your bank account or Bitcoin wallet.

BitPay signup

During the sign up, you’ll be asked to select services. You need to select ‘Business Account’ to sell products or services on your website and transfer payments to your bank account.

BitPay Business

After that you can fill out your organization name and enter your personal information to create your account.

BitPay account creation

Once you have signed up, you will reach the getting started dashboard. There you will see three steps required to verify your account.

First you’ll need to verify your email address. Next, you need to enter your business information to verify your business account. Lastly, you need to enter your bank account information or your Bitcoin wallet address.

After completing these steps you’ll be ready to accept payments on your website.

BitPay offers multiple ways to accept payments on your WordPress website. We will show you two different methods, and you can choose the one that best suits your business.

Accepting Bitcoin Payments in WooCommerce with BitPay

If you are already using WooCommerce, then this method is recommended for you.

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

Upon activation, you need to visit WooCommerce » Settings page and click on the ‘Checkout’ tab. Next, click on the BitPay link to configure its settings.

Setting up BitPay in WooCommerce

You need to click on the link below the API field to generate your API key. This will take you to BitPay website where you need to click on the ‘Add New Token’ button. After that you need to give this token a label and click on ‘Add Token’ button to continue.

Generating new token

BitPay will now show you a pairing code which you need to copy and paste in your WooCommerce BitPay settings page. Next, click on the find button to continue.

Your WooCommerce website will now connect to BitPay to verify the pairing code. Upon success, it will automatically fetch and store your API key.

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

Your customers will now see an option to pay using Bitcoin on the checkout page of your store.

BitPay Checkout

Accepting Bitcoin Payments in WordPress with BitPay

This method is recommended for users who are not using a shopping cart or ecommerce plugin on their WordPress website.

BitPay allows you to create payment buttons for items you want to sell. Visit the Payment Tools page under your BitPay dashboard and then click on Payment Buttons.

Create Bitcoin payment buttons with BitPay

This will bring you to the button generator page. You need to enter your business name, checkout item description, and payment amount.

Generating checkout button

You can also enter a browser redirect URL. This is particularly helpful if you are selling digital goods like software, ebook, or music. The redirect page could be the page where your users can download the file.

Click on the Generate button to continue.

BitPay will now show you the button code and different button sizes. Select the button size you want to use and copy the code.

Select button and code

Now you can head over to your WordPress website and edit the post or page where you want to add the button. On the post edit screen, you need to switch to the text editor.

Add button code

Next, paste the code you copied from BitPay website inside the text editor and save or publish your changes.

You can now visit the post/page to see your checkout button in action.

Pay with Bitcoin button in WordPress page

We hope this article helped you learn how to accept Bitcoin payments in WordPress. You may also want to see our ultimate step by step WordPress security 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 Accept Bitcoin Payments in WordPress appeared first on WPBeginner.

How to Add Load More Posts Button in WordPress

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

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

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

How to add load more posts button in WordPress

When and Why Add Load More Posts Button in WordPress

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

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

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

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

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

Adding Load More Posts Button in WordPress

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

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

Ajax Load More settings

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Button label

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

Disable scroll

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

Shortcode output

Adding Load More Posts in Your WordPress Theme

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

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

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

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

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

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

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

Click to load more posts button preview

We hope this article helped you learn how to add load more posts button in WordPress. You may also want to see our mega list of the most useful WordPress tips, tricks, and hacks for beginners.

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

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

How to Add Click to Load for GIFs in WordPress

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

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

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

Adding click to load for Gifs in WordPress

Why Add Click to Load for GIFs in WordPress?

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

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

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

Paused GIF example

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

Adding Click to Load for GIFs in WordPress

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

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

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

Add GIF button in WordPress post editor

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

Upload GIFs using the Add Gif button

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

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

GIF shortcode in WordPress post editor

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

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

Click to play animated GIF

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

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

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

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

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

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

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

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

ShellProgressBar by Martijn Laarman

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

static void Main(string[] args)

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

Boom.

Cool ASCII Progress Bars in .NET Core

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

Kurukuru by Mayuki Sawatari

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

What a lovely ASCII Spinner in .NET Core!

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

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

{
Thread.Sleep(1000 * 3);

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

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

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

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

This allowed me to do this:

public static async Task Main(string[] args)

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

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


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



© 2017 Scott Hanselman. All rights reserved.