1. The backgroud that want “Posts” disappear
Recently, I set up a personal website by docker compose, and chose wordpress as my website template. After some work of docker related, I built a my own website. Then I cannot wait to post a artile, but, an annoying word “Posts” appeared on header image of wordpress after I post a acticle and click CONTINUE READING. You can see the screenshot below, it make me so depressed, BTY, I have OCD :).
2. To solve it
First you should make use Chrom to debugging front end elements(I am not very familiar with the front end) and to locate the position of the word “Posts”, I have taken a picture as follow to say the process:
We can see the positon of the word in div element. Then a question come into my head, where the word and the div element come from. As we know, the source is nothing more than two places, one is static source, the other is generated dynamically by PHP code(BTY, wordpress created by PHP).
Next, let me check what request sent by the the appeared word, see screenshot:
Check the response, we can speculate the word is generated dynamically. So, next we need find the which code snippet created the div elements and the word. We can use key word “page-title-container” to search which PHP file included it in the wordpress project. The installed wordpress project directory as follows:
To find the key word ” page-title-container ” in current directory by recursive way. Let’s check the result after lookup.
At this time, we can guess the word “Posts” may be generated by the PHP file. Without further ado, check its content(code):
Disable above code snippet in that line. It do work, the annoying word disappeared.
