Wordpress website building common problems and solutions

Article List
Article List

WordPress build a website involves too many aspects and details, there is no tutorial to build a website in every aspect to say thoroughly, their own fumbling process of building a website will inevitably encounter problems. Popular questions on the network is easy to find the answer, many problems can only rely on their own feel, ask people. We write out the common problems encountered in the process of building their own foreign trade websites as a record query, but also hope to help those in need.

 

Free NetEase enterprise mailbox can't receive emails causing the server to be shut down

I helped a website building customer to open free Netease enterprise mailbox, and he used this mailbox to open a Linode server. One day, he found that the website hung up and the login server prompted him to input the verification code, but he couldn't receive the verification code email. Later, it was found that the customer changed his credit card and the old one was invalid. The free NetEase enterprise mailbox couldn't receive emails from some overseas websites, which led to the customers not receiving the payment notification emails. The chargeback failed and the server was shut down. I helped the customer contact Linode customer service and verified the account ownership, then let the customer service restore the server and the website was restored to normal. If you want to register free enterprise mailboxes, we recommendRegister free Tencent enterprise mailbox. The site should also be set up for automatic backups, with data backed up to Dropbox /With a free network disk like Microsoft OneDrive, you can recover your website even if your server is deleted. Using WordPress to build a website, it is recommended to install Updraftplus Automatic backup plug-in, link to a network drive, store backup data to the network drive.

fwqbztyj

 

Icons, slideshows, sections, etc. do not appear / some functions are abnormal

If the caching plugin is turned onjs delayed loading, ,Merge css, ,Merge js, css asynchronous loading, remove useless css One of them is likely to cause errors on the site, with problems with the title description. In particular, the delayed loading of JS will basically 100% lead to some Js-dependent content being displayed incorrectly or even not displayed, certain functions failing (search function failing, submenus not popping up, etc.), and certain content loading slowing down (navigation menu arrows, product detail page thumbnails), etc.

Try to turn off the above features one by one to see if the page is back to normal, find out where the problem is and then solve it. Merge css, merge js is actually not much help to improve the speed of advice do not open, delay loading js need to exclude some key JS (go to the official website of the cache plug-in, there are related plug-in js exclusion method).

Delayed JS causes errors

If using Wp Rocket, click to viewOfficial exclusion of the corresponding plug-in js suggestions.

EnableRemove unused CSS It is likely to cause problems with the page display as well as functionality. After I enabled it, the color of the links to the blog page's article directory turned blue and the image magnifying glass function failed. Some problems are easy to fix with the naked eye, but some are hard to find, especially if the computer side of the display is normal and the mobile side is abnormal.

Remove unused CSS

Remove unused CSS This feature is still in the testing phase, it is recommended to chooseLOAD CSS ASYNCHRONOUSLY(asynchronous loading of CSS), it will be much, much less buggy.

So far, many of my websites are enabledLOAD CSS ASYNCHRONOUSLY(Asynchronous loading of CSS) Only Elementor's article reading progress bar is affected, resulting in the need to refresh the page again before it is displayed, and the corresponding CSS of the progress bar is displayed normally after excluding asynchronous loading.

Caching plugins are actually very complicated and super super super (say that three times!) It is easy to cause website problems. It is recommended that after the site is built and then enable the caching plug-in, focus on checking whether the computer and cell phone page display and functionality is normal, and if there are problems, turn off the corresponding function of the caching plug-in to check one by one.

It is recommended to use Wp Rocket caching plugin, which is more friendly to newbies, easy to set up and has obvious acceleration effect. It is also well documented and has good compatibility with major plugins and themes. Our website has a GPL-licensed Wp Rocket download, with a tutorial on how to set it up, you can go toPlugin Download PageTake a look.

 Not recommended for newbies to use Swift Performance caching plugin, although its optimization effect is better than Wp Rocket. complex SP settings and other plug-in compatibility is not good enough, super easy to cause site problems, only for veterans very familiar with WordPress.

 

Website appears FOUC without style flicker/jitter

