ImCesar
Member
When i search a qurey that doesn't exist on my site it will show a white page without any kind of statement like ''The post you are looking for not exist in this site". How can i add this ?
How can I add custom search page not found in WordPress
- Thread starter ImCesar
- Start date
-
Welcome to Original Babiato! All Resource are Free and No downloading Limit.. Join Our Official Telegram Channel For updates Bypass All the resource restrictions/Password/Key? Read here! Read Before submitting Resource Read here! Support Our Work By Donating Click here!
HIdden.be
Active member
ImCesar
Member
tradesman
Well-known member
You can achieve this in two ways.
1. Edit the "search.php" in your WP installation. I prefer this because it offers more customization option, but be careful when editing WP files. It requires some background in HTML and a little PHP. it's easy peasy once you get the hang of it.
2. Get a plugin that will do this for you (safe), but your options are limited to what the plugin can offer. Plus extra load to your website, and some of these plugins still use old jQuery versions(render blocking) = sloooow
ImCesar
Member
I know Html i can edit it but i can't understand the contains of search.php file. What should i do ?
Just use google
www.wpbeginner.com
7 Best Free 404 Redirect Plugins for WordPress (2024)
Are you experiencing a lot of 404 page not found errors in WordPress? Take a look at these 7 best free 404 redirect plugins for WordPress.
www.wpbeginner.com
Other way, you can borrowJust use google
7 Best Free 404 Redirect Plugins for WordPress (2024)
Are you experiencing a lot of 404 page not found errors in WordPress? Take a look at these 7 best free 404 redirect plugins for WordPress.
googol search API to GET the alter result like what Babiato did with their search engine.
- Jul 25, 2018
- 12,058
- 22,063
- 120
ImCesar
Member
I just found it on the net, so this is not mine. Hopefully can help your problem. But read carefully till the end, it's recommend to your site speed.
A Better Way to Add Google Custom Search to WordPress/PHP Site
By Brij Mohan
It is common to use Google Custom Search for WordPress Site because of its speed, search algorithm, trustability, security, no need of server resources and database load for indexing..etc. This post will explain how to add Google Custom Search in your WordPress or PHP site without any plugin.
Get CSE Code:
Login Google Custom Search and add a new search engine.
Left side, select your search engine and click on “Look and feel” option
Select “Result Only” layout and click “Save and Get Code“.Copy it, the code will be like below:
?
| <script> (function() { var cx = 'partner-pub-xxxxxxxxxxxxxxxx:xxxxxx-xxxx'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <gcse:searchresults-only></gcse:searchresults-only> |
I selected “Result Only” layout means not selected to use Custom Search Box because:
1. Google Custom Search box loads background image as watermark. We can remove it with CSS or javascript tweaks but it is against the terms of service.
2. If we use it then need to add javascript code which will be on all pages (because search box will be present in all pages). Google PageSpeed throws following error:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
http://www.google.com/cse/api/branding.css
It affects PageSpeed score and page load time for all pages.
Search Results:
On WordPress or PHP website, create a page (say ) and paste the CSE code where you want to show search results.
Setup Search Box:
As we are using result only from Google CSE script, we will add our own textbox for searching. Put following code in header or sidebar where you want to display search box:
?
| <div class="searchbox"> <form action="https://techbrij.com/search-result" id="cse-search-box" method="get"> <div> <?php if (isset($_GET['q'])) { ?> <input type="text" name="q" size="35" id="txtGoogleSearch" placeholder="Search Here" value='<?php echo $_GET['q'] ?>' /> <?php } else {?> <input type="text" name="q" size="35" id="txtGoogleSearch" placeholder="Search Here" /> <?php } ?> </div> </form> </div> |
How It Works:
You can enter keyword to search and on enter, the url becomes
TechBrij
TechBrij is a web development blog related to ASP.NET, C#, JavaScript, AI, Machine Learning, Python and Node.js guides.
techbrij.com
Google CSE script fetches search keyword from querystring and displays search results.
Conclusion:
In this post, we added Google custom search to WordPress/PHP site considering Google PageSpeed and site performance.
Enjoy Google Custom Search !!
tradesman
Well-known member
knowing HTML is not enough, you need to understand a little PHP and basic knowledge of WP's page hierarchy. I emphasized this on option 1.
Here's a link on how to create your own search.php page:
Creating a Search Page « WordPress Codex
BTW. I believe you need to address the "white page" issue first. Try to disable plugins to know what's causing this.
And this has nothing to do with 404 pages as others suggest. 404 pages are for missing pages( page not found), not "not found" search results.
Good luck bro.
Similar threads
