https://jesselau.com/en/tags/wordpress/ Recent content in wordpress on Hugo -- gohugo.io en Wed, 03 Oct 2018 23:46:28 +0000 https://jesselau.com/install-manticore-search-and-play-with-wordpress-database/ Wed, 03 Oct 2018 23:46:28 +0000 https://jesselau.com/install-manticore-search-and-play-with-wordpress-database/ A few days ago I found Manticore search, a fork of Sphinx search. I researched it and found an article. It is worth trying. Back up all the content of the existing server and start to increase the search function. Install Manticore Search First go to their website to download the latest version for this server system. This server uses Ubuntu 18.04. The latest version of the link can be easily found on the web page. The commands for downloading and installing at the current time are as follows: wget https://github.com/manticoresoftware/manticoresearch/releases/download/2.7.3/manticore_2.7.3-180926-d07c4d43-stemmer.bionic_amd64-bin.deb sudo dpkg -i manticore_2.7.3-180926-d07c4d43-stemmer.bionic_amd64-bin.deb According to its installation tutorial, you also need to install several LIBs. sudo apt-get install libmysqlclient20 libodbc1 libpq5 libexpat1 Then start this service sudo systemctl start manticore This service is also started when the server starts. sudo systemctl enable manticore Create a Manticore search test database https://jesselau.com/wordpress-plugin-find-and-replace-text/ Tue, 25 Sep 2018 21:42:58 +0000 https://jesselau.com/wordpress-plugin-find-and-replace-text/ The WordPress editor currently does not have "find n replace" function. This function is very useful for me, because I used to post the souce code just clicking Blockquote button. But each time I have to go back to the TEXT mode and add the <PRE> tag, otherwise some code will be converted to some special characters by WordPress editor, which is not good story for source code. Therefore, I need a batch find n replace function. I used better search and replace plugin to modify the database, but this tool is to replace all the data of the website, which is not very convenient for new posts. I plan to find another WordPress plugin but I can't find it. Maybe not too many people need this function. I can solve it if there is a problem. I have time and relevant experience to learn something new, although I have never made Wordress Plugin before, I am sure " https://jesselau.com/how-to-create-zoom-image-hover-effects-with-transparent-text-remove-adsense-auto-ads-from-homepage-in-extra-theme/ Sun, 23 Sep 2018 21:16:08 +0000 https://jesselau.com/how-to-create-zoom-image-hover-effects-with-transparent-text-remove-adsense-auto-ads-from-homepage-in-extra-theme/ After a day of renovation, I felt that the fullwidth slider on the front page didn't seem to be necessary, and it was not clear to say what my website was talking about. Using EXTRA's image module to add a picture is very simple, however, we can not add text on the image. So let's polish a dynamic effect with CSS. How to Create Zoom Image Hover Effects with Transparent Text Add a text module and write the code below <div class="zoomimg-container"> <img class="zoomimg" style="width: 100%;" src="https://jesselau.com/wp-content/uploads/2018/09/jesselaublog-1.jpg" /> <div class="zoomimg-content"> <h1>Welcome to Jesse Lau's Blog</h1> Website Programing, Internet Marketing, Forex Trading, Billiard, Darts And I Can Stand On One Leg For 30 Minutes With My Eyes Closed. ☺ </div> </div> Then add the following code to the CUSTOM CSS of EXTRA THEME OPTION: .zoomimg-container { position: relative; width: 100%; https://jesselau.com/renovate-the-website-with-extra-theme-solve-polylang-and-extra-incompatibility-issues-and-install-adsense-code-on-amp-page/ Sun, 23 Sep 2018 00:49:13 +0000 https://jesselau.com/renovate-the-website-with-extra-theme-solve-polylang-and-extra-incompatibility-issues-and-install-adsense-code-on-amp-page/ I visited the elegantthemes.com the day before yesterday and found that they had an additional theme besides DIVI. It is said to be developed for blog sites. The layout is similar to magazine layout, and the menu is more modern than DIVI. Ok, since my membership covers this theme, I decide use this EXTRA theme to "renovate" the site. WordPress's decoration is very convenient. After setting up with different themes, as long as you don't empty the database, you can return to the original DIVI interface at any time. Ok, let's take a look at the extra theme. He also embeds the Divi Builder visualization tool. Added a lot of typographic optimization for posts. Built-in feature for rating posts, supporting multiple authors. Ok, see how my home page is designed:   Featured posts Slider is inserted at the top, as long as each post comes with a high-quality image, the effect of this image slider is good. https://jesselau.com/cancel-redirects-to-solve-adsense-down-or-unavailable-problem-and-make-a-custom-404-page-to-make-website-more-user-friendly/ Wed, 19 Sep 2018 23:56:29 +0000 https://jesselau.com/cancel-redirects-to-solve-adsense-down-or-unavailable-problem-and-make-a-custom-404-page-to-make-website-more-user-friendly/ I submitted Adsense application 3 times before and I received the following letter shortly:   Unable to review your site: While reviewing jesselau.com, we found that your site was down or unavailable. If you applied through an AdSense host partner, such as YouTube or Blogger, your hosted site was not available or not found (removed) at the time of the review. This really made me confused. I have changed the server from London to Silicon Valley where Google headquarters is located. It was impossible to say "down or unavailable". I won’t guess this time. I went to the google forum and asked, and soon the enthusiasts answered, saying that my jesselau.com redirected to jesselau.com/en/. Google Adsense application robot does not support redirects. Go to the google adsense guide, really, there is a small line of text, does not support redirect. https://jesselau.com/how-to-display-read-more-links-on-divi-search-and-tag-pages/ Tue, 18 Sep 2018 00:26:52 +0000 https://jesselau.com/how-to-display-read-more-links-on-divi-search-and-tag-pages/ The Divi template is great, but his founder may also have a philosophy of "don't make the most of it." In some places, I suspect that it is a flaw that he deliberately left behind. For example, his search and tag pages, why not make a read more links by default. Go to their forum to find a solution. Find the index.php file in the divi directory and find 54 lines, change to:   truncate_post( 270 ); printf( ' <a href="%1$s" class="more-link" >%2$s</a>' , esc_url( get_permalink() ), esc_html__( 'read more', 'et_builder' ) ); Then upload it to the sub-template directory of divi: scp \path\index.php yourusername@yourwebsite.com:/home/yourusername ssh yourusername@yourwebsite.com sudo mv index.php /var/www/yourwebsite.com/wp-content/themes/divi-child/ Get it, now the search results and tag page also have a "read more" link.   https://jesselau.com/21-wordpress-plugins-activated-in-my-website/ Sun, 16 Sep 2018 01:20:23 +0000 https://jesselau.com/21-wordpress-plugins-activated-in-my-website/ Since the blog was restarted at the end of last month, 21 wordpress plugins have been installed and activated. 21 is a mysterious number, so I will take a look at it at this time. These plug-ins are all in the process of running the blog, suddenly throwing out some ideas or needs, found through google, although some have commercial functions, but this blog is currently running free features. Wordpress can be used as the most popular CMS (content management system) for no reason. There are countless themes and plugins for developers to choose, which has a virtuous circle. These 21 plugins can be divided into five categories. The first category: speed optimization class The second category: search engine optimization class The third category: user interface class The fourth category: user communication class The fifth category: management tools Ok, now let's talk about plugins one by one. https://jesselau.com/how-to-setup-fullwidth-video-background-with-divi-and-ffmpeg/ Sun, 16 Sep 2018 00:03:41 +0000 https://jesselau.com/how-to-setup-fullwidth-video-background-with-divi-and-ffmpeg/ Prepare to upload a small video as a background. I found a video on my mobile phone, taking a picture from New Zealand's famous Lake Tekapo to Wanaka. But there are some noises. This requires video processing software to remove the sound. Ok, let's install the free and powerful ffmpeg. Windows users can install a software Winff. Is a visual interface to the ffmpeg command line. I am using Ubuntu 18 now. Need to run the following command to install ffmpeg   sudo add-apt-repository ppa:kirillshkrogalev/ffmpeg-next sudo apt-get update sudo apt-get install ffmpeg Ok, ffmpeg is installed, the video file I just downloaded is 1.mp4 and I continue to run: ffmpeg -i \path\1.mp4 Find a few lines with stream information. Here is: Stream #0:0(und): Audio: aac (LC) (mp4a / 0x6134706D), 48000 Hz, mono, fltp, 95 kb/s (default) Metadata: creation_time : 2018-04-22T22:10:00. https://jesselau.com/optimize-wordpress-nginx-and-php-7-2-to-reduce-server-response-time/ Mon, 10 Sep 2018 06:09:40 +0000 https://jesselau.com/optimize-wordpress-nginx-and-php-7-2-to-reduce-server-response-time/ Yesterday my son made his first blog in life according to the Step-by-step Tutorial Show How to Build a Nice WordPress Blog with Perfect 100 Score of Google Pagespeed Insights and A Rating of SSL Certificate within 2 Hours I wrote earlier. Because the cost of the server is determined by his own way of making money, he is currently purchasing Vultr's cheapest server, $3.50 per month, 1 CPU, and only 512MB of the smallest server. WordPress is a very memory-intensive CMS system. It is estimated that 512MB will be not enough to run wordpress after adding several plug-ins and templates. The response time of the server may not meet the requirements of Google Speed ​​Insights. Just like my own blog, the initial speed is not slow, but after using DIVI and adding a lot of other plug-ins, the test results in Google Speed ​​Insights shows the server response time is more than 200ms. https://jesselau.com/wordpress-google-pagespeed-insights-ssl-certificate/ Sat, 08 Sep 2018 01:45:05 +0000 https://jesselau.com/wordpress-google-pagespeed-insights-ssl-certificate/ My 11-year-old son came back from school on Friday and saw my blog saying, "I want to make a blog too." The child’s thoughts and enthusiasm should be encouraged. So I decided to use another idle domain name fxdiary.com to go through the process step by step. Each step was recorded, and everybody can learn how to build a nice Wordpress blog with perfect 100 Score of Google Pagespeed Insights and A rating of SSL Certificate in 2 Hours. The best of all, you can save big money for just using $3.5/m VPS to make it. This tutorial is divided into 8 steps.There are quick links: 1. Purchase a domain name 2. Register the host 3. Set DNS to point the domain name to the server ip 4. Remote login to the host to set up a non-root superuser