Webmasters Archive

  • In this tutorial I am going to show you how you can customize the payment button styles of the Stripe Payments plugin.You can customize your button styling using “class” parameter of the shortcode. If it’s omitted, your button will retain the default style provided by Stripe:[accept_stripe_payment name="Test Digital Item" price="25" url="http://example.com/downloads/my-script.zip" button_text="Buy Now"]If you put an empty value (e.g. class=””), your button will use your theme’s default button look. This is how it would look like if you’re using Twenty Sixteen WP theme:[accept_stripe_payment name="Test Digital Item" price="25" url="http://example.com/downloads/my-script.zip" button_text="Buy Now" class=""]Custom Button StylingYou can use your own custom styling if you want to. Let’s say you have css code with class name “my-super-cool-button” and it looks like this:.my-super-cool-button {-moz-box-shadow: 3px 4px 0px 0px #1564ad;-webkit-box-shadow: 3px 4px 0px 0px #1564a..

    Customizing the Payment Button Styles of the Stripe Payments Plugin

    In this tutorial I am going to show you how you can customize the payment button styles of the Stripe Payments plugin.You can customize your button styling using “class” parameter of the shortcode. If it’s omitted, your button will retain the default style provided by Stripe:[accept_stripe_payment name="Test Digital Item" price="25" url="http://example.com/downloads/my-script.zip" button_text="Buy Now"]If you put an empty value (e.g. class=””), your button will use your theme’s default button look. This is how it would look like if you’re using Twenty Sixteen WP theme:[accept_stripe_payment name="Test Digital Item" price="25" url="http://example.com/downloads/my-script.zip" button_text="Buy Now" class=""]Custom Button StylingYou can use your own custom styling if you want to. Let’s say you have css code with class name “my-super-cool-button” and it looks like this:.my-super-cool-button {-moz-box-shadow: 3px 4px 0px 0px #1564ad;-webkit-box-shadow: 3px 4px 0px 0px #1564a..
    Read More
  • Depending on the type of web site that you are creating, and the desired content structure, it’s sometimes very powerful to create custom post types with custom fields.Some of the time, you may want 100% control over the fields for your custom post type.At a minimum, you may want to keep the post title, although you actually don’t have to.Keeping the title is handy though for when viewing the content within the Admin and for generating a default post slug.The title doesn’t actually have to be used on the front end if it’s not needed.Let’s explore creating a custom post type for affiliate links, which can be expanded on at anytime.Today, you will simply create an interface to store the affiliate URL, give it a name for easy reference, and to keep track of how many times the affiliate URL was visited.Upon visiting the domain-branded & friendlier custom post URL, as opposed to the ugly affiliate URL, the counter will increment by one, and the browser will redirect to the aff..

    How to Create a Custom Post Type for Affiliate Links

    Depending on the type of web site that you are creating, and the desired content structure, it’s sometimes very powerful to create custom post types with custom fields.Some of the time, you may want 100% control over the fields for your custom post type.At a minimum, you may want to keep the post title, although you actually don’t have to.Keeping the title is handy though for when viewing the content within the Admin and for generating a default post slug.The title doesn’t actually have to be used on the front end if it’s not needed.Let’s explore creating a custom post type for affiliate links, which can be expanded on at anytime.Today, you will simply create an interface to store the affiliate URL, give it a name for easy reference, and to keep track of how many times the affiliate URL was visited.Upon visiting the domain-branded & friendlier custom post URL, as opposed to the ugly affiliate URL, the counter will increment by one, and the browser will redirect to the aff..
    Read More
  • In this tutorial I will show you how you can add a status text next to the post title based on a condition.There are two different ways you can handle this:Show the status text dynamically when WordPress is rendering the post title.Update the post title text in the wp_posts database table using a cronjob.For this tutorial we will show an “Expired” message before the post title if the post’s published date is older than 14 days. The same concept can be applied to do any kind of conditional check and update the post title accordingly.Method #1) Dynamically Update the Post TitleWe can use the “the_title” filter to modify the post title when it is being rendered.The following code example shows how to do it (read the comment in the code for explanation):add_filter('the_title', 'tthq_add_expired_status_to_title');function tthq_add_expired_status_to_title($title) { if (is_page()){ ..

    Add a Status Text Next to Your WordPress Post Title

    In this tutorial I will show you how you can add a status text next to the post title based on a condition.There are two different ways you can handle this:Show the status text dynamically when WordPress is rendering the post title.Update the post title text in the wp_posts database table using a cronjob.For this tutorial we will show an “Expired” message before the post title if the post’s published date is older than 14 days. The same concept can be applied to do any kind of conditional check and update the post title accordingly.Method #1) Dynamically Update the Post TitleWe can use the “the_title” filter to modify the post title when it is being rendered.The following code example shows how to do it (read the comment in the code for explanation):add_filter('the_title', 'tthq_add_expired_status_to_title');function tthq_add_expired_status_to_title($title) { if (is_page()){ ..
    Read More
  • For one of my blogs, I needed a simple and clean Table of Contents (ToC) implementation that uses pure HTML and CSS only (no plugins or JavaScripts). I can then manually add the ToC into any page where I want to show it. This method has the benefit of not having to load any JS files on every page of the site. More importantly, I don’t have to maintain any JavaScript code for it.Most of the tutorials on this topic uses a solution that involves using JavaScript or a Plugin. In this tutorial I will explain how I created a simple table of contents that look like the following screenshot using only HTML and CSS. You should be able to copy and paste most of the code. However, you do have to understand CSS and HTML code a little to utilize this.The CSS Code for the ToCAdd the following CSS code in your theme’s stylesheet file. Alternatively, you can inject this CSS code using a custom CSS plugin like this one.#toc_container { background: #f9f9f9 none repeat scroll 0 0; border: 1px so..

    Simple Table of Contents (ToC) Using Pure HTML and CSS Code

    For one of my blogs, I needed a simple and clean Table of Contents (ToC) implementation that uses pure HTML and CSS only (no plugins or JavaScripts). I can then manually add the ToC into any page where I want to show it. This method has the benefit of not having to load any JS files on every page of the site. More importantly, I don’t have to maintain any JavaScript code for it.Most of the tutorials on this topic uses a solution that involves using JavaScript or a Plugin. In this tutorial I will explain how I created a simple table of contents that look like the following screenshot using only HTML and CSS. You should be able to copy and paste most of the code. However, you do have to understand CSS and HTML code a little to utilize this.The CSS Code for the ToCAdd the following CSS code in your theme’s stylesheet file. Alternatively, you can inject this CSS code using a custom CSS plugin like this one.#toc_container { background: #f9f9f9 none repeat scroll 0 0; border: 1px so..
    Read More
  • This is a tutorial for the video answers to top WordPress questions series that we have been publishing on this site to help users get started with WordPress.If you’re just launching a new WordPress site, and want Google to start crawling it, there are generally only a couple things that need to be done.First, make sure that you aren’t preventing Google from crawling and indexing your site.The robots.txt file can set a command to prevent indexing. Check out the robots.txt file in the root of your site.Another place to check is in the Reading Settings in WordPress.To get there, go to Settings, then Reading. Be sure that “Discourage search engines from indexing this site” in unchecked.Some hosts that auto-install WordPress will check that box during setup, so it’s up to you to manually uncheck it when you are ready for traffic.If you do have to uncheck it, make sure to click on the Save Changes button.Next, you can quickly check to see if your site is already indexed in G..

    How to Get Your WordPress Site on Google

    This is a tutorial for the video answers to top WordPress questions series that we have been publishing on this site to help users get started with WordPress.If you’re just launching a new WordPress site, and want Google to start crawling it, there are generally only a couple things that need to be done.First, make sure that you aren’t preventing Google from crawling and indexing your site.The robots.txt file can set a command to prevent indexing. Check out the robots.txt file in the root of your site.Another place to check is in the Reading Settings in WordPress.To get there, go to Settings, then Reading. Be sure that “Discourage search engines from indexing this site” in unchecked.Some hosts that auto-install WordPress will check that box during setup, so it’s up to you to manually uncheck it when you are ready for traffic.If you do have to uncheck it, make sure to click on the Save Changes button.Next, you can quickly check to see if your site is already indexed in G..
    Read More
  • There are plenty of free and simple ways to add PayPal to WordPress.Today I will provide a quick intro to 4 possible ways to accept payments from PayPal on your web site.In this tutorial, you will see:How to install and use the PayPal for Digital Goods plugin.How to install and use the PayPal Donations plugin.How to install and use the WP Easy Paypal Payment Accept plugin.How to install and use the WordPress Simple Paypal Shopping Cart plugin.Before you move on:Please be sure that you have a PayPal account.Video Tutorial on How to Add PayPal to Your SiteResources mentioned in the tutorial:PayPal Merchant ServicesPayPal for Digital Goods pluginPayPal Donations pluginWP Easy Paypal Payment Accept pluginWordPress Simple Paypal Shopping Cart pluginHow to install and use the PayPal for Digital Goods pluginFrom within your WordPress Dashboard, click Plugins, then Add New.Do a search for: PayPal for Digital GoodsClick Install Now, then Activate.Click Settings, th..

    How to Add PayPal to Your WordPress Site

    There are plenty of free and simple ways to add PayPal to WordPress.Today I will provide a quick intro to 4 possible ways to accept payments from PayPal on your web site.In this tutorial, you will see:How to install and use the PayPal for Digital Goods plugin.How to install and use the PayPal Donations plugin.How to install and use the WP Easy Paypal Payment Accept plugin.How to install and use the WordPress Simple Paypal Shopping Cart plugin.Before you move on:Please be sure that you have a PayPal account.Video Tutorial on How to Add PayPal to Your SiteResources mentioned in the tutorial:PayPal Merchant ServicesPayPal for Digital Goods pluginPayPal Donations pluginWP Easy Paypal Payment Accept pluginWordPress Simple Paypal Shopping Cart pluginHow to install and use the PayPal for Digital Goods pluginFrom within your WordPress Dashboard, click Plugins, then Add New.Do a search for: PayPal for Digital GoodsClick Install Now, then Activate.Click Settings, th..
    Read More
  • Are you looking for the best WordPress themes for fitness blogs? As a fitness website owner, you may be looking for a theme with a specific look and features to help you promote your website. In this article, we will show you the best WordPress themes for fitness blogs. Starting Your Fitness Website with WordPress WordPress is the best blogging platform in the world. Before you start, you must know that there are two types of WordPress. Choosing the right one is crucial for your success. A self-hosted WordPress.org website gives you access to all WordPress features and complete control of your website. For more on this topic, see our comparison of WordPress.org vs WordPress.com. To start a self-hosted WordPress.org website, you’ll need a WordPress hosting account. We recommend using Bluehost. They have agreed to offer WPBeginner users an exclusive discount on hosting, a free domain name, and a free SSL certificate. After signing up for hosting, the next step is to install Wor..

    25 Best WordPress Themes for Fitness Blogs

    Are you looking for the best WordPress themes for fitness blogs? As a fitness website owner, you may be looking for a theme with a specific look and features to help you promote your website. In this article, we will show you the best WordPress themes for fitness blogs. Starting Your Fitness Website with WordPress WordPress is the best blogging platform in the world. Before you start, you must know that there are two types of WordPress. Choosing the right one is crucial for your success. A self-hosted WordPress.org website gives you access to all WordPress features and complete control of your website. For more on this topic, see our comparison of WordPress.org vs WordPress.com. To start a self-hosted WordPress.org website, you’ll need a WordPress hosting account. We recommend using Bluehost. They have agreed to offer WPBeginner users an exclusive discount on hosting, a free domain name, and a free SSL certificate. After signing up for hosting, the next step is to install Wor..
    Read More
  • Are you looking for the best WordPress themes for fitness blogs? As a fitness website owner, you may be looking for a theme with a specific look and features to help you promote your website. In this article, we will show you the best WordPress themes for fitness blogs. Starting Your Fitness Website with WordPress WordPress is the best blogging platform in the world. Before you start, you must know that there are two types of WordPress. Choosing the right one is crucial for your success. A self-hosted WordPress.org website gives you access to all WordPress features and complete control of your website. For more on this topic, see our comparison of WordPress.org vs WordPress.com. To start a self-hosted WordPress.org website, you’ll need a WordPress hosting account. We recommend using Bluehost. They have agreed to offer WPBeginner users an exclusive discount on hosting, a free domain name, and a free SSL certificate. After signing up for hosting, the next step is to install Wor..

    25 Best WordPress Themes for Fitness Blogs

    Are you looking for the best WordPress themes for fitness blogs? As a fitness website owner, you may be looking for a theme with a specific look and features to help you promote your website. In this article, we will show you the best WordPress themes for fitness blogs. Starting Your Fitness Website with WordPress WordPress is the best blogging platform in the world. Before you start, you must know that there are two types of WordPress. Choosing the right one is crucial for your success. A self-hosted WordPress.org website gives you access to all WordPress features and complete control of your website. For more on this topic, see our comparison of WordPress.org vs WordPress.com. To start a self-hosted WordPress.org website, you’ll need a WordPress hosting account. We recommend using Bluehost. They have agreed to offer WPBeginner users an exclusive discount on hosting, a free domain name, and a free SSL certificate. After signing up for hosting, the next step is to install Wor..
    Read More
  • Are you looking for the best WordPress themes for fitness blogs? As a fitness website owner, you may be looking for a theme with a specific look and features to help you promote your website. In this article, we will show you the best WordPress themes for fitness blogs. Starting Your Fitness Website with WordPress WordPress is the best blogging platform in the world. Before you start, you must know that there are two types of WordPress. Choosing the right one is crucial for your success. A self-hosted WordPress.org website gives you access to all WordPress features and complete control of your website. For more on this topic, see our comparison of WordPress.org vs WordPress.com. To start a self-hosted WordPress.org website, you’ll need a WordPress hosting account. We recommend using Bluehost. They have agreed to offer WPBeginner users an exclusive discount on hosting, a free domain name, and a free SSL certificate. After signing up for hosting, the next step is to install Wor..

    25 Best WordPress Themes for Fitness Blogs

    Are you looking for the best WordPress themes for fitness blogs? As a fitness website owner, you may be looking for a theme with a specific look and features to help you promote your website. In this article, we will show you the best WordPress themes for fitness blogs. Starting Your Fitness Website with WordPress WordPress is the best blogging platform in the world. Before you start, you must know that there are two types of WordPress. Choosing the right one is crucial for your success. A self-hosted WordPress.org website gives you access to all WordPress features and complete control of your website. For more on this topic, see our comparison of WordPress.org vs WordPress.com. To start a self-hosted WordPress.org website, you’ll need a WordPress hosting account. We recommend using Bluehost. They have agreed to offer WPBeginner users an exclusive discount on hosting, a free domain name, and a free SSL certificate. After signing up for hosting, the next step is to install Wor..
    Read More
  • Whether you’re a website owner or a website visitor, everyone wants a fast loading website which can carry out sensitive exchanges of information securely. In 2014, Google announced that it was beginning to use HTTPS as a ranking signal, signalling an increased emphasis on secure connections from the world’s biggest search engine. Then, last month, the news came that Google’s Chrome browser will begin displaying a “Not Secure” warning message for unencrypted webpages. This message will be displayed in the address bar of websites not running the HTTPS protocol. Imagine a situation where your visitors withdraw from your website after seeing this warning message. Google does check whether your site uses HTTP or HTTPS protocol. It might not be a crucial factor if you are not very serious about your website. However, if you are an online business, this is not something to overlook – website visitors demand secure connections to the websites they are interacting with. If you aren’t too f..

    Should I move my WordPress website to HTTPS?

    Whether you’re a website owner or a website visitor, everyone wants a fast loading website which can carry out sensitive exchanges of information securely. In 2014, Google announced that it was beginning to use HTTPS as a ranking signal, signalling an increased emphasis on secure connections from the world’s biggest search engine. Then, last month, the news came that Google’s Chrome browser will begin displaying a “Not Secure” warning message for unencrypted webpages. This message will be displayed in the address bar of websites not running the HTTPS protocol. Imagine a situation where your visitors withdraw from your website after seeing this warning message. Google does check whether your site uses HTTP or HTTPS protocol. It might not be a crucial factor if you are not very serious about your website. However, if you are an online business, this is not something to overlook – website visitors demand secure connections to the websites they are interacting with. If you aren’t too f..
    Read More