How to hide WooCommerce Add to Cart or Price button for users who are not logged in?

ẩn nút thêm vào giỏ hàng hoặc giá


I will show you how to hide add to cart button or WooCommerce product conditional price. For example, you can remove the add to cart button and the price only for users who are not logged in. All this you can do without any plugins. Let’s find out together!

hide add to cart button or price

How to hide the price of a product, replace the Add to Cart button with a “Login to see price” button for non-logged-in users

Let’s first see how to display the price and add the button to cart to logged in users in the “Login to view price” way.

Login to see prices

Then grab and paste the following code into your theme or child theme’s function.php file:

add_action( 'init', 'show_price_for_logged_in_users' );

function show_price_for_logged_in_users() {
	if ( ! is_user_logged_in() ) {
		remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
		remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
		remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
		remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
		add_action( 'woocommerce_single_product_summary', 'user_mesage', 31 );
		add_action( 'woocommerce_after_shop_loop_item', 'user_mesage', 11 );
function user_mesage() {
   	echo '<a class="button" href="' . get_permalink( wc_get_page_id('myaccount') ) . '">' . __('Đăng nhập để xem giá', 'woocommerce') . '';

Then the result will be displayed as the screenshot below.

Real results log in to see the price

How do I hide a product’s add-to-cart button for non-logged-in users?


Now, maybe you don’t want to hide the price, just hide the add to cart button. Don’t worry because it’s also easy to do. Simply paste this code into your theme or child theme’s function.php file.

function catalogue_mode_for_logged_out_users() {
	$isLoggedIn = is_user_logged_in();
	if ( false == $isLoggedIn ) {
	    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );	
add_action( 'wp', 'catalogue_mode_for_logged_out_users' );

// Makes add to available for logged in users
add_filter( 'woocommerce_is_purchasable', 'keep_add_to_cart_button', 10, 2 );
function keep_add_to_cart_button( $is_purchasable, $product ) {
	$isLoggedIn = is_user_logged_in();
	if ( true == $isLoggedIn ) {
		return true;
	return false;

Save and activate and hopefully this will be the end result.

Hide Add to Cart button from logged in users


So you know how to hide WooCommerce Add to Cart or Price button.

If you find it interesting, you can follow the basic WordPress section to learn more new knowledge.

Follow the fanpage to receive the latest articles: Hocwordpress Group


Rate items


Create a Post List with Text Effects in WordPress

Tạo danh sách bài viết với hiệu ứng chữ chạy trong WordPress


What is the running text effect? What are the benefits of adding text effects to your WordPress site?

You often see news listings used by TV networks to highlight breaking news. You can add a news list to your website to highlight the hottest news or popular posts.

In this article, I will show you how to add a scrollable bookmark list in WordPress.

Create a Post List with Text Effects in WordPress

What is the running text effect?

A news list scrolls a continuous stream of information across the screen. They often display news, promotions, new products, sports scores, etc.

They are a great way to display ever-changing news feeds. You will find that news listings are quite informative in a limited space on WordPress.

For example, you can use a news banner to display your top performing posts, items for sale in your store, or any other information you want to highlight. .

Another way to display this type of information on your website is to use a fixed floating footer bar.

That said, check out my instructions below.

How to Add a Runtime Text Effect in WordPress

The first thing you need to do is install and activate the plugin Ditty News Ticker.

Upon activation, the plugin will add a menu item news ticker in your WordPress admin area.

You must navigate to News Tickers » Add new to add one Ticker New. Then you can give your banner a name, text and link Ticker this.

add new effects

For each Tickerhow much can you add Tick depending on the volume. These are separate pieces of information you want to display, and each can have its own link. For example, for each Tick Yours is the name and link of a promotional product.

To add an item Tick again, press the plus + button at the top right of Tick present. A new item will be added.

mark add new effects

When you are done adding the Tickyou have to click on the tab PHONE MODE. Three different marking modes are available: scrolling, rotation and list.

new effect mode

Scroll and rotation modes

Scroll mode is always the default setting because it is the most commonly used. Rotate mode is another good option if you want to view one code at a time.

Settings on the rest of the page allow you to adjust your behavior Ticker. You can configure the scrolling speed and direction, override the default banner size, and choose the distance between each Tick.

effect mode setting

The plugin generates a shortcode as well as a PHP function for each Ticker that you create. You can add the shortcode to a post, page, sidebar widget, or you can embed the PHP function directly into your theme.

shortcode to add running text effect

After inserting the PHP shortcode or function, you can visit the website to see it in action.


Hope this trick helps you to refresh part of the website interface quickly.

If you find it interesting, you can follow the basic WordPress section to learn more new knowledge.

Follow the fanpage to receive the latest articles: Hocwordpress Group


Rate items


What is the Genesis Framework? Top 6 Best Genesis Frameworks Today

What is the Genesis Framework?  Top 6 Best Genesis Frameworks Today


What is the Genesis Framework?? This is a topic framework developed by StuidoPress. Genesis Framework gives you many useful features that you cannot ignore. Lets go WordPress courses Find out through the article below.

What is the Genesis Framework?

Genesis Framework is a theme framework developed by StudioPress. Thanks to Genesis Framework, you can build your WordPress website. Basically, you can understand it as your website. And Genesis Framework is the website platform that WordPress provided to you.

What are the benefits of Genesis Framework?

  • The page loading speed will be very fast.
  • Help you optimize SEO.
  • There are many dedicated plugins for Genesis.
  • Genesis is continuously updated.

Genesis Framework is well supported and coded

Genesis is maintained by a team of experienced StudioPress developers, including members of the Yoast team (developer of the Yoast SEO plugin). Thanks to this, it has a really light code, 100% SEO standard and extremely secure. Genesis is very well marked with rich snippets (data structures), so it is always appreciated by Google. StudioPress also regularly releases updates to upgrade new features, improve performance, and fix bugs to make Genesis more and more complete.

Using Genesis is inexpensive

Many theme providers require customers to pay an annual/monthly fee in order to receive support and updates to new releases. But with Genesis, you only have to pay a one-time fee (nearly $60) for the framework and have the right to use and update forever. Each child theme usually costs between $20 and $50. You can use both Genesis Framework and child themes with no website limit.

Endless customization

Genesis can help you do everything you want: from a personal blog, an electronic journal, a company presentation site, a service… to online sales sites. However, it is not as easy to use and customize as products from other vendors. Because you won’t be able to find a Theme Settings page with options to change font, background color… But don’t worry, if you don’t want to spend time to customize, Genesis provided more than 60 child themes available. You can easily find a product you like without much modification.

Genesis has many dedicated snippets and plugins

You might find it strange that the Genesis Settings interface has only a few simple elements, but in fact, you can still easily customize Genesis through the built-in snippet and plugin repository. Only when you need them should you integrate them. This ensures that there will be no superfluous features on your website that are cumbersome. It’s also what sets Genesis apart from the competition.

Ecosystem homogeneity

Different child themes will have different functionality, but they all have one thing in common: they all run on the Genesis Framework platform. This means you don’t have to spend time learning how to use them from scratch every time you buy a new child theme.

Top 6 Best Genesis Frameworks Today

fearless frame

This is a Genesis frame which is considered to have professional beauty like a photographer. It is a minimalist theme. Moreover, its full screen width brings very good visual effects to users. Moreover, you can use many other features. For example, collections, custom posts, contact forms, etc.

You can post in three styles:

  • Grid style.
  • Alternate grid
  • Standard style.

startup theme

start genesis child theme

This theme offers many great features. You can create giant slideshow headers or customize icons to display the feature. It is also a theme that contains a dynamic gallery and integrates full-width Google Maps underneath. Start is considered a very impressive multipurpose theme. The slideshow feature in the Start theme will help to display more beautifully, creating an impression for the users. Moreover, the call-to-action feature combined with the parallax effect will help visitors get a stronger impression.

Genesis of the junction

Genesis of the junction

Junctions Genesis is a theme that allows websites to save images online. Simplicity, modernity and no clutter are the assets of Junction genesis. Besides, it also has many amazing functions:

  • Slideshow of large images,
  • Widget area
  • Mouse hover effects,
  • Wallets,
  • Contact form (contact form)
  • Newsletter subscription form.

With Junction genesis, you can set up an image slideshow bar. Or you can display featured images for blog posts. This is considered to be one of the smoothest landing pages enjoyed by many customers.

Jessica Theme

Jessica Theme

Jessica is designed for fashion industry e-commerce. It is a theme that works very well on WooCommerce, iThemes Exchange and WP e-Commerce.

Derrick Genesis Child Theme

Derrick Genesis child theme

Professionalism is something that is highly valued in Derrick genesis child theme. The call to action button appears early. Besides, there is also a 3-column area for placing important anchor links. Wherein, the anchor link is a text link used to link to the whole article or part of the content. Derrick Genesis child theme lets you choose from different color schemes. You can use up to six columns for posts. With the Derrick genesis child theme, you can also customize the position of the sidebar in the blog post.

Executive Pro genesis child theme

Executive Pro genesis child theme

Executive Pro genesis child theme is a theme considered suitable for those who love elegance. With Executive Pro, users can preview blog posts displayed in the header bar. At the same time, it is possible to swipe with featured images on the right side. Moreover, it is integrated WooCommerce plugin. Make it a powerful tool for business growth and online business.

So you already know What is the Genesis Framework? not yet? Immediately apply the knowledge we just shared to have a website that works best for you. See you in the articles on WordPress Tutorials Next


Rate items


2 Easiest Ways to Check Accommodation Capacity

kiểm tra dung lượng hosting


Check accommodation capacity is a must when managing a website. If your hosting capacity is full, your website will also be unusable. let’s be together WordPress courses Check out 2 easy ways to check your accommodation capacity below

Presentation of the accommodation

check accommodation capacity

Hosting (web hosting) is an online service. It can share, store all files related to the website such as: images, videos, source code, … via the Internet.

No website will work without hosting. So, for the website to work, the hosting can also be understood as a server with an internet connection and running 24/7.

How Hosting Works

  • On the provider side: Depending on the plan you subscribe to, the hosting provider will configure these hostings for you to use. When users need to downsize or expand the hosting package, the provider will adjust these settings. The service provider will prepare the hosting server for the hosting user. By sharing the resources on the server in smaller storage spaces. This is called hosting.
  • User side: Users of the Hosting upload data files to the Hosting with the same operating configuration. Then access the hosting from internet-connected devices by sending a request to the hosting IP or domain, the hosting will resend the files to you according to the corresponding access results.

Settings in hosting

  • Number of domains: This is the maximum number of domains you can add to your hosting. Cheap hosting, the number of domains will be less and vice versa.
  • Storage capacity: This is a parameter to measure the capacity of the hosting you buy. The higher the traffic, the stronger your website, each service plan will have a different capacity depending on your needs and financial conditions.
  • HDD/SSD: These are two common types of hard drives for hosting, you should choose SSDs. Because SSD enables your website to have faster access speed than HDD. But the cost is also higher.
  • Bandwidth: This is a parameter to indicate the total data download capacity of the hosting for a period of 1 month
  • Uptime: This is the length of time the hosting is running continuously. The more visitors a website has, the higher its availability.
  • Server Location: Location where the hosting service server is located when providing services to customers. Geographic distance is also a very important factor in determining page speed. If your website operates mainly in the country, hosting a server in Vietnam will be much more optimal than placing it abroad.
  • Hosting Price: This is the factor that every customer cares about when buying hosting. When choosing to buy hosting, you need to accurately calculate the quality of service to determine the most reasonable price.

How to Check Hosting Capacity with Cpanel

check accommodation capacity

What is cPanel?

cPanel is a Linux based cPanel panel manager. It provides simple and flexible GUI, automated tools and great resource. CP panel using a 3-tier structure with different management decentralization. Reseller and hosting accounts allowing end users to manage various aspects of the website and server through a standard web browser. The security and automation features of cPanel are also superior to other web hosting systems.

How to Check Hosting Capacity with Cpanel

Step 1: Log in to your hosting administrator account on cPanel. Then fill in the information correctly => Login.

2nd step:

  • On cPanel, use English

How to check the accommodation capacity?

With the interface on paper_lantern: click on Disk Usage to check the space used on the hosting → a window containing all the information on the hosting.

There are 2 folders to which we must pay the most attention:

  • public_html: the directory containing the source code of the website
  • MySQL: is the directory containing the site database

With the x3 interface: click on Disk Space Usage

  • On cPanel, use Vietnamese

With the interface on paper_lantern: click on the folder on the computer screen “Disk Usage”. For the x3 interface: click on “Use of disk space”.

So with just 2 basic steps you can check accommodation capacity with cpanel.

How to Check Hosting Capacity with Directadmin

check accommodation

Introducing DirectAdmin

DirectAdmin is also a web hosting management software through the control panel. DirectAdmin provides users with features such as viewing and modifying server hardware and software settings. Although DirectAdmin aims for simplicity, convenience, speed and stability. But it still has all the necessary features for a hosting server administrator.

When using DirectAdmin, all tasks are automated. The most remarkable advantage of this software is that you can modify the files. In addition to promoting the safety and security of users. Let’s find out how check accommodation capacity with DirectAdmin below

Step 1: Log in to your Hosting Directadmin account. Then you will see Your Account in the right corner of the desktop.

2nd step: The screen will display all the accommodation capacity parameters

  • Disk space (disk space): This is the maximum total data stored on the hosting. The larger the disk storage capacity, the more data can be stored.
  • Bandwidth: total number of data transferred via the hosting in 1 month. Including uploading and downloading, mostly uploading.
  • Emails: the maximum number of emails per domain that can be used. However, with shared hosting, the use of email is not very optimal. If you use email a lot, sign up for Email Hosting.
  • FTP account: the number of the FTP account you are using
  • Databases: number of databases used
  • Inodes: The Inodes index is calculated by the total number of files and folders

To see how much you have used, you can look at the 2 columns Used and Max. Where Used is the bitrate you used and Max is the maximum bitrate you can use.

So we learned 2 ways together check accommodation capacity through Cpanel and DirectAdmin. Learn more about WordPress Tips Discover our next articles.


Rate items


What is htaccess wordpress? Instructions for creating a simple .htaccess file

What is htaccess wordpress?  Instructions for creating a simple .htaccess file


htaccess file Almost familiar to those of you who do SEO, web. However, creating .htaccess files quickly and easily can be a challenge for novice programmers. So to help you work around these limitations, WordPress tips will explain What is htaccess?. The easiest way to create files WordPress htaccess and configure them as needed. Let’s find out together!

What is an .htaccess file?

The .htaccess file is a default and basic WordPress file used to store settings and handle server requests. You can use the .htaccess file to configure the server. Configure a server like Apache, enable or disable its features. You can also customize the .htaccess file to protect passwords, block malicious spam, and even block specific IP addresses. In today’s article, let’s learn how to create files htaccess wordpress Please

Where is the htaccess file?

Usually you will see the .htaccess file located directly in the root directory of the host where you are installing your WordPress site. Sometimes the .htaccess file will be hidden to prevent new users from accidentally deleting or changing settings that cause the site to become inaccessible. To “show” the WordPress htaccess file, click Server => Force Show Hidden Files and the .htaccess file will appear for you!

A few notes when using WordPress htaccess files

  • During the process of editing the .htaccess file, your site may crash. But your data will not be modified or lost, just an error due to the configuration of the .htaccess file.
  • .htaccess file permissions should be configured to prevent hackers from taking advantage and stealing your site.
  • You must first save the current version of the .htaccess file before making changes and fixes. If something goes wrong, you can grab and overwrite downloaded content to get the site working again.

How to Create a Simple WordPress .htaccess File

What is the standard .htaccess file?

The contents of the .htaccess file of the .htaccess file are as follows:

# BEGIN WordPress
RewriteRule ^index.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress

You can go to the computer screen, create a htaccess.txt file => copy the contents of the code and paste it into the file and save it.

Use FTP to create and edit .htaccess files

Using FTP to create and edit .htaccess files is a popular way and also a way to have full control over your .htaccess file. It’s a little complicated, but it will save you a lot of other problems!

Step 1: Download and Install FTP Support Software

To use FTP, you can download software that supports the FTP protocol. You can choose any software or use the completely free Filezilla software, after downloading you proceed to extract and install the Filezilla software.

Step 2: Create a new FTP connection with the host


To connect to the server, follow these steps: open the Filezilla software currently installed on your computer => File => Site Manager => under My Sites, select create a new site and enter the site name. you enter.

The information on the left side of the window that you need to enter includes

  • Host: IP address or domain name of your WordPress site.
  • Port: normally: 80, if you are using Directadmin you will use port 2222. Or other ports depending on your hosting provider’s requirements.
  • Protocol: Two best methods to use, common FTP connection or SFTP connection FTP secure version, but not always supported.
  • User is the FTP username and password sent to you by your hosting provider in the Passwords section.
  • Connection type: Normally it is better to choose Normal.

It only takes a few seconds, your connection will be complete. You can already access your host via FTP. You can see the WordPress htaccess file directly on the screen as it is located directly in the root directory

Step 3: Create an .htaccess file via FTP

If you have already initialized the .htaccess file, you just need to find the .htaccess file on the main screen that you just created in the left window => double click or right click => Until download the file to overwrite the host.

create wordpress htaccess file

Use the Control Panel to create and edit .htaccess files

Use cPanel to find and edit .htaccess files

To find WordPress htaccess files using cPanel, you must first login to cPanel on your server. Then you just need to go to Files => File Manager. Wait a few seconds, your browser will automatically switch to the file manager interface. Here you will see the WordPress htaccess file or navigate to the public_html folder, the .htaccess file will be there.

Then you click on the file and a small menu appears so you can: view, edit, move, copy, delete, etc. And change the access permission with Change Permission.

How to show hidden .htaccess file

If the WordPress htaccess file is hidden, follow these steps:

Settings => Show hidden files => Save. Then you refresh the page and click down. You will immediately see the .htaccess file you are looking for.

How to create a new .htaccess file with cPanel

You click on + File => enter the htaccess name in the New file name field and click on Create new file to create a new .htaccess file. Then you just have to enter the contents of the .htaccess file and you’re done!

how to create htaccess

Edit .htaccess File in WordPress Dashboard

SEO support plugins like YoastSEO or Rank Math all help you edit files directly on WordPress Dashboard. You just need to download and install YoastSEO or Rank Math plugin => turn it on and find where to edit the WordPress htaccess file.

Edit .htaccess files with Rank Math

For Rank Math, do the following: Rank Math => General Settings => Edit .htaccess => Click OK checkbox => edit file contents and click Save Changes.


Edit .htaccess file with YoatSEO plugin

After installation YoastSEOyou go to SEO by Yoast => Edit file => enter the default content of the file or modify it as you see fit and click on Save changes to .htaccess.

What is htaccess?

Above is information from WordPress tips on WordPress htaccess What. As well as how to configure it for the most common uses. I hope the article will help you get more useful information and contribute to perfect security for your website


Rate items


What is HSTS? HSTS Optimization Guide

hsts là gì


HSTS (HTTP Strict Transport Security) is a security protocol that requires all connections to a website to be encrypted using the HTTPS protocol. Currently, Google applies HSTS to 45 top-level domains. Today let’s join WordPress tips find out more What is HSTS?How to optimize HSTS?

What is HSTS?

What is hst?

HSTS (HTTP Strict Transport Security) is a security protocol that requires all connections to a website to be encrypted using the HTTPS protocol. Currently, Google applies HSTS to 45 top-level domains, including domains ending in .google, .how, and .soy. HTTPS is an essential part of ensuring secure access to websites. Prevent attacks by intercepting requests, modifying or manipulating information between users and websites.

When we visit a website using http, data is first sent to the web server unencrypted. If this site is secured by https. It will send an immediate redirect request to the browser, to the URL with But prior to redirection, requests sent over http can be hacked by intercepting the request and modifying the information in the request, resulting in the loss of session information about the site visit.

HSTS attempts to combat this potential vulnerability by telling the browser that this domain can only be accessed using HTTPS. When a site is HSTS enabled. When accessing this website via http, the browser will no longer send requests to the web server via http. Which web browser will automatically redirect to https and send request through https protocol to server. This is the answer to the question What is HSTS?? Now let’s see how HSTS works.

How does HSTS work?

How does hsts work?

When a user accesses the site via https or is redirected from http to https. The web server sends an HSTS header to the browser and saves this header for further requests. Then, if the user continues to visit the website, the browser will automatically redirect to And send an access request to the web server via the secure https protocol. Instead of http, there is no HSTS. So do you know how HSTS works? Let’s find out how HSTS Optimization Please.

Optimization of HSTS


HSTS can increase the security of a website by requiring the browser to always use https for that page. However, HSTS is not a perfect solution to completely solve the problem of session hijacking when accessing HTTP. Users remain vulnerable if they visit a website protected by HSTS over HTTP when they have:

  • I have never visited this website
  • Reset browser
  • Use a new browser or device
  • Clear browser cache
  • Use an incognito browser

To solve this problem, Google uses the “HSTS preload list”. Group web domains and subdomains that use HSTS and are sent to This list of domains is distributed and hard-coded into web browsers. Users accessing web domains in this list will automatically use HTTPS. Or be redirected to HTTPS if accessing via HTTP. If the web server does not support HTTPS, the access request will be denied. If you don’t know what is the optimal HSTS? So don’t miss this information

Install HSTS for Nginx

Add the STS (Strict-Transport-Security) header to the nginx vhost settings:

add_header Strict-Transport-Security “max-age=31536000; includeSubDomains” always;

With this setting we have:

  • add_header Strict-Transport-Security: Add STS to response header
  • max-age=31536000: STS header will expire after 1 year
  • includeSubDomains: Apply HSTS to all subdomains

The “always” setting allows headers for all responses, including internally generated error responses. Older versions of NGINX do not support the “always” parameter and do not header internally generated error responses.

By default, HSTS is cached by the browser. If you want to register this domain in “HSTS preload lis” on, you need to add bootstrap to settings:

add_header Strict-Shipping-Security “max -age=31536000; includeSubDomains” always; preload

How to disable HSTS for Nginx

To disable HSTS, just set the “max-age=0” parameter:

add_header Strict-Transport-Security “max-age=0; includeSubDomains” always;

See more : What is htaccess wordpress? Instructions for creating a simple .htaccess file

Here is a summary of the information What is HSTS?, how to optimize HSTS. Looking forward to reading the next articles of WordPress Tips Please


Rate items


How to create a category in WordPress simple and fast

tạo category trong wordpress


In a WordPress website, the category is the category. Categories have the task of classifying and grouping content related to the same subject. Today let’s join WordPress Tips Learn how to create categories in WordPress.

What are categories?

create a category in wordpress

In WordPress, category means category. Categories have the task of classifying and grouping content related to the same subject.

Categories are hierarchical, so you can create one or more category subcategories to make it easier for users to find the right content; what I do best and which interests me totally. The category should be placed at the top of the web page; then create article content for each associated category.

How to Create a Category in WordPress

Categories in WordPress are used to categorize similar items and content into a group, which is a great way to organize and categorize posts. Not create a category in wordpress as following:

Step 1: In WordPress, click on Posts => Categories.

how to create a category

2nd step: The screen will display the Category page as shown below.

  • Name: Enter a name for the category.
  • Slug: Choose a word to describe your message, specified in the URL tag.
  • Root: By selecting a parent category from the drop-down menu. You can set a specific category as a subcategory or leave the default None.
  • Description: Add a short description, with or without your category.

wordpress category

Step 3: After filling in all the information on the Directory page. You click on the Add a new category button to create categories in wordpress.

how to add a category

Step 4: After clicking on the Add New Category button, the newly created category will appear on the right corner of the page as shown below.

wordpress category

Add items to category

when you have create a category in wordpress, you can add items to the category. There are two ways to do this:

  • The first way to do this is to open a specific post and check the category you want to assign the post to.
  • The second method is to bulk add items to a category. To do this, go to Messages -> All messages. Next, select the items you want to add to the category, select Edit, and press the Apply button.
  • Several options will appear, allowing you to change various settings of the selected posts. One of them is the Category section. Select the category you want to add these posts to and click the Update button.

See more : Instructions for customizing the newsfeed in the WordPress admin

So we learned together how Create a Category in WordPress. Stay tuned for our next articles to learn more WordPress Tips useful


Rate items


Instructions for creating a mobile interface for WordPress using WP Touch

Instructions for creating a mobile interface for WordPress using WP Touch


Create mobile interface for wordpress will help to optimize wordpress on mobile display, make pages load faster and improve user experience. WPTouch is a plugin for creating mobile interfaces. This plugin is commonly installed and ranks as the most installed today because it is very lightweight. Moreover, it also includes complete features in the free version such as: creation of page titles, creation of menus, search fields… and many other functions. In particular, WPtouch also has a Vietnamese installation interface that makes it easy for you to use. Lets go WordPress Tips Learn more in the article below

Instructions for creating a mobile interface for wordpress

Step 1: Setting. On the wordpress interface, select plugin -> install new -> search and install WP touch plugin then activate it.

wordpress mobile interface

2nd step: Configuration. After the installation is complete, you need to configure more details to mobile theme for WordPress beautiful and convenient for users. How to: after installation finished, on wordpress working page will appear WPtouch -> click WP touch-> select settings-> show WP touch control panel, then install as below, create interface mobile wordpress.

In the general introduction tab (create a mobile interface for wordpress)

  • In the Site Compatibility tab. Since this tab is in the paid version, you don’t use any features.

create a wordpress mobile interface

  • Device tab: enable all to allow WPtouch to display all information on mobile.

how to use wptouch

Normally, the WP touch plugin automatically uses the website menu. If you want to modify it, do not modify it because the menu panel of the mobile interface must be compatible with the appearance of the website. A little note, if your website is sales page, forum, you need to enable “Show login menu” to have login function for customers.

Interface customization tab

Go to Customizer -> interface customization panel will appear. Then you adjust the display settings of the mobile website to make it more beautiful: colors, fonts, share buttons… You can also do some ways to optimize wordpress on mobile devices: optimize images, minify code, use browser cache or redirect page.

See more : How to create a category in WordPress simple and fast

Here’s how to create mobile theme for WordPress, please note to apply to your website. Don’t forget to read the next articles of WordPress Tips Please


Rate items


What is WP Rocket? How to install and optimize WP Rocket

WP Rocket là gì


WP Rocket is a WordPress plugin with powerful caching features. WordPress experts agree that it is the most powerful caching tool available today. Concretely, what is WP Rocket? let’s be together WordPress tips Find out through the article below.

What is WP Rocket?

What is WP Rocket?

To know What is WP Rocket?First of all, it should be understood that WP Rocket is a WordPress plugin with powerful caching features. WordPress experts agree that it is the most powerful caching tool available today. WP Rocket offers many auto-optimization options and features that are used by many WordPress users, experts and novices alike. WP Rocket caching ensures that websites load super fast. This is necessary to improve SEO ranking and increase conversions. Due to its ease of installation, WP Engine decided to make WP Rocket a user-friendly caching plugin. So What is WP Rocket? that so many people believe? Let’s find out more.

How to Improve WP Rocket Website Performance?

wp rocket plugin

First, let’s look at the reasons why WP Rocket is the best caching plugin that most WordPress users trust.

Caching is the process of caching static page elements to speed up subsequent visits. When a user visits your website for the first time, the page is loaded from the server and uses some server resources. However, the default working mechanism can consume a lot of system resources and even slow down the page loading speed.

WP Rocket will create a cached version of the page and the system will use this version to serve the user on subsequent visits. This dramatically increases speed and conserves resources. Additionally, this plugin adds Cache control headers to static resources to make HTTP caching more efficient. Additionally, the header also allows page preloading on hover. This helps optimize load times and improve page performance on future visits.

Benefits of page speed

First, users will definitely prefer to visit pages with faster loading speed. No one wants to wait tens of seconds or even minutes just to wait for a webpage to load.

Second, the fast page loading speed also brings certain benefits to website owners. After achieving a high page load speed, we will have more opportunities to interact with users, thus easily implementing the online business strategies mentioned earlier.

Finally, page load speed has a significant effect on a website’s ranking. This is the official ranking factor announced by Google, so make sure you have strategies in place to increase your site speed. With PageSpeed ​​​​​​Insight, you can see how Google rates the loading speed of your website’s pages.

What are the pros and cons of WP Rocket?

Here are all the pros and cons of the WP Rocket plugin:


WP Rocket applies performance optimization methods up to 80%. We don’t need to configure WP Rocket too much. Once activated, the website will immediately benefit from the following great advantages:

  • Easy to use, no need to know too much code.
  • + 40% faster web loading speed.
  • Ability to optimize Media, Cache, CSS code, Font, HTML multitasking.
  • Fewer conflicts with websites.
  • Combines well with plugins, themes or hosting platforms.
  • Especially WP Rocket can also link many add-ons. This makes it easier for you to follow.

What are the disadvantages of WP Rocket?

  • WP-rocket can only be compatible with the WordPress platform.
  • There is no functionality to convert images to .webp extensions.
  • If the settings are not correct, it is easy to cause conflicts.
  • You have to pay a certain amount to use this plugin.

Instructions for installing the WP Rocket plugin

Step 1: Purchase and download the WP Rocket plugin here:

how to use wp rocket

2nd step: Upload the WP Rocket plugin .zip file you just downloaded to your WordPress.

how to install wp rocket

Step 3: Activate the WP Rocket plugin.

To note: After activating WP Rocket, disable and remove plugins for caching, minification, lazy loading, etc. that you installed previously. Go to Settings => WP Rocket. Here you will configure other options for WP Rocket. As for the basic functionality, WP Rocket will be automatically activated right after activating this plugin.

User’s Guide


  • Clear Cache Control Panel: Clear all cached files.
  • Preload Cache: Creates a new cache file.
  • Regenerate critical CSS: Generates new critical CSS.


  • Enable mobile caching: Enable mobile caching.
  • Separate mobile cache files: Separate mobile and desktop cache files. If your theme is responsive, do not check this box.
  • Enable caching for logged in WordPress users: Enable caching for logged in users.
  • Specify a time after which to clear the global cache: set the time to automatically clear the entire web cache, leave it at 0 if you want to disable this feature.

Shrink HTML: Compress HTML.

  • Combine Google Fonts files: Merge Google Fonts files.
  • Remove query string from static resources: Remove query string from JS, CSS files.
  • Minimize CSS files: Compress CSS files.
  • Combine CSS Files: Combine CSS files into one, requires activating Minify CSS files first. This feature should not be enabled if your site supports HTTP/2.
  • Excluded CSS Files: Removes CSS files that you don’t want to compress or merge, which helps resolve interface errors.
  • Optimize CSS delivery: Optimize the display of CSS files, which helps prevent CSS blocking content from showing on Google PageSpeed ​​Insights.
  • Remove jQuery Migrate: Removes JS files and can improve load times.
  • Minify JavaScript files: Compress JS files.
  • Combine JavaScript Files: Merge JS files into one, requires Minify JavaScript to be enabled first. This feature should not be enabled if your site supports HTTP/2.
  • Excluded JavaScript Files: Removes JS files that you don’t want to compress or merge, which helps fix interface and functionality bugs.
  • Delayed JavaScript loading: Optimized loading of JS files, helping to fix JS blocking content displayed on Google PageSpeed ​​Insights.
  • Safe Mode: Appears if JavaScript lazy loading is enabled. You should check this box so that jQuery files are loaded first, minimizing interface damage and functional errors.
  • Try the features of this card. If the site crashes, simply disable the feature you just enabled and clear the cache.

Media – Image Gallery

  • Enable for Images: Enable lazyload for images.
  • Enable for iframes and videos: Enable lazyloading for iframes and videos.
  • Disable Emoji: Disable Emoji.
  • Disable WordPress Embeds: Disable Embeds.
  • Enable WebP caching : Enable WebP format image cache

Preload – Preload

  • Preloading active: activates preloading.
  • Enable cache preloading based on sitemap: Enable preloading based on XML sitemaps.
  • URL to prefetch: DNS prefetch

Advanced Rules

  • URL(s) to never cache: enter the URL(s) you don’t want to cache.
  • Never cache cookies: enter the ID of the cookie you do not want to cache.
  • Never cache user agent(s): Enter the string of the user agent that you do not want cached.
  • Always purge URLs: Enter the URLs you want to clear from the cache when publishing or updating articles.
  • Cache query string(s): Enter the query strings you want to cache.


  • Auto Drafts: Delete auto-saved drafts.
  • Deleted messages: Delete spam messages.
  • Spam Comments: Delete spam comments.
  • Deleted Comments: Delete unwanted comments.
  • Expired Transients: Removes expired transients.
  • All Transients: Remove all transients.
  • Optimize tables: Optimize internal tables.
  • Schedule automatic cleaning: Periodically cleans the database automatically.

CDN – Content Delivery Network

  • Enable Content Delivery Network: enable this feature if your site uses CDN (MaxCDN, KeyCDN…) (no need to enable if you use CloudFlare).
  • CDN CNAME(s): Enter the CDN link here. There is also the option to let you run the whole file, or just images, CSS and JS, just JS, or just CSS on the CDN.
  • Exclude files from CDN: Enter the URLs of files you don’t want to run on the CDN.


This function may modify the structure of the website, you should take this into account before using this function.

  • Control Heartbeat: Reduce/disable API operations, which helps limit resource usage on your server.
  • Behavior in the backend: admin page interface
  • Behavior in post editor: Editor
  • Behavior in the frontend: user interface


  • Export Settings: Allows you to export the WP Rocket plugin configuration file to your computer
  • Import Settings: Allows you to upload the WP Rocket plugin configuration file from your computer.
  • Rollback: Allows you to downgrade WP Rocket to an older version in case the current version is faulty or incompatible with the site.

See more : Instructions for creating a mobile interface for WordPress with WP Touch

That’s how we discovered together What is WP Rocket?? How to install and configure WP Rocket. Stay tuned for future posts from WordPress tips Please


Rate items


What is a Jetpack? detailed jetpack installation instructions

Jetpack là gì


Jetpack is Automatic’s WordPress plugin, a collection of small plugins to meet the needs of webmasters. Specifically, What is a Jetpack?? What functions are there? Lets go WordPress Tips to find

What is a Jetpack?

What is a Jetpack?

Jetpack is Automatic’s WordPress plugin, a collection of small plugins to meet the needs of webmasters. Jetpack comes in handy when you only need to install one plugin but have the functionality of multiple plugins. Let’s learn more about the functions of Jetpack with Mat Bao!

Besides, Jetpack also gives you the freedom to choose which features you want to use. So you can easily disable unnecessary functions to improve website speed.

Jetpack function

jetpack plugin

As mentioned above, Jetpack is a collection of many plugins, so its number of features is also quite large. However, you certainly won’t need to use them all, so take a look and we’ll only highlight the really necessary ones. Specifically, this plugin will be divided into tabs that administrators can easily customize.


The Writing tab is used to manage editing functions. To use it, simply launch the toolbar and enable or disable spell checking. The Burn tab contains image management functions such as image acceleration, full-screen display, and compositing.

Moreover, this tab also has other features such as adding functions, organizing categories, optimizing the website interface for mobile by displaying snippets on the homepage and sending to your e-mail address.


This tab has the effect of grouping the sharing functions on social networks, adding a Share button or a Like button to the publication


This tab allows readers to comment with their social media accounts, automatically log in to Gravatar, enable subscription notifications, and send comments via email.

Traffic tab

It provides search engine visibility options and allows you to add relevant content to your articles to increase conversions. With the help of traffic, the sitemap is automatically submitted to search engines for indexing and your ownership is verified.

Security tab

Security helps control website hacking activity, prevents suspicious login activity, and allows users to login with their accounts.

Jetpack expansion modules

Jetpack has a large number of modules and is constantly updated to improve website management on the WP platform. Here is a list of some popular modules you should know about.

  • Jetpack plugin modules supporting MXH
  • Jetpack Plugin Modules for SEO
  • JetPack plugin modules for post-editing
  • Jetpack plugin module supports web page display
  • Modules to help adjust images on the web
  • Jetpack plugin modules to help set up another website

What are the advantages and disadvantages of the Jetpack?

What are the advantages of the Jetpack?

  • Possess many essential features for WP websites such as SEO, interface editing, etc.
  • Includes free and paid add-ons to meet different usage needs.
  • Very high compatibility with, updated regularly by maintainers.

What are the disadvantages of the Jetpack?

  • Due to the integration of too many plugins, the user interface remains complicated.
  • Jetpack will become heavier without removing unnecessary functions.

How to install the Jetpack plugin

You must unblock XML-RPC before continuing to install the Jetpack plugin. Because Jetpack needs XML-RPC to work and the Protect module will help protect this WordPress vulnerability.

On the admin page, select Plugins => Add New, Fill Jetpack to find the plugin.

jet pack

After installing and activating Jetpack, you need to connect the plugin to your account. And click the Get Started with Free button to use it for free or choose one of the paid plans.

Once logged in, you can view Jetpack modules at Replace with your domain name.

Some modules need to be activated and configured, you click the Activate button to activate, select Configure to configure. Sometimes installing Jetpack affects other Addons on the current site. If you are using managed WordPress hosting, you need to contact your provider’s technician. They will let you know if it conflicts with existing add-ons. Good luck!

See more : What is WP Rocket? How to install and optimize WP Rocket

Here is a summary of the information What is JetPack?? How to install JetPack, keep reading the next articles from WordPress Tips you


Rate items