Id like to use the blurp area of the theme as a search box rather than having it in the sidebar. How do I go about doing that?
Blurp as Search Box
(28 posts)
(3 voices)
-
Elliott
SupportOpen up
/wp-content/themes/infocus/includes/template-single.phpand add the following code on line 155.<div class="widget scg_widget KerioConnect widget_search" id="search-4"><div style="position: absolute; top: 55px; right: 0px;" class="search-box"> <form action="http://www.mysite.com/" method="get"> <input type="text" onblur="if (this.value == '') {this.value = 'Search...';}" onfocus="if(this.value == 'Search...') {this.value = '';}" value="Search..." id="s" name="s" class="search-field" size="15"> </form> </div> </div>This will insert a search box on your single posts. To get them on your pages also then you will need to do the same thing to page.php and template-full.php.
Let us know if this works for you geekgurl00.
Posted 1 year ago # -
HouseofStrauss
MemberIn case anyone is interested, this code snippet will also put the search in the header if you insert it after line 92 in header.php ( see my screenshots)
Attachments
-
capture076.jpg (85.8 KB, 7 downloads) 1 year old - capture077.jpg (20.3 KB, 4 downloads) 1 year old
Posted 1 year ago # -
-
geekgurl00
MemberI dont have a file called template-single.php in my directory and my full-template only goes to line 99. I tried pasting in the code where I think it should go, but I still get the title and a phrase saying: "A state permitting clear perception and understanding; the area that may be seen distinctly or resolved into a clear image. " And Im not sure how to get rid of that.
Thanks!
KristinPosted 1 year ago # -
Elliott
SupportHey Kristin,
In each of the files listed you should see some code like this..
<?php //Header Teaser Text Options if (!$teaser_text || $teaser_text == 'default') { if ($header_teaser == 'customtext' && $teaser_custom) { echo stripslashes($teaser_custom); } if ($header_teaser == 'twitter' && !$twitter_id) { echo 'You must have your Twitter user name entered in the "General Settings" tab of your themes options for this to function properly.'; } if ($header_teaser == 'twitter' && $twitter_id) { $usernames = $twitter_id; $limit = '1'; $type = 'teaser'; parse_cache_feed($usernames, $limit, $type); } }else{ if ($teaser_text == 'custom' && !$teaser_text_custom) { echo stripslashes($teaser_custom); } if ($teaser_text == 'custom' && $teaser_text_custom) { echo stripslashes($teaser_text_custom); } if ($teaser_text == 'twitter' && !$twitter_id) { echo 'You must have your Twitter user name entered in the "General Settings" tab of your themes options for this to function properly.'; } if ($teaser_text == 'twitter' && $twitter_id) { $usernames = $twitter_id; $limit = '1'; $type = 'teaser'; parse_cache_feed($usernames, $limit, $type); } } ?>You will want to paste the code immediately after this. Sorry, I gave you the wrong directory in the last post. To find
template-single.phpfirst look in your template directory and open the folderliband then open the folderincludesand you should see the file there.If you are having trouble then let us know and we will make the changes for you.
Posted 1 year ago # -
geekgurl00
MemberIve pasted the code into the template, but it is still not working. Ive attached a pic of what is happening. Ive also set the Header Teaser Text to Custom on the main options page of the theme.
Attachments
- search_box.jpg (57.4 KB, 0 downloads) 1 year old
Posted 1 year ago # -
-
Elliott
SupportHello geekgurl00,
Let's try this.. Download the attached file and extract it to /wp-content/themes/infocus/lib/includes/
View one of your posts and let me know if you see a search bar.
Attachments
-
template-single.zip (3 KB, 2 downloads) 1 year old
Posted 1 year ago # -
-
geekgurl00
MemberIve copied the file over and set the Header teaser text to custom under general settings and it's still not showing up. Do I need to do anything else to make it work?
Attachments
- search_box.jpg (60 KB, 0 downloads) 1 year old
Posted 1 year ago # -
-
Elliott
SupportOpen up
/wp-content/themes/infocus/template-full.phpand at the top you should see some code like this..<div id="intro_blurb"<?php if ($header_disable){echo ' style="display:none;"';}?>> <div class="inner"> <div id="intro_blurb_title"><span><?php the_title(); ?></span></div> <div id="blurb"> <?php //Header Teaser Text Options if (!$teaser_text || $teaser_text == 'default') { if ($header_teaser == 'customtext' && $teaser_custom) { echo stripslashes($teaser_custom); } if ($header_teaser == 'twitter' && !$twitter_id) { echo 'You must have your Twitter user name entered in the "General Settings" tab of your themes options for this to function properly.'; } if ($header_teaser == 'twitter' && $twitter_id) { $usernames = $twitter_id; $limit = '1'; $type = 'teaser'; parse_cache_feed($usernames, $limit, $type); } }else{ if ($teaser_text == 'custom' && !$teaser_text_custom) { echo stripslashes($teaser_custom); } if ($teaser_text == 'custom' && $teaser_text_custom) { echo stripslashes($teaser_text_custom); } if ($teaser_text == 'twitter' && !$twitter_id) { echo 'You must have your Twitter user name entered in the "General Settings" tab of your themes options for this to function properly.'; } if ($teaser_text == 'twitter' && $twitter_id) { $usernames = $twitter_id; $limit = '1'; $type = 'teaser'; parse_cache_feed($usernames, $limit, $type); } } ?> </div> </div><!-- inner --> </div><!-- intro_blurb -->To get the search bar to show then you just paste this code..
<div class="widget scg_widget KerioConnect widget_search" id="search-4"><div style="position: absolute; top: 55px; right: 0px;" class="search-box"> <form action="http://www.mysite.com/" method="get"> <input type="text" onblur="if (this.value == '') {this.value = 'Search...';}" onfocus="if(this.value == 'Search...') {this.value = '';}" value="Search..." id="s" name="s" class="search-field" size="15"> </form> </div> </div>at the end before the ending </div> tags like this..
<div class="widget scg_widget KerioConnect widget_search" id="search-4"><div style="position: absolute; top: 55px; right: 0px;" class="search-box"> <form action="http://www.mysite.com/" method="get"> <input type="text" onblur="if (this.value == '') {this.value = 'Search...';}" onfocus="if(this.value == 'Search...') {this.value = '';}" value="Search..." id="s" name="s" class="search-field" size="15"> </form> </div> </div> </div> </div><!-- inner --> </div><!-- intro_blurb -->If you are confused then open up the file I gave you.. page.php and you can see how it is done. Just do the same thing to all pages where you want the search bar to display.
Posted 1 year ago # -
geekgurl00
MemberIve got the search bar to show, but Im trying to remove the title tag. Ive taken out the <php title> tags, but Im still left with this blue bar. How do I remove that?
Thanks!
KristinAttachments
- title_bar.jpg (22.7 KB, 1 downloads) 1 year old
Posted 1 year ago # -
-
Elliott
SupportFor that you will need to comment out the entire line like this..
<!--<div id="intro_blurb_title"><span><?php //the_title(); ?></span></div>-->If you do it on template-full then it will apply to all full width pages if you do it to page.php then it will apply to all default pages, etc etc.
Posted 1 year ago # -
geekgurl00
MemberWhen I do that it takes away the entire search box.
Attachments
- no_searchbox.jpg (12.8 KB, 0 downloads) 1 year old
Posted 1 year ago # -
-
Elliott
SupportHey Kristin,
Download the attached file and extract to
/wp-content/themes/infocus/Let us know if it works.
Attachments
- template-full.zip (1.2 KB, 3 downloads) 1 year old
Posted 1 year ago # -
-
Elliott
SupportHello geekgurl00,
If that file did not work then you are most likely not using the full width template or you have some other customizations going on.
Give me a link to your page where it is not working. If that is not possible then I recommend downloading a fresh version of inFocus so it will work for you.
Posted 1 year ago #
Reply
You must log in to post.
Topic Tags
- Started 1 year ago by geekgurl00
- Latest reply from geekgurl00
- This topic is resolved
