Tips, Expertise, Articles and Advice from the Pro's for Your Website or Blog to Succeed
WordPress is the most popular platform for websites for a reason. Well, actually, there are many reasons why this is ...
Read more4 Tips to Improve Your WordPress Website Security
The post 4 Tips to Improve Your WordPress Website Security appeared first on WPArena.
The world of eCommerce has forever been changed by the COVID-19 pandemic, which has swept the globe. Online retailing is ...
Read moreeCommerce Marketing for 2021: Propelling Your Brand to Success
The post eCommerce Marketing for 2021: Propelling Your Brand to Success appeared first on WPArena.
Are you trying to recover deleted pages in WordPress?
If you accidentally deleted a WordPress page, then it is possible to recover it from Trash.
In this beginner’s guide, we’ll show you how to easily recover deleted pages in WordPress and WooCommerce.
Just like your computer, WordPress moves deleted items into a ‘Trash’ folder. Doing that removes those items from your website and admin screens, but they’re not deleted permanently right away.
After 30 days, WordPress automatically deletes the item permanently from the trash, and your WordPress database.
If the page you deleted is still in the trash, then you can go ahead and restore it. We’ll show you how in a minute.
However, if it has been deleted from trash too, then you will need to try other ways to restore the deleted page in WordPress.
Sometimes you may accidentally delete a page and not notice it for a while. For instance, if you have multiple pages with the same name, and you end up deleting one that you actually needed.
Another common scenario that we have seen is users accidentally deleting pages needed by WooCommerce or their WordPress membership plugin.
That being said, let’s take a look at how to easily restore deleted pages in WordPress and WooCommerce. Here is quick table of content, so you can jump to the section that best fit your needs.
This method is the easiest, and you should try it first before doing anything else.
Normally, when you delete an item in WordPress, it is sent to the trash folder, and you can recover it for the next 30 days. After that, it will be automatically deleted forever.
Simply go to Pages » All Pages inside your WordPress admin area. From here, you need to switch to the ‘Trash’ tab to view all the pages that have been deleted during last 30 days.
If the page(s) you want to recover is listed there, then simply take your mouse over the page title, and you’ll see the option to ‘Restore’ it.
You can also restore multiple pages at once by selecting them and then choosing ‘Restore’ from the Bulk Actions drop-down menu at the top.
You can now go to Pages » All Pages and locate the restored page there.
That was quick and easy, but what if the page you deleted is not listed under Trash?
Don’t worry, there are other ways to restore deleted pages in WordPress.
Backups are one of the best WordPress security and productivity tools. All WordPress websites must set up a proper WordPress backup plugin.
These WordPress backup plugins not just help you recover a hacked WordPress site, but they can also help you recover deleted content including pages.
Note: WordPress backup plugins allow you to restore your entire website to an earlier point. This means any other changes you made to your website after that time can be lost.
If you know when you deleted a page, then you can access the last back up before that time to restore your website.
If you don’t have a WordPress backup plugin installed, then there is still a fairly good chance that your WordPress hosting company does, and you can still restore it via cPanel.
For step by step instructions you can follow our guide on how to restore WordPress from a backup. It shows how to restore WordPress from a backup using UpdraftPlus, BackupBuddy, phpMyAdmin, cPanel, and more.
By default, WooCommerce creates pages for the checkout, cart, shop, and account management. These are important pages for your WooCommerce store to function properly.
If you accidentally delete a WooCommerce page, then you can first try restoring it by looking into the Trash (see Method 1 above).
If you cannot find the page in trash, then you can simply create a new one. For instance, you can go to Pages » Add New and then create a blank page titled ‘Cart’.
Similarly, you can create other WooCommerce pages as well for shop, checkout, and account.
After you have created new pages, you can tell WooCommerce to use these new pages instead. Simply go to WooCommerce » Settings page and switch to the ‘Advanced’ tab.
From here, you can select pages you created earlier under the Page Setup section.
For the shop page, you’ll need to switch to the ‘Products’ tab and then select the page you want to use as your Shop page.
Don’t forget to click on the ‘Save changes’ button to store your settings.
This method is a bit complicated, unreliable, and is not recommended for beginners. However, it would be useful if you don’t want to restore a complete a website and lose any changes you made after that backup.
You can simply restore your WordPress back up to a local server installation and then copy and paste the page contents that you wish to restore.
First, you’ll need to download your WordPress backup files to your computer. Simply go to your WordPress database backup plugin page and you will be able to see recent backups.
For instance, here is how you’ll see your recent backups listed in the UpdraftPlus.
Simply click on the database backup to download it to your computer.
Next, you will need to restore your WordPress site to a local server. You can install WordPress on your computer using WAMP (or MAMP for Mac).
After that, you can use can install your WordPress backup plugin on local server installation and restore using the backup files.
Optionally, if you have only the database backup, then you can restore that using phpMyAdmin as well.
Once you have restored the WordPress database, you will need to update WordPress Site and Home URLs in the database. To do that, simply open phpMyAdmin on your local server by typing the following URL:
http://localhost/phpmyadmin/
After that, you need to select your WordPress database from the left column and then click on the wp_options table. Switch to the browse tab and locate the rows containing ‘siteurl’ and ‘home’ under the option_name column.
You’ll notice that the option_value column contains the URL of your live website. You need to edit both of these rows and replace your option_value to match your local server WordPress site.
After that click on the ‘Go’ button to save your changes.
You can now login to your localhost installation, and you’ll see all your old pages listed under Pages » All Pages.
Go a head and edit the page you want to restore. All you need to do is copy the content and paste it to your live WordPress website as a new page.
Don’t forget to update or publish changes on your live website.
We hope this article helped you learn how to recover deleted pages in WordPress. You may also want to see our complete WordPress security guide to keep your WordPress site safe and secure, and our list of the must have WordPress plugins for all websites.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
The post How to Recover and Restore Deleted Pages in WordPress appeared first on WPBeginner.
One of the hardest parts of running an online business is getting new customers to your website. There are so ...
Read more6 Important Marketing Channels for Your Online Business
The post 6 Important Marketing Channels for Your Online Business appeared first on WPArena.
Are you looking for a way to highlight text in a WordPress post or page?
Highlighting text can help point the user’s attention to a specific part of your content. This can be great to show off a call to action, a special offer, or to simply add emphasis on specific sentences.
In this article, we will show you how to easily highlight text in WordPress.
Text highlighting is an easy way to emphasize important information in your content. It helps you direct the user’s attention to details that you don’t want them to miss.
For instance, highlighting a discount offer on your WordPress website in a different color will draw the reader’s attention to it, helping you generate more sales.
Here’s a sample of what text highlighting might look like in a blog post:
Highlighting text in a different color can also help users with visual impairments or reading difficulties to navigate and understand the content more easily. It can even enhance the appearance of your content and make it more visually appealing.
However, highlighting too much text on your page can be distracting and reduce its effectiveness. That’s why we recommend only highlighting very important text like calls to action, warnings, and other details that readers should pay attention to.
That being said, let’s take a look at how to easily highlight text in WordPress. You can use the quick links below to jump to the method you wish to use:
This method is for you if you want to easily highlight text in WordPress using the block editor.
First, you will need to open up an existing or new post in the block editor from the WordPress admin sidebar.
Once you are there, simply select the text that you want to highlight and then click the ‘More’ icon in the block toolbar at the top.
This will open up a dropdown menu where you must the ‘Highlight’ option from the list.
A color picker tool will now open up on your screen. From here, you will first need to switch to the ‘Background’ tab.
After that, you can choose a default highlight color from the given options.
You can also select a custom color to highlight text by clicking on the ‘Custom’ option to launch an ‘Eyedropper’ tool.
Finally, don’t forget to click the ‘Publish’ or ‘Update’ button to save your changes.
You can now visit your website to check out the highlighted text in action.
If you want to consistently use a specific color to highlight text all over your WordPress website, then this method is for you.
You can easily highlight text in WordPress by adding CSS code to your theme files. However, the smallest error when entering the code could break your website, making it inaccessible.
That’s why we recommend using WPCode, which is the best WordPress code snippet plugin on the market. It is the easiest and safest way to add code to your website without directly editing your theme files.
Create a Code Snippet With WPCode
First, you need to install and activate the free WPCode plugin. For more instructions, please see our beginners’ guide on how to install a WordPress plugin.
Upon activation, head over to the Code Snippets » + Add Snippet page from the WordPress admin sidebar.
Next, just click the ‘Use Snippet’ button under the ‘Add Your Custom Code (New Snippet)’ option.
This will take you to the ‘Create Custom Snippet’ page, where you can start by typing a name for your code snippet.
After that, you need to select the ‘CSS Snippet’ option from the ‘Code Type’ dropdown menu.
Note: The ‘CSS Snippet’ option is only available in the premium version of WPCode. If you are using the free version, then you will have to select the ‘Universal Snippet’ option instead.
Next, click inside the ‘Code Preview box’.
Then, you have to copy and paste the following code:
mark {
background-color: #ffd4a1;
}
Once you have done that, add the hex code for your preferred highlight color next to the background-color line in the code.
In our example, we are using #ffd4a1, which is a light brown color.
After that, scroll down to the ‘Insertion’ section.
From here, select the ‘Auto Insert’ method to automatically execute the code upon activation.
Next, head to the top of the page and toggle the ‘Inactive’ switch to ‘Active’.
Finally, click the ‘Save Snippet’ button to store your changes.
Highlight Text in the Block Editor
Now that the CSS snippet has been activated, we will have to add some HTML code in the block editor to highlight the text in WordPress.
First, open up an existing or new post in the WordPress block editor.
From here, click on the ‘Options’ icon in the block toolbar at the top. This will open up a new dropdown menu where you must select the ‘Edit as HTML’ option.
You will now see the block content in HTML format.
Here, simply wrap the text that you want to highlight inside the <mark> </mark> tags like this:
<mark>highlighted-text</mark>
This will highlight the text in the hex color that you choose in your WPCode snippet.
After that, click the ‘Edit Visually’ option in the block toolbar. to switch back to the visual editor.
Once you are done, go ahead and click the ‘Update’ or ‘Publish’ button to save your changes.
Now, you can visit your website to check out the highlighted text in action.
We hope this guide helped you learn how to highlight text in WordPress. You may also want to see our guide on how to customize colors in WordPress to make your website more aesthetically pleasing and our comparison of the best email marketing services to grow your traffic.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
The post How to Highlight Text in WordPress (Beginner’s Guide) first appeared on WPBeginner.
Right now, the two most popular search engines are Google and YouTube, which is no surprise. They work perfectly hand ...
Read moreRead This Before Embedding Your YouTube Videos into WordPress
The post Read This Before Embedding Your YouTube Videos into WordPress appeared first on WPArena.
Do you want to add extra profile fields for users to fill in when they register on your WordPress website?
Maybe you want to allow users to submit their social media profiles. Or you might want them to submit their business phone number when registering. This can all be done by adding additional profile fields.
In this article, we will show how to easily add additional user profile fields in WordPress registration forms.
By adding more user profile fields to your WordPress website’s registration form, you can collect extra information from users to improve your marketing campaigns, personalize content, or simply learn more about your audience.
For example, you can ask your users to provide their phone numbers or social media profiles when registering on your WordPress site.
This way, you will be able to send targeted SMS messages to your users or can ask them to promote your WordPress blog on their social media accounts.
All of these extra fields can be handy if you run a membership website or allow users to sign up as subscribers to your blog. They can also be helpful if you want to store extra contact information for the other writers on your multi-author blog.
That being said, let’s see how to easily add additional user profile fields in WordPress. For this tutorial, we will be discussing two methods, and you can use the links below to jump to the method of your choice:
The best way to add extra user profile fields in WordPress is to use the Advanced Custom Fields plugin. It lets you choose from multiple fields and customize them to fit your needs.
First, you need to install and activate the Advanced Custom Fields plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, you need to head to the ACF » Field Groups page from the WordPress admin sidebar and click the ‘+ Add Field Group’ button.
This will take you to a new page where you can start by typing a name for the field group.
Keep in mind that this will be the name of the entire field group and not the individual user’s field.
After that, scroll down to the ‘Fields’ section and choose a field type from the dropdown menu.
For example, if you want users to provide their phone number upon registration, then you can choose the ‘Number’ option. Alternatively, if you want users to provide their social media profiles, then you can pick the ‘Text’ option.
Once you have done that, just type the name of your field into the ‘Field Label’ option. For instance, if you want users to provide their Twitter handle before registering, then you can enter that into the field.
The plugin will then automatically generate a field name according to your label name.
Next, you must switch to the ‘Validation’ tab from the top. From here, you can make the field required by toggling on the switch. This way, users won’t be able to register on your WordPress site without filling in the additional field.
After that, you can even set a character limit for your custom field.
Now, switch to the ‘Presentation’ tab from the top.
Once you are there, you can add placeholder text, instructions, and wrapper attributes for your additional user profile field.
Next, scroll down to the ‘Settings’ section and make sure that the ‘Location Rules’ tab is selected. From here, you must set up conditional logic for your custom field so that it will only be displayed for your WordPress site registration.
To do this, select the ‘User Form’ option from the dropdown menu in the left corner of the screen. After that, choose the ‘Register’ option from the dropdown menu in the right corner.
Finally, click the ‘Save Changes’ button at the top of the screen to store your settings.
If you want to add another additional field, then you can also click the ‘+ Add Field’ button.
Now visit your user registration page to view the additional user profile field in action.
This is how it looked on our demo website.
This method allows you to quickly and easily add extra fields to user profiles and user registration forms in WordPress. It is a little less flexible, but it gets the job done.
First, you need to install and activate the Profile Extra Fields plugin. If you are not sure how to do this, then you can check out our full guide on how to install a WordPress plugin.
Once the plugin is activated, it’s time to create some additional user profile fields to use on your registration forms.
We are going to create a phone number field as an example, but you can add as many of these fields as you want.
First, visit the Profile Extra Fields » Add New page from the WordPress admin sidebar. From here, type the name of the field next to the ‘Name’ option.
For example, if you are creating a field for users to submit their phone number, then you can type ‘Phone Number’ as the field name.
After that, select a field type from the dropdown menu. If you are adding a social media profile field, then you can use the ‘Text Field’ option.
However, if you want a field for phone numbers, then you need to select that option from the dropdown menu.
After that, you can also type a pattern for your phone number field or add a description for it.
Next, scroll down to the ‘Field Properties’ section and check the boxes for the user roles that you want this field to be displayed for.
For instance, if you want this field to be displayed for all the authors registering on your WordPress site, then you can check the box next to this user role.
You can choose as many user roles as you want.
Next, you can also check the ‘Required’ box if you don’t want users to register without filling in this field in the form. Make sure that the ‘Always Show in User Registration Form’ box is checked so that your user field will be displayed in the form.
Finally, click the ‘Save Changes’ button to store your settings.
Now, you will need to go into your WordPress dashboard to change some settings for new registrations.
Head to the Settings » General page in your WordPress admin area and then check the membership box so that anyone can register on your website.
Next, you need to make sure that the default role is set to the role which you have added extra fields for. After that, click the ‘Save Changes’ button to store your settings.
This way, you can control the level of access new users have, and this will force the registration form to show the fields you selected earlier in this tutorial.
Here’s what the default registration form looked like on our demo website.
The methods in this tutorial have shown you how to add extra user profile fields to the default WordPress registration form.
However, if you would like to create a custom user registration form in WordPress, then you can also easily do that by using the WPForms plugin.
It is the best WordPress form plugin that allows you to design your own user registration form using drag and drop. It also integrates seamlessly with plugins like Advanced Custom Fields, so you can easily insert additional user profile fields.
For detailed instructions, please follow our tutorial on how to create a custom user registration form in WordPress.
We hope this tutorial helped you learn how to add additional user profile fields in WordPress registration. You may also want to see our beginner’s guide on how to create a custom WordPress login page and our comparison of the best WordPress membership plugins to create and sell courses.
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 Additional User Profile Fields in WordPress Registration first appeared on WPBeginner.
Do you want to add a WordPress logout link to your site?
If you run a membership site, bbPress forum, eCommerce store, or a learning management system (LMS) using WordPress, having a prominent logout link is helpful for your users.
In this article, we will show you how to add the WordPress logout link to your navigation menu, as well as to other areas of your site.
Normally you can log out of your WordPress site by clicking on the logout link. This link is located below your profile picture in the top right corner of the WordPress admin bar.
All you have to do is take your mouse over to your username, and it will appear in the dropdown menu.
In case you or your site administrator have disabled the WordPress admin bar, then you will not be able to see the WordPress logout link.
The good thing is that the WordPress logout link can be directly accessed to log out of your current WordPress session.
The logout link for your WordPress site looks like this:
http://example.com/wp-login.php?action=logout
Don’t forget to replace example.com with your own domain name.
You can access this link directly in your browser window to log out of your WordPress site.
When you visit the WordPress logout link, it will take you to a warning page. You will need to click on the logout link to confirm that you really want to log out.
You can also manually add this logout link anywhere on your WordPress site. Let’s take a look at how to do that.
If you don’t like the video or need more instructions, then continue reading.
Adding the WordPress logout link in your site’s navigation menu will make it easily accessible from any page on your website.
Simply head over to the Appearance » Menus page in your WordPress admin. After that, you need to click on the custom links tab to expand it and add the logout link in the URL field.
Once you are done, click on the ‘Add to menu’ button, and you will notice the link appear in the right column. You can adjust its position by simply dragging it up or down.
Don’t forget to click on the ‘Save Menu’ button to store your changes.
You can now visit your website to see the logout link in your navigation menu.
The problem with adding the logout link in the menu is that it is visible to all users (both logged-in and logged-out). It only makes sense to show the logout link to users who are actually logged in.
You can do that by following our instructions on how to show different menus to logged in users.
WordPress comes with a default widget called Meta. This widget shows a bunch of useful links including a logout or login link to users.
Some people find the other links in the Meta widget are not quite as useful.
As an alternate, you can also add a plain text or custom HTML widget with the logout link in plain HTML. Here is the HTML code you’ll need to add:
<a href="http://example.com/wp-login.php?action=logout">Logout</a>
If you manually add a logout link in WordPress, then the problem is that it does not change based on the user’s login status.
To fix that, you can use a plugin to dynamically display the login or logout link based on the user’s session.
First, you’ll need to install the Login or Logout Menu Item plugin. For details, see our step-by-step guide on how to install a WordPress plugin.
After you install and activate the plugin, you’ll go to Appearance » Menus in your WordPress admin and add the Login/Logout link to your menu.
After you hit ‘Save Menu’ and check your WordPress website, you’ll see the link in your menu.
When you click on it, it’ll take you to a page to login, or if you’re already logged in, it will log you out.
This method also works with WooCommerce, MemberPress, and other WordPress eCommerce platforms.
We hope this article helped you find the direct WordPress logout link and add it to your navigation menu. You may also want to see our guide on how to add a call button in WordPress, and how to track link / button clicks in WordPress to make data-driven decisions.
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 the WordPress Logout Link to Navigation Menu appeared first on WPBeginner.
Looking for the best Black Friday and Cyber Monday deals on your favorite WordPress products?
The next few days are the perfect time to buy premium WordPress plugins, themes, web hosting, and tools to grow your business. As always, to help you find the best deals, we have created the ultimate listed of best WordPress Black Friday and Cyber Monday deals for 2020. Some of these are exclusive just for WPBeginner readers.
View our Complete Black Friday and Cyber Monday List for 2020
We will be updating this page on a daily basis to add more deals.
View our Complete Black Friday and Cyber Monday List for 2020
The post 150+ Black Friday / Cyber Monday 2020 WordPress Deals – Big Savings appeared first on WPBeginner.
1. Modula – WordPress Intuitive Gallery Plugin Modula is an amazing user-friendly, intuitive plugin that will help you create professional-looking ...
Read moreTop WordPress Gallery Plugins
The post Top WordPress Gallery Plugins appeared first on WPArena.
Recently, one of our users asked us how to create a sticky navigation menu for their site?
Sticky navigation menus stay on the screen as users scroll down the page. This makes the top menu always visible, which is good for user experience because it contains links to the most important sections of your website.
In this article, we’ll show you how to easily create a sticky floating navigation menu in WordPress.
A sticky or floating navigation menu is one that ‘sticks’ to the top of the screen as a user scrolls down. This makes your menu visible to users at all times.
Here’s a sticky menu in action. We’re going to show you how to create a menu exactly like this for your own site:
Why and when sticky menus can be useful?
Usually, the top navigation menu contains links to the most important sections of a website. A floating menu makes those links always visible, which saves users from scrolling back to the top. It is also proven to increase conversions.
If you run an online store, then your top navigation menu likely include links to the cart, product categories, and product search. Making this menu sticky, can help you reduce cart abandonment and increase sales.
Some of the best WordPress themes have built-in support for a sticky navigation menu. Simply see your theme settings under Themes » Customize to enable this feature.
If your theme does not have this option, then keep reading, and we’ll show you how to easily create a sticky floating navigation menu in any WordPress theme or WooCommerce store.
This is the easiest method. We recommend it for all WordPress users, particularly for beginners.
If you haven’t set up your navigation menu yet, go ahead and do that using our instructions on how to add a navigation menu in WordPress.
After that, you need to install and activate the Sticky Menu (or Anything!) on Scroll plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you need to visit the Settings » Sticky Menu (or Anything!) page to configure the plugin settings.
First you need to enter the CSS ID of the navigation menu that you want to make sticky.
You will need to use your browser’s inspect tool to find the CSS ID used by your navigation menu.
Simply visit your website and take your mouse to the navigation menu. After that, you need to right-click and select Inspect from your browser’s menu.
This will split your browser screen, and you will be able to see the source code for your navigation menu.
You need to find a line of code that relates to your navigation, or your site header. It will look something like this:
<nav id="site-navigation" class="main-navigation" role="navigation">
If you’re struggling to find it, bring your mouse cursor over the different lines of code in the Inspect pane. The navigation menu will be fully highlighted when you have the right line of code:
In this case, our navigation menu’s CSS ID is site-navigation.
All you need to do is enter your menu’s CSS ID in the plugin settings with a hash at the start. In this case, that’s #site-navigation.
Don’t forget to click the ‘Save Changes’ button at the bottom of the page.
Now, go ahead and check out your sticky menu live on your WordPress website. It should stay on the page as you scroll down, like this:
The next option on the plugin’s settings page is to define the space between the top of your screen and the sticky navigation menu. You only need to use this setting if your menu is overlapping an element that you do not want to be hidden. If not, then ignore this setting.
We recommend leaving the box checked next to the option: ‘Check for Admin Bar’. This allows the plugin to add some space for the WordPress admin bar, which is only visible to logged-in users.
Here, you can see that the admin bar on our test site is correctly displaying above the sticky menu:
The next option allows you unstick the navigation menu if a user is visiting your website using a smaller screen such as a mobile device:
You can test how your site looks on mobile devices or tablets. If you don’t like how it looks, simply add 780px for this option.
Don’t forget to click on the Save Changes button after making any changes to your options.
This method requires you to add custom CSS code to your theme. We don’t recommend it for beginners.
We also recommend that you take a look at our guide on how to easily add custom CSS to your WordPress site before you begin.
First, you need to visit Appearance » Customize to launch the WordPress theme customizer.
Next, click on ‘Additional CSS’ in the left pane and then add this CSS code.
#site-navigation {
background:#00000;
height:60px;
z-index:170;
margin:0 auto;
border-bottom:1px solid #dadada;
width:100%;
position:fixed;
top:0;
left:0;
right:0;
text-align: center;
}
Note: This will produce a navigation menu with a black background. If you want a different color, change the number next to background. For example, using background: #ffffff will give you a white menu background.
Just replace #site-navigation with the CSS ID of your navigation menu then click on the Publish button at the top of the screen.
Go ahead and visit your website to see your sticky floating navigation menu in action:
What if your navigation menu normally appears below the site header instead of above it? If so, this CSS code could overlap the site title and header or appear too close to it before the user scrolls:
This can be easily adjusted by adding a margin to your header area using some additional CSS code:
.site-branding {
margin-top:60px !important;
}
Replace site-branding with the CSS class of your header area. Now, the sticky navigation menu will no longer overlap your header before the user scrolls down:
We hope this article helped you add a sticky floating navigation menu to your WordPress site. You may also want to see our guide on how to create a custom WordPress theme without writing any code, and our comparison of the best WordPress page builder plugins.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
The post How to Create a Sticky Floating Navigation Menu in WordPress appeared first on WPBeginner.
The future of eCommerce looks incredibly bright. With more than one million products being sold online on a daily basis, ...
Read more5 Technical Tips for Your eCommerce Business
The post 5 Technical Tips for Your eCommerce Business appeared first on WPArena.
Do you need to edit the footer area of your WordPress website? The footer area appears at the bottom of each page on your WordPress site.,
There are several different ways website owners can utilize this area and make it more useful for their website visitors.
In this article, we will show you how to edit the footer in WordPress.
The ‘footer’ in WordPress is the bottom part of your website that appears after the content area. It normally appears on all pages on your website.
This part of the website is located far down below and is often ignored by most beginners for a long time. However, there are several ways you can utilize this area by making it more helpful for your users, WordPress SEO, and your business.
All top WordPress themes come with footer widget area that’s easy to edit. You can also carefully edit the footer.php template file in your theme to remove unwanted links from this area.
That being said, let’s take a look at how to easily edit the footer in WordPress. You can use the following links to jump to the section you want to read.
Many popular WordPress themes have widget areas in the footer.
You can use these widget areas to add text, images, or links to your privacy policy and legal disclaimers in the footer area.
Adding text and images is quite straight forward. You can simply go to the Appearance » Widgets page and add a Text, Image, or Gallery widget to your footer widget area.
To add a widget, simply drag and drop it into a footer area. If you need more help, then see our article on how to add and use widgets in WordPress.
Note that many themes will have multiple footer areas, and they may use them differently. You can preview your website after adding widgets to make sure that they appear where you want them to be.
Adding Links in Footer Widget Area
You may also want to add links to different pages, categories, or to the legal pages of your website in the footer area.
WordPress comes with an easy to to manage those links using the navigation menus. Simply head over to the Appearance » Menus page and click on the ‘create new menu’ link.
WordPress will ask you to provide a name for your new menu. Enter a name that helps you easily identify this menu and then click on the ‘Create Menu’ button.
Your menu is now ready and you can start adding links to it. Simply select the pages, posts, categories from the left column to add them to your menu.
Once you are finished, click on the Save Menu button to store your changes. For more help, see our article on how to create navigation menus in WordPress.
Your menu is now ready to be added to the WordPress footer widget area. Simply visit the Appearance » Widgets page in your WordPress admin and then add the Navigation Menu widget to your footer area.
In the widget settings, select the footer navigation menu you created earlier from the dropdown menu and click on the Save button.
You can now visit your website to see your footer links in action.
You can create multiple navigation menus in WordPress and add as many navigation menu widgets to your sidebar as you need. If you need another set of links simply repeat the same steps again.
When you first install WordPress, your site may have a ‘Powered by WordPress’ link in a footer bar at the bottom. This isn’t a widget, so it’s often not clear how to change it.
Some themes will alter this to their own text and link. If so, you can normally change this text using the live theme customizer. Simply go to Themes » Customizer in your WordPress admin. Look for an option to edit your site footer:
We’re using the Astra theme for this example. With Astra, you need to go to Footer » Footer Bar in the customizer. You will then have the option to change the text of your footer bar:
Once you’ve finished editing the text, don’t forget to click the Publish button at the top of the screen to put your changes live.
Go ahead and view your site to see your new footer:
For more help, take a look at our in-depth guide to the WordPress theme customizer.
Editing the Footer Text Manually
What if your theme doesn’t have the option to edit the footer text using the customizer?
In this case, you need to edit the footer.php file. It is a template file stored in your WordPress theme folder and is responsible for displaying the footer area for that particular theme.
The easiest way to edit this is by using an FTP client to connect with your WordPress hosting.
First, download the /wp-content/themes/yourtheme/footer.php file and then edit it in a text editor.
You will need to find the line in the file with the ‘Powered by WordPress’ text. This is how it looks in the Twenty Twenty theme:
<div class="footer-credits"> <p class="footer-copyright">© <?php echo date_i18n( /* translators: Copyright date format, see https://www.php.net/date */ _x( 'Y', 'copyright date format', 'twentytwenty' ) ); ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a> </p><!-- .footer-copyright --> <p class="powered-by-wordpress"> <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>"> <?php _e( 'Powered by WordPress', 'twentytwenty' ); ?> </a> </p><!-- .powered-by-wordpress --> </div><!-- .footer-credits -->
Then, simply delete or change that text, and reupload your footer.php file.
Tip: Make a copy of your footer.php file before making changes. That way, if you accidentally break anything, you can easily upload the original file again.
For more help, check out our guide on removing the ‘Powered by WordPress’ footer link.
Sometimes, you may need to add code snippets to your WordPress footer. This is often done in order to connect your site with an external app.
For instance, to add a Pinterest button to your site, you need to add Pinterest’s script to your footer. You may also see a tutorial that asks you to insert your Google Analytics code there.
The easiest way to do this is to install and activate the Insert Headers and Footers plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, simply go to Settings » Insert Headers and Footers in your WordPress admin. Go ahead and copy and paste your footer code into the ‘Scripts in Footer’ box:
Don’t forget to click the Save button before moving on.
For more help, take a look at our guide to adding header and footer code in WordPress.
If you’re looking to add Google Analytics, then we recommend you use another method instead which helps with better tracking.
We hope this article helped you learn how to edit the footer in WordPress. You may also want to see our comparison of the best drag & drop WordPress page builder plugins, and our guide on how to create a custom WordPress theme without writing any code.
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 Edit the Footer in WordPress (Step by Step) appeared first on WPBeginner.
Do you want to change the default sender name and email address for outgoing WordPress emails?
By default, WordPress uses ‘WordPress’ as the sender name for all outgoing WordPress notification emails. This doesn’t look very professional, and you may want to change that to your business name.
In this article, we will show you how to easily change the default sender name and email address in outgoing WordPress emails.
WordPress sends several email notifications to the site administrator as well as other users on your website.
This includes very important email notifications such as forgot password emails, website error and recovery emails, new user registration, and more.
By default, it uses ‘WordPress’ as the sender’s name and a non-existent email address (wordpress@yourdomain.com) as the sender email.
Many spam filters block your WordPress emails believing it to be spam. Sometimes it does not even make it to the spam folder.
For more on this topic, take a look at our guide on how to fix WordPress not sending email issue.
The outgoing email notifications are important, and you should use your own brand and email address. This increases the authenticity of your brand and increases name recognition among your users.
For instance, if you run an online store, then you would want customers to get email notifications with your store name as the sender.
See our guide on how to get a free business email address for your website in 5 minutes.
Having said that, let’s see how to change the default sender name and email address in outgoing WordPress email notifications.
This method is easier and recommended for all WordPress users.
For this method, we’ll be using the WP Mail SMTP Pro plugin. It is the best WordPress SMTP plugin on the market, used by over 1 million website owners.
This plugin allows you to easily change the default sender name and email address for outgoing WordPress emails. It also helps you fix the WordPress email deliverability problem.
First thing you need to do is install and activate the WP Mail SMTP Pro plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you need to visit WP Mail SMTP » Settings to configure plugin settings. Under the Mail section, you can simply enter the email address and the name you want to use to send WordPress emails.
Below that you can find the options to set up an SMTP server to send WordPress emails. By default, the plugin will use PHP method provided by your WordPress hosting company which is less reliable.
We recommend using any of the listed SMTP services to properly send WordPress emails for higher guaranteed deliverability.
If you choose an SMTP service, then follow the on-screen instructions to connect the plugin with your SMTP service provider.
Don’t forget to click on the ‘Save Settings’ button to save your changes.
Test Your WordPress Emails
WP Mail SMTP Pro also allows you to test your WordPress email settings. Simply go to the WP Mail SMTP » Settings page and switch to the ‘Email Test’ tab.
From here, you just need to provide an email address that you can access and then click on the ‘Send Email’ button.
The plugin will now send a test email to the address you provided. You can check your inbox to make sure that you can receive WordPress emails, and it has the correct sender name and sender email address.
WP Mail SMTP works with all popular WordPress plugins like WooCommerce, WPForms, and more.
For more detailed instructions, you may want to see our article on how to use SMTP to send WordPress emails.
This method is only recommended if you don’t use an SMTP service, or the first method is not working for you.
Using this method does not improve your WordPress email deliverability or make it easier to troubleshoot email issues. However, if your WordPress emails are working, then it will allow you to change sender name and email address.
First thing you need to do is install and activate the CB Change Mail Sender plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you will notice a new menu item labeled CB Mail Sender in your WordPress admin bar. Clicking on it will take you to plugin’s settings page.
You will need to enter the name and email address you want to be used for outgoing WordPress emails.
Don’t forget to click on the save changes button to store your settings.
That’s all, your WordPress notification emails will now show the name and email address you entered in plugin settings.
There is no method provided by the plugin to test your email settings. You can do that by performing actions that generate WordPress notification emails like creating a new user, requesting a password reset, and more.
This method is not recommended for beginners. This method requires you to paste code into your WordPress files. It also does not fix any email deliverability issues and is harder to troubleshoot.
If you are new to adding code in WordPress, then take a look at our beginners guide on pasting snippets from web into WordPress.
You will need to add the following code in your theme’s functions.php file or a site-specific plugin.
// Function to change email address
function wpb_sender_email( $original_email_address ) {
return 'tim.smith@example.com';
}
// Function to change sender name
function wpb_sender_name( $original_email_from ) {
return 'Tim Smith';
}
// Hooking up our functions to WordPress filters
add_filter( 'wp_mail_from', 'wpb_sender_email' );
add_filter( 'wp_mail_from_name', 'wpb_sender_name' );
This code simply replaces the default WordPress sender name and email address with your custom sender name and email address.
You can test this by adding a new user, changing passwords, or any other action that sends a WordPress notification email.
We hope this article helped you learn how to change the sender’s name and email address in outgoing WordPress emails. You may also want to see our guide on the best bulk email marketing services to bulk send email to all your users, and our comparison of the best WordPress page builder plugins to customize your site without any code.
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 Change Sender Name in Outgoing WordPress Email appeared first on WPBeginner.
What makes some online retail businesses so successful? What are shoppers actually looking for? Surprisingly, the answer is not that ...
Read moreEverything You Need for a Successful Online Retail Store
The post Everything You Need for a Successful Online Retail Store appeared first on WPArena.
35% of Websites in the World are on WordPress now. For WordPress users, the Elementor ... Read More
The post Master Addons Review appeared first on WPArena.
In today’s world, most ambitious entrepreneurs are looking to move their businesses online. It is ... Read More
The post These 5 Things Can Make or Break Your eCommerce Website appeared first on WPArena.