FOUC (flash of unstyled content) means flashing without style. At the beginning of the page, the unstyled text, images and other elements are loaded first (red box in the figure below), and then the corresponding key CSS and JS are loaded (green box in the figure below). This switching process causes the elements to flicker and the customer experience is not good.

Comparison of display effect with and without css

This problem is caused by the delayed loading of critical CSS/JS, which causes no style elements to be displayed for a long time at first. Normally these key styles should be loaded first or synchronously. Most of the cases caused by FOUC are because the caching plugin enables CSS asynchronous loading, generates critical CSS, JS delayed loading, or some styles use media to determine the screen size to decide whether to load or not, resulting in some important styles are judged as unimportant styles delayed loading.

The solution is to exclude the corresponding style in the delayed / asynchronous loading, this requires a certain understanding of Wordpress, familiar with the corresponding CSS / JS to do. If the white man directly disable the corresponding delayed loading JS, generate key CSS and other functions until the problem disappears, or find someone to optimize, do not get their own, the more you get out of the problem.

If you are using the Wp Rocket cache plugin, see the exclusion methodWp Rocket This official article. If some features or sections do not take effect/display when the page is first opened (e.g. elementor's reading progress bar does not display), and the page needs to be refreshed, this may also be due to asynchronous loading of CSS, and the corresponding resources need to be excluded.

If your page's first screen content (header/header, slideshow, etc.) is created by Elementor, install thisWp Rocket official exclusion pluginMay solve the FOUC problem. Installation method: upload the zip package directly to the background installation, then use Wp Rocket to clear the cache, press Ctrl+F5 to force refresh the page to see if the problem is solved.

In this plugin above we have added the following 2 exclusion rules.
$excluded_folders[] = 'https://cdn.diiamo.cn/wp-content/uploads/elementor/css';
$excluded_files[] = 'https://cdn.diiamo.cn/wp-content/plugins/elementor/assets/css/frontend-lite.min.css';
These 2 rules exclude all Post-first css and frontend-lite.min.css files from Elementor.

If the installation of this plugin does not solve the problem, or if your site is not made with Elementor, thenAdditional exclusion paths need to be added. Please check the official Wp Rocket article mentioned above for specific add-on solutions. Simply install the above mentioned plugin first, then go to Plugins > Plugin Editor.

Plugin Editor

In the top right corner of the plugin editing page, select WP Rocket|Exclude Folders from Async CSS and click "Select".

Select Plugin

At about line 34 or so, above /** Stop editing **/ by code $excluded_folders[] = '';  Fill in the single quotes withKey Missing CSSFolder path prefix, batch exclude all CSS with the same path prefix.

Add the code to be excluded

If you want to exclude a specific single CSS, use $excluded_files[] = ''; inserted around line 57, /* Stop editing **/ above.

Exclude specific CSS

Please see the specific path format, etc. Wp Rocket Official TutorialThe first thing you can do is to leave a comment if you don't understand it.

Finally, click "Update File" to complete the changes, and then click "Clear Cache" in Wp Rocket. Then clear the browser cache and refresh the page to see if the FOUC problem is solved, if it is not solved isBecause the excluded CSS is not correctEnter other CSS paths and check them one by one.

This exclusion method is indeed a bit complicated, I read a few times to figure it out, do not operate if you are not familiar with WordPress! Spend money to find someone.

 

Wp Rocket generates a critical path CSS prompt No valid stylesheets available

Error generating critical path CSS

This problem has been bothering me for a long time, and I can't find a solution on the whole web. The official documentation says it is because the page is not linked to CSS, but the page opens normally GTmeterix speed test can also detect the CSS. finally found that it is a redirect problem, the non-www URL all 301 redirected to the www URL can be generated normally after the critical path CSS.

Generate critical path CSS

We suggest that after the website backend is set up, open these 4 URLs www.example.com, example.com, https://example.com和https://www.example.com to see if they all redirect to the same URL (example.com change to your URL).

If not, do 301 redirects, open https. unified URL to help SEO. generally speaking, Wordpress website will automatically unify URL after set up, if the URL is modified in the middle of the process or something may cause the URL is not unified.

 

Inquiry/ Shopping cart/ Checkout page does not display products/ Functionality is disabled

If it is a B2B website, the inquiry cart plugin may be used, and the inquiry page URL suffix is usually /enquiry-cart/. The caching plug-in and CDN plug-in will cache this inquiry page, resulting in the inquiry screen not showing the product after the customer adds it to the inquiry cart. The same problem may occur on the shopping cart and checkout page of the standalone site for cross-border e-commerce.

Workaround: Caching plugins and CDN plugins can be set to not cache the corresponding pages. wp Rocket Fill in the "Advanced Rules" > "Never Cache (URL)" box with the URL suffix /enquiry-cart/ and click Save. Cloudflare add a rule to set the cache level of the corresponding page to "bypass".

cszbhcym

 

Woocommerce, Elementor update after website problems

Woocommerce and Elementor and other plug-ins are too multi-functional and complex, resulting in bugs every time the update is slightly larger. it is recommended that this do not immediately update the latest version, postpone 1-2 versions before updating. elementor labs those new features do not open, postpone 1-2 versions after the update before opening. Especially Woocommerce e-commerce site, be sure to postpone 1-2 versions before updating, and each update before the backup of the site (using Updrafeplus), update errors a key to restore the site.

 

New/small sites run out of disk space quickly

If the server and the backend of the website are set up for automatic backups, the disk space will be used up very quickly, so it is good to keep 2-3 copies of the automatic backup settings in Updraftplus and delete the old backup files in time.

Solution: Check the size of the volume of the site folder to find out the size of a particularly large file to delete it (make sure the file is not important before deleting), the file name is usually "backup".

 

Siteground server build page occasionally can not open

If you use Siteground's Cloudflare CDN acceleration, you are prone to occasional page link failures.

Solution: 1- Use Siteground's DNS resolution service (don't use ip resolution to SG practice); 2- Cloudflare's SSL/TLS encryption mode is set to "Full (strict)"; 3- Website URL is set to with www.

