{"id":52203,"date":"2016-11-16T11:46:00","date_gmt":"2016-11-16T11:46:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/full-screen-morphing-search\/"},"modified":"2021-01-09T11:04:43","modified_gmt":"2021-01-09T11:04:43","slug":"full-screen-morphing-search","status":"publish","type":"plugin","link":"https:\/\/wol.wordpress.org\/plugins\/full-screen-morphing-search\/","author":9063892,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.5","stable_tag":"3.5","tested":"5.6.17","requires":"4.1.0","requires_php":"5.6","requires_plugins":"","header_name":"Full Screen Morphing Search","header_author":"LebCit","header_description":"","assets_banners_color":"7d6764","last_updated":"2021-01-09 11:04:43","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"http:\/\/tympanus.net\/codrops\/2014\/11\/04\/simple-morphing-search\/","header_author_uri":"https:\/\/lebcit.tk\/","rating":4,"author_block_rating":0,"active_installs":80,"downloads":5859,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"lebcit","date":"2016-11-21 21:15:47"},"1.1":{"tag":"1.1","author":"lebcit","date":"2016-11-23 18:00:27"},"1.2":{"tag":"1.2","author":"lebcit","date":"2016-12-11 14:01:38"},"1.2.1":{"tag":"1.2.1","author":"lebcit","date":"2018-03-16 11:02:19"},"2.0":{"tag":"2.0","author":"lebcit","date":"2018-11-22 19:46:56"},"2.1":{"tag":"2.1","author":"lebcit","date":"2018-12-03 18:48:30"},"2.2":{"tag":"2.2","author":"lebcit","date":"2018-12-03 22:44:47"},"2.3":{"tag":"2.3","author":"lebcit","date":"2018-12-10 01:48:16"},"2.4":{"tag":"2.4","author":"lebcit","date":"2018-12-12 06:45:22"},"2.5":{"tag":"2.5","author":"lebcit","date":"2019-04-29 23:44:08"},"2.6":{"tag":"2.6","author":"lebcit","date":"2019-07-14 15:12:03"},"2.7":{"tag":"2.7","author":"lebcit","date":"2019-07-15 16:03:05"},"3.0":{"tag":"3.0","author":"lebcit","date":"2019-07-26 04:53:47"},"3.1":{"tag":"3.1","author":"lebcit","date":"2019-07-29 20:50:01"},"3.2":{"tag":"3.2","author":"lebcit","date":"2020-12-04 21:29:32"},"3.3":{"tag":"3.3","author":"lebcit","date":"2021-01-09 02:08:35"},"3.4":{"tag":"3.4","author":"lebcit","date":"2021-01-09 02:41:58"},"3.5":{"tag":"3.5","author":"lebcit","date":"2021-01-09 11:04:43"}},"upgrade_notice":{"3.5":"<p>Actual stable plugin version.<\/p>"},"ratings":{"1":0,"2":0,"3":1,"4":0,"5":1},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":1538331,"resolution":"256x256","location":"assets","locale":"","width":250,"height":250},"icon.svg":{"filename":"icon.svg","revision":1538331,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":1538331,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-1800x690.png":{"filename":"banner-1800x690.png","revision":1538331,"resolution":"1800x690","location":"assets","locale":"","width":1800,"height":690},"banner-772x250.png":{"filename":"banner-772x250.png","revision":1538331,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","1.2","1.2.1","2.0","2.1","2.2","2.3","2.4","2.5","2.6","2.7","3.0","3.1","3.2","3.3","3.4","3.5"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":1979070,"resolution":"1","location":"assets","locale":"","width":1349,"height":815},"screenshot-2.png":{"filename":"screenshot-2.png","revision":1979070,"resolution":"2","location":"assets","locale":"","width":1349,"height":615},"screenshot-3.png":{"filename":"screenshot-3.png","revision":1979070,"resolution":"3","location":"assets","locale":"","width":1349,"height":615},"screenshot-4.png":{"filename":"screenshot-4.png","revision":1984654,"resolution":"4","location":"assets","locale":"","width":1349,"height":615},"screenshot-5.png":{"filename":"screenshot-5.png","revision":1984654,"resolution":"5","location":"assets","locale":"","width":1349,"height":615},"screenshot-6.png":{"filename":"screenshot-6.png","revision":1984654,"resolution":"6","location":"assets","locale":"","width":1200,"height":751}},"screenshots":{"1":"<p>As you can see, their is a search form a close button and three columns.<br \/>\nThe first column shows the most 5 recent posts.<br \/>\nThe second column shows the top 5 used categories and how many posts each category has.<br \/>\nThe third column shows the top 5 used tags and how many posts each tag has.<\/p>","2":"<p>FSMS Plugin in the Customizer.<\/p>","3":"<p>Posts with no Featured Image defined.<\/p>","4":"<p>Change the default icons and choose to make the new Icon\/Image Round or Not !<\/p>","5":"<p>First type something in the input text field, then change the input text color.<\/p>","6":"<p>Old screenshot.<\/p>"}},"plugin_section":[],"plugin_tags":[3226,31247,126500,944,31248],"plugin_category":[],"plugin_contributors":[126501],"plugin_business_model":[],"class_list":["post-52203","plugin","type-plugin","status-publish","hentry","plugin_tags-autocomplete","plugin_tags-full-screen-search","plugin_tags-morphing-search","plugin_tags-search","plugin_tags-search-overlay","plugin_contributors-lebcit","plugin_committers-lebcit"],"banners":{"banner":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/banner-772x250.png?rev=1538331","banner_2x":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/banner-1544x500.png?rev=1538331","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/icon.svg?rev=1538331","icon":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/icon.svg?rev=1538331","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/screenshot-1.png?rev=1979070","caption":"<p>As you can see, their is a search form a close button and three columns.<br \/>\nThe first column shows the most 5 recent posts.<br \/>\nThe second column shows the top 5 used categories and how many posts each category has.<br \/>\nThe third column shows the top 5 used tags and how many posts each tag has.<\/p>"},{"src":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/screenshot-2.png?rev=1979070","caption":"<p>FSMS Plugin in the Customizer.<\/p>"},{"src":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/screenshot-3.png?rev=1979070","caption":"<p>Posts with no Featured Image defined.<\/p>"},{"src":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/screenshot-4.png?rev=1984654","caption":"<p>Change the default icons and choose to make the new Icon\/Image Round or Not !<\/p>"},{"src":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/screenshot-5.png?rev=1984654","caption":"<p>First type something in the input text field, then change the input text color.<\/p>"},{"src":"https:\/\/ps.w.org\/full-screen-morphing-search\/assets\/screenshot-6.png?rev=1984654","caption":"<p>Old screenshot.<\/p>"}],"raw_content":"<!--section=description-->\n<p><strong>PLEASE, MAKE SURE TO HAVE AT LEAST ONE POST WITH ONE CATEGORY AND ONE TAG BEFORE ACTIVATING<\/strong><br \/>\nZipped : V2.7 -&gt; 683Ko \/ V3.0 -&gt; 33.6Ko !<br \/>\nMUCH LIGHTER, but STRONGER than ever !<\/p>\n\n<p>Effect for any WordPress search input that morphs into a fullscreen overlay.<br \/>\nEnlarge the search input and show 5 most recent posts, 5 most used categories and tags with counter.<br \/>\nOnce a search input is clicked, the whole search element expands to a fullscreen overlay.<br \/>\nThe fullscreen overlay has a bigger search input.<\/p>\n\n<p>There are no settings for this plugin. Simply activate it, click on any search input and see the magic happens !<\/p>\n\n<p>In the Customizer, look for <strong>FSMS Plugin<\/strong>, design it as you want !<br \/>\nYou can change colors, search placeholder's text and default icons with a styling option !<\/p>\n\n<p>Don't forget to take a look at the <a href=\"https:\/\/wordpress.org\/plugins\/full-screen-morphing-search\/faq\/\" title=\"Frequently Asked Questions\">FAQ<\/a> Section.<br \/>\nIf you have some issues <strong>don't hesitate<\/strong>, head over to the <a href=\"https:\/\/wordpress.org\/support\/plugin\/full-screen-morphing-search\" title=\"Support\">Support<\/a> Section !<br \/>\nIf you use this plugin, please consider leaving a <a href=\"https:\/\/wordpress.org\/support\/plugin\/full-screen-morphing-search\/reviews\/\" title=\"Reviews\">Review<\/a> to give me a push forward ;)<\/p>\n\n<h3>Resources<\/h3>\n\n<p>This plugin is created by <a href=\"http:\/\/tympanus.net\/codrops\/author\/crnacura\/\" rel=\"author\" title=\"Manoela Ilic\">Manoela Ilic<\/a> and ported to WordPress by <a href=\"https:\/\/profiles.wordpress.org\/lebcit\/\" rel=\"author\" title=\"LebCit\">LebCit<\/a>.\nIf you want to learn more about this plugin, visit the <a href=\"http:\/\/tympanus.net\/codrops\/2014\/11\/04\/simple-morphing-search\/\" title=\"Simple Morphing Search\">Simple Morphing Search<\/a> original post.<\/p>\n\n<blockquote>\n  <p>A <a href=\"https:\/\/wordpress.org\/plugins\/full-screen-morphing-search\/#screenshots\" title=\"Screenshots\">Picture<\/a> is worth a thousand words<\/p>\n<\/blockquote>\n\n<p>I think that a demo is even better !<br \/>\nSee how <a href=\"http:\/\/tympanus.net\/Development\/MorphingSearch\/\" title=\"Full Screen Morphing Search\">Full Screen Morphing Search<\/a> works.<\/p>\n\n<p>The autocompletition implemented in this plugin is based on <a href=\"https:\/\/github.com\/TarekRaafat\/autoComplete.js\" title=\"autoComplete.js\">autoComplete.js<\/a> by <a href=\"https:\/\/github.com\/TarekRaafat\" title=\"Tarek Raafat\">Tarek Raafat<\/a> under the <a href=\"https:\/\/opensource.org\/licenses\/Apache-2.0\" title=\"Apache License, Version 2.0\">Apache 2.0<\/a> License.<\/p>\n\n<p>The main plugin icon is made by <a href=\"http:\/\/www.flaticon.com\/authors\/pixel-buddha\" title=\"Pixel Buddha\">Pixel Buddha<\/a> from <a href=\"http:\/\/www.flaticon.com\" title=\"Flaticon\">www.flaticon.com<\/a> and is licensed by <a href=\"http:\/\/creativecommons.org\/licenses\/by\/3.0\/\" title=\"Creative Commons BY 3.0\">CC 3.0 BY<\/a><br \/>\nThe article icon is made by <a href=\"https:\/\/www.flaticon.com\/authors\/freepik\" title=\"Freepik\">Freepik<\/a> from <a href=\"http:\/\/www.flaticon.com\" title=\"Flaticon\">www.flaticon.com<\/a> and is licensed by <a href=\"http:\/\/creativecommons.org\/licenses\/by\/3.0\/\" title=\"Creative Commons BY 3.0\">CC 3.0 BY<\/a><br \/>\nThe category icon is made by <a href=\"https:\/\/www.flaticon.com\/authors\/freepik\" title=\"Freepik\">Freepik<\/a> from <a href=\"http:\/\/www.flaticon.com\" title=\"Flaticon\">www.flaticon.com<\/a> and is licensed by <a href=\"http:\/\/creativecommons.org\/licenses\/by\/3.0\/\" title=\"Creative Commons BY 3.0\">CC 3.0 BY<\/a><br \/>\nThe tag icon is made by <a href=\"https:\/\/www.flaticon.com\/authors\/freepik\" title=\"Freepik\">Freepik<\/a> from <a href=\"http:\/\/www.flaticon.com\" title=\"Flaticon\">www.flaticon.com<\/a> and is licensed by <a href=\"http:\/\/creativecommons.org\/licenses\/by\/3.0\/\" title=\"Creative Commons BY 3.0\">CC 3.0 BY<\/a><\/p>\n\n<!--section=installation-->\n<h4>How to install the plugin and get it working.<\/h4>\n\n<ol>\n<li>Install Full Screen Morphing Search plugin through the WordPress plugins screen directly.<\/li>\n<li><strong>Make sure to have at least one post with one category and one tag before activating<\/strong>.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Navigate to your site and click on any search input and see the magic happens !<\/li>\n<li>In the Customizer, look for <strong>FSMS Plugin<\/strong>, design it as you want !<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt><h3>Recent posts thumbnails are not round !<\/h3><\/dt>\n<dd><p>Some of your images where added before this plugin.<br \/>\nIf your posts thumbnails are not round,<br \/>\nyou'll have to use, one time, a thumbnail regenerator.<br \/>\nI recommend <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" title=\"Regenerate Thumbnails\">Regenerate Thumbnails<\/a>.<br \/>\nYou can uninstall the thumbnail regenerator once the regeneration is done.<\/p><\/dd>\n<dt><h3>The overlay is not covering the whole page !<\/h3><\/dt>\n<dd><p>If your theme has some boxed style(s), like Twenty Sixteen or Twenty Twelve,<br \/>\nthe overlay will only cover the inside box (the site content) !<\/p><\/dd>\n<dt><h3>How to change the search input text color ?<\/h3><\/dt>\n<dd><p>First, you'll have to type something in the input,<br \/>\nthen choose the desired color.<br \/>\nTake a look at the <a href=\"https:\/\/wordpress.org\/plugins\/full-screen-morphing-search\/#screenshots\" title=\"Screenshots\">Screenshots<\/a>.<\/p><\/dd>\n<dt><h3>How to change the shape of New Icon\/Image ?<\/h3><\/dt>\n<dd><p>First make sure that you have used a thumbnail regenerator, see first FAQ.<br \/>\nThen, click on the checkbox option <strong>Icon\/Image Round or Not ?!<\/strong><br \/>\nIf the new Icon\/Image is already round (like the default one of category and tag), this option will have no effect !<\/p><\/dd>\n<dt><h3>Hitting Enter key doesn't fire a search !<\/h3><\/dt>\n<dd><p><strong>As long as<\/strong> the autocompletition gives results as you type,<br \/>\nthe Enter key will only work on given results.<br \/>\nIf you wish to ignore given results and fire a search query,<br \/>\ntype your search then just click on the search icon.<\/p><\/dd>\n<dt><h3>Autocomplete predicts only posts and pages !<\/h3><\/dt>\n<dd><p>Yes, just for now !<br \/>\nI'll be adding some more cool functions with time.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.5<\/h4>\n\n<ul>\n<li>Updated readme file.<\/li>\n<\/ul>\n\n<h4>3.4<\/h4>\n\n<ul>\n<li>Corrected file upload<\/li>\n<\/ul>\n\n<h4>3.3<\/h4>\n\n<ul>\n<li>Add autoComplete.js to plugin.<\/li>\n<li>Force thumbnails size.<\/li>\n<li>Main JS file without jQuery only vanilla JS.<\/li>\n<li>Move .morphsearch-content below autocomplete <code>&lt;ul&gt;<\/code> tag.<\/li>\n<li>Removing jQuery dependencies.<\/li>\n<li>Tested up to version 5.6 of WordPress.<\/li>\n<\/ul>\n\n<h4>3.2<\/h4>\n\n<ul>\n<li>Added empty value for $classes.<\/li>\n<li>Added important for .morphsearch-submit:hover<\/li>\n<li>Optimized search input target.<\/li>\n<li>Rectified background spelling.<\/li>\n<li>Removed echo on functions for security.<\/li>\n<li>Tested up to version 5.5.3 of WordPress.<\/li>\n<\/ul>\n\n<h4>3.1<\/h4>\n\n<ul>\n<li>Optimized search input target.<\/li>\n<\/ul>\n\n<h4>3.0<\/h4>\n\n<ul>\n<li>Plugin rewritten from ground up.<\/li>\n<\/ul>\n\n<h4>2.7<\/h4>\n\n<ul>\n<li>Corrected Undefined Index 'fsmsp_search_form_text'.<\/li>\n<\/ul>\n\n<h4>2.6<\/h4>\n\n<ul>\n<li>Corrected Undefined Index Error.<\/li>\n<li>Force Search Input height.<\/li>\n<li>Tested up to version 5.2.2 of WordPress.<\/li>\n<\/ul>\n\n<h4>2.5<\/h4>\n\n<ul>\n<li>Tested up to version 5.2 of WordPress.<\/li>\n<li>Updated Kirki from 3.0.34.1 to 3.0.35.3<\/li>\n<\/ul>\n\n<h4>2.4<\/h4>\n\n<ul>\n<li>Added full_screen_morphing_search_add_svg_tags( $svg_tags )<\/li>\n<li>Changed magnifier.svg<\/li>\n<li>Removed file_get_contents()<\/li>\n<\/ul>\n\n<h4>2.3<\/h4>\n\n<ul>\n<li>Corrected Undefined Index Error.<\/li>\n<li>Removed Undefined Index Error from FAQ Section.<\/li>\n<\/ul>\n\n<h4>2.2<\/h4>\n\n<ul>\n<li>Corrected MutationObserver for categories and tags icons.<\/li>\n<li>Updated readme FAQ section for Undefined Index Error.<\/li>\n<\/ul>\n\n<h4>2.1<\/h4>\n\n<ul>\n<li>Added ability to change icons from Customizer.<\/li>\n<li>Added ability to change input text color.<\/li>\n<li>Added italic font-style to input. <\/li>\n<li>Changed placehoder's text behaviour on total remove.<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>Plugin rewritten from ground up.<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>Tested up to version 4.9.4 of WordPress.<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>Added Predictive Autocomplete For Pages.<\/li>\n<li>Added Press Escape Key To Close Search Overlay. <\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Added Predictive Autocomplete For Posts.<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Responsive Full Screen Morphing Search Page Overlay With Predictive Autocomplete !","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/52203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=52203"}],"author":[{"embeddable":true,"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/lebcit"}],"wp:attachment":[{"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=52203"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=52203"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=52203"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=52203"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=52203"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wol.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=52203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}