Basic Installation After Download
- Upload & Activate Search Engine Theme
- Upload & Activate Socrates Toolkit Plugin
- Upload & Activate Link Directory Plugin
- Goto Appearance > Customize to adjust layout and basic colors.
The Home Page Template
We’ve got a custom shortcode which generates the big search box. Remove the # symbol! [ bigsearch#]
Make a new page template called home and assign the Full Width template to it. Paste this code and remove # and you can replace the popular searches links with your own. There’s probably a plugin that will generate these links as well.
<h1 style="text-align: center;">Search Engine Theme</h1> [bigsearch#] <strong>Popular Searches: <a href="https://searchenginetheme.com/?s=amazon">Amazon Product</a> - <a href="https://searchenginetheme.com/?s=test">Test</a></strong> <hr />
Then in Settings > Reading make this new page your Front Page.
To get the big search bar on all pages/posts add the shortcode to the “Top Banner Widget”. It will display on every page or you can use a widget visibility plugin to display it where you want. You can “Hide From Front Page” in visibility too.
The Custom Fields
There are two custom fields that are generated by the Link Directory plugin which work with the theme. They are not required to use the theme but they are VERY IMPORTANT if you want to make this theme have unique display and outbound links. So these custom fields are hard coded into our template.
Those two field names are
affurl – This is your affiliate or tracking link to an outside url.
dataurl – This is the display url for the search results.
Look at our search demo links to learn more about these. Video demo coming.
- External Links – Make all outbound links open in a new window.
- Search Meter – Simple plugin that gives you search stats.
- Live WordPress Search – Will show search results as they type.
Best Theme Design Tip Ever
If you want to know how to change a design element of a website, right click on that element and click “Inspect”. You’ll then see the CSS code that controls that element and you can modify it live. Once you see the change you want to make, add that code to the Simple CSS editor.