szwwqyg

 

Siteground server builder can't refresh the cache

Previously, I helped a client to optimize Siteground's website speed, and found that the changes did not take effect in the frontend, and refreshing all caches did not help. Later I found out that Siteground admin backend has opened cache, Wp Rocket can't clear SG cache, you need to enter SG backend to clean it manually. If you use SG server, it is recommended to install the official cache plugin SG Optimizer. If you use a non-official caching plugin, you need to turn off the caching function in the SG backend.

 

Let Rank Math output keyword tags to optimize Baidu SEO

Google announced in 2009No more site scoring based on keyword tags,所以 Rank Math SEO 默认不会输出关键词name="keywords" content=""/>信息,在源代码里也看不到关键词。百度现在还在适当参考keywords标签,有些人可能会想输出keywords标签。根据 Rank Math Official AnswerTo do this, simply add the following code to the end of the child theme's functions.php file to output the keywords in Rank Math's "Focus Keyword" as keyword tags in the code.

/**
* Rank Math Enter keyword tags for Baidu SEO
*/
add_filter( 'rank_math/frontend/show_keywords', '__return_true');

meta name keywords

 

Png, Jpg images to Webp after the volume becomes large

If you use some high compression plugins (e.g.TinyPNG) orImage Compression ToolIf the image is highly compressed and then converted to Webp format, the size of the image may become 1-2 times larger. Google saysThis is mainly due to color space differences (YUV420 vs ARGB) and the conversion between themcaused by the fact that Png is more prone to this problem than Jpg.

I upload a 34kb Png image

original picture size 34kb

74.7kb after converting to Webp using Imagify

webp image size 74.7kb

The problem of larger size after converting Png to Webp format is caused by the algorithm characteristics of Webp, and there is no way to solve it. Google suggests not to compress the image too much and convert it to Webp without this problem. To solve this problem, you need to delete all Webp photos first.

To delete a Webp photo, go to the uploads folder www/wwwroot/xxxx.cn/wp-content/uploads via FTP or the Pagoda/Cpanel panel file manager. In the search box, type.webpSearch all generated Webp photos, remember to check "Search subcategories", select and delete them. plugins like Imagify do not automatically delete Webp photos after uninstallation, you need to delete them manually.

