[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fvOJplfkninOpoAHi0qkJI1YPtd4MmbcvvwwjCJVKhn8":3},{"slug":4,"display_name":4,"profile_url":5,"plugin_count":6,"total_installs":7,"avg_security_score":8,"avg_patch_time_days":9,"trust_score":10,"computed_at":11,"plugins":12},"jameelbokhari","https:\u002F\u002Fprofiles.wordpress.org\u002Fjameelbokhari\u002F",2,20,93,30,89,"2026-04-04T14:06:32.608Z",[13,36],{"slug":14,"name":15,"version":16,"author":4,"author_profile":5,"description":17,"short_description":18,"active_installs":19,"downloaded":20,"rating":21,"num_ratings":21,"last_updated":22,"tested_up_to":23,"requires_at_least":24,"requires_php":22,"tags":25,"homepage":31,"download_link":32,"security_score":33,"vuln_count":21,"unpatched_count":21,"last_vuln_date":34,"fetched_at":35},"awesome-instant-search","Awesome Instant Search","1.1.2","\u003Cp>Awesome Instant Search integrate Instant Search to ANY wordpress website using CSS seletors. If you are familiar with CSS already, you should have no problem setting this up. The less experienced can use \u003Ca href=\"http:\u002F\u002Fwww.jameelbokhari.com\u002Fawesome-instant-search\u002F\" rel=\"nofollow ugc\">my full tutorial\u003C\u002Fa> to set up in 15-20 minutes.\u003C\u002Fp>\n\u003Cp>After installing the plugin, go to Settings->Awesome Instant Search in your admin panel. On the first tab, General Settings, you can activate the plugin, but you should probably set it up first.\u003C\u002Fp>\n\u003Cp>If you are working with the TwentyThirteen theme, the plugin should work out of the box.\u003Cbr \u002F>\nTwentyTwelve and TwentyTen can be applied instantly as well. Go to the plugin settings page described above, and under the General Settings use the dropdown next to Theme Quick Settings to select between twentythirteen, twentytwelve and twentyeleven. Again, if you are not using these themes you have to set the plugin up to fit your particular theme. Unfortunately there’s not a way (that I know of) that will get this plugin working out of the box!\u003C\u002Fp>\n\u003Cp>For the quick tutorial, see below. For those of you unfamiliar with simple HTML and CSS concepts, \u003Ca href=\"http:\u002F\u002Fwww.jameelbokhari.com\u002Fawesome-instant-search\u002F\" rel=\"nofollow ugc\">see my full tutorial\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch4>The Essentials\u003C\u002Fh4>\n\u003Cp>Essentially, you need to configure three settings.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Search Field Selector\u003C\u002Fli>\n\u003Cli>Page Content Selector\u003C\u002Fli>\n\u003Cli>Search result selector\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>If you know your \u003Ccode>HTML\u003C\u002Fcode> pretty well, here’s what to do: Assign \u003Cem>Search Field Selector\u003C\u002Fem> to the class or ID of your search field(s) in your website. The default \u003Ccode>input[name=\"s\"]\u003C\u002Fcode> should work for any website.\u003C\u002Fp>\n\u003Cp>Assign \u003Cem>Page Content Selector\u003C\u002Fem> to the ID of the element you want your search results to appear in. Remember to use a period (.) or hash sign (#) just like you would with a \u003Ccode>CSS\u003C\u002Fcode> selector. So for example \u003Ccode>#content\u003C\u002Fcode>. Just like with CSS you can be more specific when you need to, e.g., \u003Ccode>#main #content .container\u003C\u002Fcode> and so on. Keep in mind, this content will be hidden on the current page where the search is performed.\u003C\u002Fp>\n\u003Cp>Next, in the same fashion, assign a selector for the search results. In about 99% of websites, this is going to be the same as the content selector with .hentry added in there. For example, if you assigned \u003Ccode>#content\u003C\u002Fcode> as your \u003Cem>Page Content Selector\u003C\u002Fem>, you would use \u003Ccode>#content .hentry\u003C\u002Fcode> as your \u003Cem>Search Result Selector\u003C\u002Fem>.\u003C\u002Fp>\n\u003Cp>These are the three most important settings. After you get these, go ahead and test it out or play with the other settings.\u003C\u002Fp>\n\u003Ch4>Other Settings\u003C\u002Fh4>\n\u003Cp>\u003Cstrong>Search URL\u003C\u002Fstrong> is where the search results appear. This is your wordpress website’s domain with the letters \u003Ccode>?=s\u003C\u002Fcode> appended to it — e.g., http:\u002F\u002Fwww.example.com?=s\u003Cbr \u002F>\nThis shouldn’t need to be changed but is there just in case you ever need to change it.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Hide These Elements\u003C\u002Fstrong> If you want additional elements to be hidden when performing a search, use this option. These elements will be revealed again when the search is cleared. This value accepts comma separated \u003Ccode>CSS\u003C\u002Fcode> selectors, use it to hide comments, page navigation and other extraneous elements when searching.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Before Instant Results\u003C\u002Fstrong> is \u003Ccode>HTML\u003C\u002Fcode> to appear before the Instant Search results. Use the tag %%SEARCH_TERM%% to print the search term, e.g., \u003Ccode>\u003Ch3>Search results for: \"%%SEARCH_TERM%%\"\u003C\u002Fh3>\u003C\u002Fcode> might show up as \u003Ccode>\u003Ch3>Search results for: \"Contact Info\"\u003C\u002Fh3>\u003C\u002Fcode> on your page.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Theme Quick Settings\u003C\u002Fstrong> Quickly access default settings for twentyten, twentytwelve, and twentythirteen.\u003C\u002Fp>\n\u003Ch4>Translation\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Español \u003Ca href=\"http:\u002F\u002Fwww.webhostinghub.com\u002F\" rel=\"nofollow ugc\">Maria Romos with Web Hosting Hub\u003C\u002Fa>.\u003C\u002Fli>\n\u003C\u002Ful>\n","Awesome Instant Search integrate Instant Search to ANY wordpress website.",10,2178,0,"","3.8.0","3.0.1",[26,27,28,29,30],"ajax","autocomplete","google-instant-search","instant-search","search","http:\u002F\u002Fjameelbokhari.com","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fawesome-instant-search.1.1.2.zip",100,null,"2026-03-15T10:48:56.248Z",{"slug":37,"name":38,"version":39,"author":4,"author_profile":5,"description":40,"short_description":41,"active_installs":19,"downloaded":42,"rating":21,"num_ratings":21,"last_updated":43,"tested_up_to":44,"requires_at_least":24,"requires_php":22,"tags":45,"homepage":51,"download_link":52,"security_score":53,"vuln_count":21,"unpatched_count":21,"last_vuln_date":34,"fetched_at":54},"jameels-dev-tools","Jameel's Dev Tools","1.0.2","\u003Cp>This plugin adds a few useful features for when you are developing a website on WordPress. It is intended to be installed on a development server, or local installation when setting up a website and should be left installed after production to retain the shortcode commands.\u003C\u002Fp>\n\u003Cp>Features Include:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>A find and replace feature\u003C\u002Fstrong> — to ensure an easy transition from your development site(s) to your live website. Using this function, replace all instances of your website’s url in image tags and links with shortcode for your site’s home url. The find and replace option isn’t just for links and images though, use it to replace any text with something else! \u003Cem>As a precaution\u003C\u002Fem>, after searching for a string, you are shown the # of instances and # of posts affected before commiting to your changes.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Dynamic Links\u003C\u002Fstrong> — \u003Ccode>[homeurl]\u003C\u002Fcode> shortcode, which translates into your website’s homepage. This is an essential tool for development. As you add images and internal links, replace your hard-coded links to \u003Ccode>[homeurl]\u003C\u002Fcode> so that when you switch your server over, your links and images still work! When using the visual editor, the plugin will still show images that use \u003Ccode>[homeurl]\u003C\u002Fcode> in their src.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Columns\u003C\u002Fstrong> — This plugin features columns using shortcode. Use the \u003Ccode>[col]\u003C\u002Fcode> shortcode to wrap your text in a column, always ending with \u003Ccode>[\u002Fcol]\u003C\u002Fcode> to end the column. Choose to use the plugin’s css or style it yourself. Columns can have a range of 12 widths, creating countless possible layouts. By default the width is 6 for two even half-width columns. See FAQ for more info, or go under the Columns tab in the plugin settings for help.\u003C\u002Fli>\n\u003C\u002Ful>\n","Chalked full of little helpers for developing websites, including search and replace function and shortcode to create columns.",1762,"2013-08-26T02:01:00.000Z","3.6.1",[46,47,48,49,50],"columns","development","find-and-replace","tools","url","http:\u002F\u002Fwww.jameelbokhari.com\u002Fjameels-dev-tools\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fjameels-dev-tools.1.0.2.zip",85,"2026-03-15T15:16:48.613Z"]