Tutorials

 

Basic Installation After Download

  1. Upload & Activate Search Engine Theme
  2. Upload & Activate Socrates Toolkit Plugin
  3. Upload & Activate Link Directory Plugin
  4. 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.

Screenshot of custom field setup with affurl and dataurl

Recommended Plugins

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.

Disclosure: This site may contain affiliate links to products. We may receive a commission for purchases made through these links. As an Amazon Associate I earn from qualifying purchases.