How to convert from Webp to prevent the problem of volume? Click to view

If it is a screenshot, it is better to use Png format. Compressed Png (do not convert to Webp) is smaller and clearer than Jpg compressed and converted to Webp. I used the screenshot tool to save the same screenshot as Jpg (38.1 kb) and Png (33.3 kb), respectively, inTinyjngThe volume after compression is 24.3kb and 10.0kb respectively. And Png's 10kb is clearer than Jpg's 24.3kb! There is no best picture format, only the most suitable one, test and compare yourself.

Jpg bigger than Png

 

页面显示出错,提示资源加载失败

如有有一天网站突然显示出错,测试软件显示某些CSS/ JS加载不成功,你在网站后台怎么弄都弄不好,可能是因为SSL 证书出问题了。有2种情况。

1- 网站使用的https 证书过期导致资源的https链接失效,导致资源加载失败页面显示错乱。

2- VPS 服务器中放了几个网站,没有SSL证书的网站如果使用了https访问可能会自动跳转到同服务器其它有SSL证书的网站。

宝塔Let's Encrypt SSL证书自动续期经常不成功,腾讯云之类免费SSL证书有效期一年可能有些人会忘记续费。外贸网站搭建推荐使用Cloudflare 的免费SSL证书,15年有效期(具体申请以及使用方法超简单,详情百度)。

 

Elementor full screen section left and right 2 sides blank, jittering

If Elementor full-screen (full-width) section is achieved by turning on Stretch Section (using JS control), it will load CSS and other resources before loading Js. This will cause the section to be blank on the left and right sides when the page is loaded at first, and the white space will disappear after the page is loaded, causing the section to jitter.

stretch sectiom

解决办法就是取消Stretch Section,把相应版块从Box改成成 Full-width或者把Box的宽度设置为1920px之类。

If you change it to Elementor Full and the block does not become full screen/full width, the theme should limit the maximum width of the page or set the padding/margin margins on the 2 sides of the block. Check the CSS code to find the problem, and modify the code to add it into the custom CSS.

One of my sites usesAvadaThis problem occurred with the theme and was solved by adding the following code.
html:not(.avada-has- site-width-percent) #main{
padding-left: 0!important;
padding-right: 0!important;}

CSS is written differently for different themes, so do your own research. Ideas: set the correct page width, remove the padding around the section.

注意:Margin-left 和 margin如果要修改最好改成 auto 让版块居中显示。

 

Elementor部分图标不显示

Pasted 2      Pasted 3

为了加快页面加载速度,很多人会在Elementor设置里面关闭Font Awesome 4 图标字体以及开启Inline Font Icons功能。有些网站开启这2个功能后有个别Elementor图标不显示,查看源代码发现图标还是:before形式而不是SVG,导致加载失败。最简单的解决办法是打开Font Awesome 4 ,不过这样会加载3个左右的字体资源减慢网站速度。

导致这个问题很可能是Font Awesome 4 转化成SVG图标过程被WordFence之类插件拦截,导致代码转化失败。我们在很多个站点试验过,禁用WordFence之类插件后再Regenerate Files & Data,刷新页面图标应该恢复显示。

Pasted 4

 

WordPress how to use Google Authentication (reCAPTCHA) in mainland

Wordpress websites often receive robot spam, so it is necessary to add CAPTCHA function to the form. Google Captcha (reCAPTCHA) is more intelligent and non-intrusive, and has a higher interception rate, so it is preferred.

But reCAPTCHA default call is google.com resources, because of the wall so the mainland can not be used. So as long as you use the recaptcha.net CAPTCHA plugin or manually replace the google.com resource with recaptcha.net, you will be able to use Google reCAPTCHA normally.

Enabling reCAPTCHA Method 1.Installation Advanced noCaptcha & invisible Captcha (v2 & v3) Plug-in.

After installation, click "Enhanced noCaptcha and Invisible Captcha" in "Settings" to enter the settings, first click the green box to get the Google key (very simple, if you don't know it, then fill in the appropriate location, and then check the box to enable verification and then check the form that needs to be enabled.

Enter Google Key

Select the options below according to the red box and click Save. In particular, you must select recaptcha.net for the Recaptcha domain name to work properly.

Select recaptcha.net

If you want to enable Google Authentication for your Elementor form, select "HTML" in the New field of the form, then enter the short code in the red box below and click Save, not forgetting the square brackets [] outside of anr-captcha.

elementor Enable Captcha

This completes the Google CAPTCHA enable, please see this site for the specific effectContactPage.

Using reCaptcha in Contact Form 7
Use [anr_nocaptcha g-recaptcha-response] to display the reCaptcha
 

Enable reCaptcha in WoCommerce
If the login page, registration page, password recovery page and reset password page are checked in the settings of this plugin, the verification code will also be displayed on the corresponding page in WooCommerce.

 

Enable reCAPTCHA Method 2.If you use Elementor and other plug-ins to build the form, has come with Google authentication, but the default call is the google.com service, just manually replace the corresponding code on the line. This method does not require the installation of additional plug-ins, but each time the plug-in updates need to manually add once, rather ribbed, we recommend using the first method, this method is only for the record.

Elementor replacement method: find the corresponding file by the following path and open /wp-content/plugins/elementor-pro/modules/forms/classes/recaptcha-handler.php

In about line 103, put https://www.google.com/recaptcha/api.js?render=explicit 

Original Code

Change to https://www.recaptcha.net/recaptcha/api.js?render=explicit

Modify code

Around line 156, put https://www.google.com/recaptcha/api/siteverify

Code to be modified

Change to https://www.recaptcha.net/recaptcha/api/siteverify

Modified code

Save, clear the cache to refresh the page after the cover can be used normally Google CAPTCHA, if something goes wrong please double check the code and comply with whether to write correctly.

Other plug-in created form modification method: Through FTP/panel into the file management, search reCAPTCHA to find the corresponding php file to open and edit. Search for "google.com" in the text

Find
"https://www.google.com/recaptcha/api.js?render=explicit"
Replace with 
"https://www.recaptcha.net/recaptcha/api.js?render=explicit&hl=zh-CN"

Find
"https://www.google.com/recaptcha/api/siteverify"
Replace with 
"https://www.recaptcha.net/recaptcha/api/siteverify".

If you want to hide the badge in the image below, add the following css to the theme custom css.

recaptcha chinese

.grecaptcha-badge { visibility: hidden; }

Note: GoogleOfficial RequirementsTo hide the badge, you need to attach 2 links to the form as shown below.

Hidden Badges

I was worried that I might need to rework the code after updating the corresponding plugin, so I sent this issue back to the official via email as well as Github. I hope Elementor can add the option to switch reCAPTCHA resources in the subsequent version.

 

Rank math redirect function is disabled

Create redirection rules disappear after saving, automatic redirection does not take effect, it turns out that the wp_rank_math_redirections database tables are deleted. Recovery method: Background Rank Math > Statu&Tool > Re-create Missing Database Tables Click the button to generate the missing tables. If the re-create database tables are not successful you can only rebuild them manually, refer toThis post.

Linking to Google Analytics and Google Webmaster Tools does not work probably because "wp_rank_math_analytics_gsc", "wp_rank_math_analytics_objects" are missing. 2 database tables. Note that the table prefix and database type should be replaced according to the actual situation.

DROP TABLE IF EXISTS `wp_rank_math_redirections`;
CREATE TABLE IF NOT EXISTS `wp_rank_math_redirections` (
`id` BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT,
`sources` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
`url_to` text COLLATE utf8mb4_unicode_520_ci NOT NULL,
`header_code` SMALLINT(4) UNSIGNED NOT NULL,
`hits` BIGINT(20) UNSIGNED NOT NULL DEFAULT '0',
`status` VARCHAR(25) COLLATE utf8mb4_unicode_520_ci NOT NULL DEFAULT 'active',
`created` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`updated` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`last_accessed` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
PRIMARY KEY (`id`),
KEY `status` (`status`)
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

 

WordPress domestic website multi-language automatic translation solution

Google auto-translation api cannot be linked in China, so the Google auto-translation plug-in cannot be used in China. There is a Google auto-translation plug-in that can be used in China without linking to Google api, but customers feedback that the translation switch icon is often not displayed, and the translation accuracy is not high enough to manually correct the translation results.

The domestic translation service is not adapted to WordPress, so no good solution has been found for domestic websites with multiple languages. In the past few days, I found that domestic translation services can be directly connected to DeepL without going through the wall, and the speed is stable and the accuracy of translation is higher than that of Google Translate.

DeepL claims to be the world's most accurate neural translation, it is very well known and many students who need to check foreign literature for their research papers use it to translate their data. TranslatePress Pro version of this translation plugin comes with DeepL auto-translation function, you can use it by buying a lifetime valid DeepL free API from Taobao for more than 30 bucks! The automatic translation function of DeepL translates the whole site, and the translation accuracy is much higher than Google automatic translation. You can move toEnglish version of this siteCheck the translation results.

TranslatePress with manual correction translation function, the automatic translation result is not satisfied with the place can manually modify the translation result individually, the translated language still has SEO function, very easy to use and powerful.

This siteThere areGPL licensed version TranslatePress Pro DownloadIf you register the server and domain name through the invitation link on this site, such as WeChat contact customer service can download the plug-in for free.

 

Rank Math can't save keywords, change settings can't be saved

If there is any one site on the same server enabled Wordfence firewall, modify some settings or add keywords may be intercepted to modify / add failure (sometimes there is an interception alert, sometimes not). The solution is to set the Wordfence firewall to learn mode, or directly disable the Wordfence plug-in to modify the good and then enable.

1638872558 oaKlyjPg

 

Wordpress website automatically exit after login to jump to the home page or 404 page

If this is only happening on individual sites, there may be a problem with the site, such as a plugin/theme incompatibility or something. Last night, all the sites started to log in automatically, prompting the session to expire and log in again or 503 server error.

Search All extensions

 

Website modification does not take effect or the page is wrong or content is lost after updating the plug-in/theme

Wordfence and other firewall plug-ins or the server's own firewall (cache may also be possible) may lead to update plug-ins, relocation of the site process some code write failure, resulting in page error content loss and other situations. Try to turn off all firewalls or set to learning mode and try again.

 

The social sharing function on the product detail page is not working

If you use Woocommerce to create a product detail page in"Product Summary"Entering text in it and setting bold, line feeds, etc. will cause Elementoretc.The social sharing widget part of the plugin (Twitter, etc.) sharing function is not working. We found this problem in 19, and Elementor customer service replied that there was a conflict with the Woocommerce plugin and told us to contact Woo to resolve it (meaning they didn't care). We found a solution: just don't use the "product summary" section, or use the ACF plugin to add a text box instead of "product summary" input content, and use elementor pro text box in the product detail page template. component to retrieve the content of this ACF text box.

Pasted

 

Tencent Cloud COS/CDN images do not show up after transferring to WebP

If you use the CDN function of a plugin like Wp Rocket to rewrite the file URL directly, it will only modify the file URLPrefixFor example, if you change https://diiamo.cn/xxx.jpg to https://cdn.diiamo.cn/xxx.jpg, the URL suffix remains the same. However, if you use Tencent Cloud COS and CDN's image to WebP function, it will modify the WebP image URLSuffixThis results in the requested image URL not being consistent with the CDN cache. This leads to inconsistencies between the requested image URL and the image URL inside the CDN cache when accessing the website, resulting in images that need to be returned to the source and cannot be accelerated using the CDN, and may not be opened. Our current solution is to use the plug-in to turn WebP on the server and then mirror it to COS/CDN, without using Tencent Cloud's WebP function.

 

Other

  1. 做中文网站网址和图片名字最好用英文命名,谷歌能识别有SEO效果。中文网址兼容性不够好有些情况下会出问题;
  2. Don't upload photos in Webp, avif format directly, because some devices don't support the display. Some compression plugins may not be able to compress Webp photos directly. The best way is to upload JPG/PNG format, compress it with plugins like Shortpixel and then convert it to Webp, which will automatically switch to JPG/PNG format when you encounter devices that do not support Webp.
  3. Pagoda panel of the firewall and acceleration function if not very familiar with the rules do not just open, will affect the site functions and content modification, etc..
  4. Do not modify the URL after the website is online. Modifications may lead to bad links on the site as well as Google search results page can not open the URL, be sure to open the automatic redirection function.
  5. Domestic domain name is best to add www prefix, mainly for compatibility, in fact, do not add also affect not much. Foreign sites are now popular without the www.
  6. Don't modify the database, SSL, etc. if you don't know much about it. It's super easy to get into trouble and doesn't help to improve the speed of your website.
  7. Use well-known plug-ins with high installation volume, better compatibility, less bugs, and continuous updates can be guaranteed.
  8. If you do not set up pseudo-static, some of the plug-in features can not be used. The first thing Baota did after installing WordPress was to set up pseudo-static.
  9. If the header or section is displayed incorrectly or not displayed after the relocation of the website built by Elementor Pro, try to activate the certificate to regenerate the file.
  10. If the z-index of the parent of element A is smaller than the z-index of the parent of element B, even if the z-index of element A is larger than that of element B, it is still overwritten by B.
  11. Overflow:visible overflow elements/sections are left-aligned by default, set float: right to become right-aligned.
  12. Add ?nowprocket after the URL to bypass wp rocket's cache to display the page 👉https://diiamo.cn/vultr/?nowprocket
  13. Tencent cloud COS anti-theft chain set whitelist reject empty referer after whitelist sites can not download cos resources, because the download button there set the noreferer, change to referer.
  14. Firewalls that have Post filtering turned on may cause saving failures for editing articles, products, pages, etc.
  15. Elementor editor just open the left side has been turning circles card main or 4xx save failure may be due to plug-in conflicts, close other plug-ins to try.
  16. Elementor>Settings>Integration inside if you fill out the reCAPTCHA site key2 items, the page will load google.com resources, the domestic site form page will be stuck.
  17. In the case of Elementor Pro without activation certificate, uploading the genuine Pro installation package directly to upgrade may cause some Pro functions to fail, but the cracked version does not have this problem.
  18. Added some rules to block crawlers, which caused elementor pro to fail to convert font icons to SVG icons after update. Delete the rules and re-upgrade to solve the problem.
  19. 如果内存少于4G,数据库不要安装5.7版本,跑不起来会自动关停。建议安装5.6版本,运行稳定一点,不影响网站速度。如果是1H1G配置建议也建议安装5.6版本,在MySQL配置里面不要选1-2G内存配置,因为跑不起来数据库很容易崩溃。
  20. If you want to send emails to your website, try to choose Plain (plain text) format, the delivery rate is much higher. html format emails are easily rejected.
  21. The best way to prevent spam comments is to disable URL input. In "Settings" > "Discussion", disable URL insertion in article comments. DownloadMaspik可以禁止在Elementor Pro表单插入网址。
  22. 经常修改的网站不建议腾讯云CDN和对象存储一起使用,因为对象存储无法自动刷新文件。每次修改点图片之类都要手动刷新,超级麻烦。建议只使用CDN再安装相应插件可以自动刷新。
  23. Some domestic sites selling plug-ins/theme cracks will delete the user profile after a while and let the user re-purchase, or give up updating. That point people simply can not do in a timely manner to update hundreds of thousands of plug-ins, and even profit is a problem.

If you also encounter some more difficult problems in the process of building a website using WordPress welcome to exchange comments below, we will update to the article.

End

Article out of date? Have a better opinion? Have a question? Please leave your comments below and we will follow up.

Recommended Articles.
Comments :

Leave a Comment

邮箱不会被公开, 评论框内禁止插入网址、邮箱

Chat
  • WeChat Service
Quick login without registration

Enter your username and password to log in

Don't have an account? Forgot your password?
For a better user experience, the site uses cookies -Privacy Policy
This site uses cookiesPrivacy Policy