{"id":19987134,"url":"https://github.com/lebcit/full-screen-morphing-search","last_synced_at":"2025-05-04T08:31:13.599Z","repository":{"id":147794727,"uuid":"158133433","full_name":"LebCit/full-screen-morphing-search","owner":"LebCit","description":"Effect for any WordPress search input that morphs into a fullscreen overlay.","archived":false,"fork":false,"pushed_at":"2021-01-09T10:54:32.000Z","size":562,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T06:01:47.413Z","etag":null,"topics":["autocomplete","full-screen-search","morphing-search","overlay","wordpress-search","wp-plugin"],"latest_commit_sha":null,"homepage":"https://wordpress.org/plugins/full-screen-morphing-search/","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LebCit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-11-18T22:32:28.000Z","updated_at":"2023-12-01T07:46:04.000Z","dependencies_parsed_at":"2023-05-27T13:30:48.042Z","dependency_job_id":null,"html_url":"https://github.com/LebCit/full-screen-morphing-search","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LebCit%2Ffull-screen-morphing-search","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LebCit%2Ffull-screen-morphing-search/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LebCit%2Ffull-screen-morphing-search/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LebCit%2Ffull-screen-morphing-search/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LebCit","download_url":"https://codeload.github.com/LebCit/full-screen-morphing-search/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252307892,"owners_count":21727088,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autocomplete","full-screen-search","morphing-search","overlay","wordpress-search","wp-plugin"],"created_at":"2024-11-13T04:33:52.149Z","updated_at":"2025-05-04T08:31:13.593Z","avatar_url":"https://github.com/LebCit.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Full Screen Morphing Search \nContributors: lebcit  \nTags: search, full screen search, morphing  search, search overlay,  autocomplete  \nRequires at least: 4.1.0  \nTested up to: 5.6  \nRequires PHP: 5.6  \nStable tag: 3.5  \nLicense: GPLv2 or later  \nLicense URI: https://spdx.org/licenses/GPL-2.0-or-later.html\n\nResponsive Full Screen Morphing Search Page Overlay With Predictive Autocomplete !\n\n## Description\n\n**PLEASE, MAKE SURE TO HAVE AT LEAST ONE POST WITH ONE CATEGORY AND ONE TAG BEFORE ACTIVATING**  \nZipped : V2.7 -\u003e 683Ko / V3.0 -\u003e 33.6Ko !  \nMUCH LIGHTER, but STRONGER than ever !\n\nEffect for any WordPress search input that morphs into a fullscreen overlay.  \nEnlarge the search input and show 5 most recent posts, 5 most used categories and tags with counter.  \nOnce a search input is clicked, the whole search element expands to a fullscreen overlay.  \nThe fullscreen overlay has a bigger search input.\n\nThere are no settings for this plugin. Simply activate it, click on any search input and see the magic happens !\n\nIn the Customizer, look for **FSMS Plugin**, design it as you want !  \nYou can change colors, search placeholder's text and default icons with a styling option !  \n\nDon't forget to take a look at the \u003ca href=\"https://wordpress.org/plugins/full-screen-morphing-search/faq/\" title=\"Frequently Asked Questions\"\u003eFAQ\u003c/a\u003e Section.  \nIf you have some issues **don't hesitate**, head over to the \u003ca href=\"https://wordpress.org/support/plugin/full-screen-morphing-search\" title=\"Support\"\u003eSupport\u003c/a\u003e Section !  \nIf you use this plugin, please consider leaving a \u003ca href=\"https://wordpress.org/support/plugin/full-screen-morphing-search/reviews/\" title=\"Reviews\"\u003eReview\u003c/a\u003e to give me a push forward ;)\n\n## Installation\n\n### How to install the plugin and get it working.\n\n1. Install Full Screen Morphing Search plugin through the WordPress plugins screen directly.\n2. Make sure to have at least one post with one category and one tag before activating.\n3. Activate the plugin through the 'Plugins' screen in WordPress.\n4. Navigate to your site and click on any search input and see the magic happens !\n5. In the Customizer, look for **FSMS Plugin**, design it as you want !\n\n## Frequently Asked Questions\n\n### Recent posts thumbnails are not round !\n\nSome of your images where added before this plugin.  \nIf your posts thumbnails are not round,  \nyou'll have to use, one time, a thumbnail regenerator.  \nI recommend \u003ca href=\"https://wordpress.org/plugins/regenerate-thumbnails/\" title=\"Regenerate Thumbnails\" target=\"_blank\"\u003eRegenerate Thumbnails\u003c/a\u003e.  \nYou can uninstall the thumbnail regenerator once the regeneration is done.\n\n### The overlay is not covering the whole page !\n\nIf your theme has some boxed style(s), like Twenty Sixteen or Twenty Twelve,  \nthe overlay will only cover the inside box (the site content) !\n\n### How to change the search input text color ?\n\nFirst, you'll have to type something in the input,  \nthen choose the desired color.  \nTake a look at the \u003ca href=\"https://github.com/LebCit/full-screen-morphing-search#screenshots\" title=\"Screenshots\"\u003eScreenshots\u003c/a\u003e.\n\n### How to change the shape of **New Icon/Image** ?\n\nFirst make sure that you have used a thumbnail regenerator, see first FAQ.  \nThen, click on the checkbox option **Icon/Image Round or Not ?!**  \nIf the new Icon/Image is already round (like the default one of category and tag), this option will have no effect !\n\n### Hitting Enter key doesn't fire a search !\n\n**As long as** the autocompletition gives results as you type,  \nthe Enter key will only work on given results.  \nIf you wish to ignore given results and fire a search query,  \ntype your search then just click on the search icon.\n\n### Autocomplete predicts only posts and pages !\n\nYes, just for now !  \nI'll be adding some more cool functions with time.\n\n## Screenshots\n\n### Full Screen Morphing Search Plugin Screenshot\n![Full Screen Morphing Search Plugin Screenshot](https://github.com/LebCit/fsms-screenshots/blob/master/screenshot-1.png \"Full Screen Morphing Search Plugin Screenshot\")\nAs you can see, their is a search form a close button and three columns.  \nThe first column shows the most 5 recent posts.  \nThe second column shows the top 5 used categories and how many posts each category has.  \nThe third column shows the top 5 used tags and how many posts each tag has.\n\n### FSMS Plugin in the Customizer\n![FSMS Plugin in the Customizer](https://github.com/LebCit/fsms-screenshots/blob/master/screenshot-2.png \"FSMS Plugin in the Customizer\")\nFSMS Plugin in the Customizer.\n\n### Posts with no Featured Image defined\n![Posts with no Featured Image defined](https://github.com/LebCit/fsms-screenshots/blob/master/screenshot-3.png \"Posts with no Featured Image defined\")\nPosts with no Featured Image defined.\n\n### Change the default icons and choose to make the new Icon/Image Round or Not !\n![Change the default icons](https://github.com/LebCit/fsms-screenshots/blob/master/screenshot-4.png \"Change the default icons\")\nChange the default icons and choose to make the new Icon/Image Round or Not !\n\n### First type something in the input text field, then change the input text color.\n![Change the input text color](https://github.com/LebCit/fsms-screenshots/blob/master/screenshot-5.png \"Change the input text color\")\nFirst type something in the input text field, then change the input text color.\n\n### Old screenshot\n![Old screenshot](https://github.com/LebCit/fsms-screenshots/blob/master/screenshot-6.png \"Old screenshot\")\nOld screenshot.\n\n## Changelog\n\n### 3.5 =\n* Updated readme file.\n\n### 3.4 =\n* Corrected file upload\n\n### 3.3 =\n* Add autoComplete.js to plugin.\n* Force thumbnails size.\n* Main JS file without jQuery only vanilla JS.\n* Move .morphsearch-content below autocomplete `\u003cul\u003e` tag.\n* Removing jQuery dependencies.\n* Tested up to version 5.6 of WordPress.\n\n### 3.2 =\n* Added empty value for $classes.\n* Added important for .morphsearch-submit:hover\n* Optimized search input target.\n* Rectified background spelling.\n* Removed echo on functions for security.\n* Tested up to version 5.5.3 of WordPress.\n\n### 3.1 =\n* Optimized search input target.\n\n### 3.0 =\n* Plugin rewritten from ground up.\n\n### 2.7 =\n* Corrected Undefined Index 'fsmsp_search_form_text'.\n\n### 2.6 =\n* Corrected Undefined Index Error.\n* Force Search Input height.\n* Tested up to version 5.2.2 of WordPress.\n\n### 2.5 =\n* Tested up to version 5.2 of WordPress.\n* Updated Kirki from 3.0.34.1 to 3.0.35.3\n\n### 2.4 =\n* Added full_screen_morphing_search_add_svg_tags( $svg_tags )\n* Changed magnifier.svg\n* Removed file_get_contents()\n\n### 2.3 =\n* Corrected Undefined Index Error.\n* Removed Undefined Index Error from FAQ Section.\n\n### 2.2 =\n* Corrected MutationObserver for categories and tags icons.\n* Updated readme FAQ section for Undefined index Error.\n\n### 2.1 =\n* Added ability to change icons from Customizer.\n* Added ability to change input text color.\n* Added italic font-style to input. \n* Changed placehoder's text behaviour on total remove.\n\n### 2.0 =\n* Plugin rewritten from ground up.\n\n### 1.2.1 =\n* Tested up to version 4.9.4 of WordPress.\n\n### 1.2 =\n* Added Predictive Autocomplete For Pages.\n* Added Press Escape Key To Close Search Overlay. \n\n### 1.1 =\n* Added Predictive Autocomplete For Posts.\n\n### 1.0 =\n* Initial release.\n\n## Upgrade Notice\n\n### 3.4 =\nActual stable plugin version.\n\n## Resources\n\nThis plugin is created by \u003ca href=\"http://tympanus.net/codrops/author/crnacura/\" rel=\"author\" title=\"Manoela Ilic\" target=\"_blank\"\u003eManoela Ilic\u003c/a\u003e and ported to WordPress by \u003ca href=\"https://profiles.wordpress.org/lebcit/\" rel=\"author\" title=\"LebCit\" target=\"_blank\"\u003eLebCit\u003c/a\u003e.  \nIf you want to learn more about this plugin, visit the \u003ca href=\"http://tympanus.net/codrops/2014/11/04/simple-morphing-search/\" title=\"Simple Morphing Search\" target=\"_blank\"\u003eSimple Morphing Search\u003c/a\u003e original post.  \n\u003e A \u003ca href=\"https://wordpress.org/plugins/full-screen-morphing-search/#screenshots\" title=\"Screenshots\"\u003ePicture\u003c/a\u003e is worth a thousand words\n\nI think that a demo is even better !  \nSee how \u003ca href=\"http://tympanus.net/Development/MorphingSearch/\" title=\"Full Screen Morphing Search\" target=\"_blank\"\u003eFull Screen Morphing Search\u003c/a\u003e works.\n\nThe autocompletition implemented in this plugin is based on \u003ca href=\"https://github.com/TarekRaafat/autoComplete.js\" title=\"autoComplete.js\" target=\"_blank\"\u003eautoComplete.js\u003c/a\u003e by \u003ca href=\"https://github.com/TarekRaafat\" title=\"Tarek Raafat\" target=\"_blank\"\u003eTarek Raafat\u003c/a\u003e under the \u003ca href=\"https://opensource.org/licenses/Apache-2.0\" title=\"Apache License, Version 2.0\" target=\"_blank\"\u003eApache 2.0\u003c/a\u003e License.\n\nThe main plugin icon is made by \u003ca href=\"http://www.flaticon.com/authors/pixel-buddha\" title=\"Pixel Buddha\"\u003ePixel Buddha\u003c/a\u003e from \u003ca href=\"http://www.flaticon.com\" title=\"Flaticon\"\u003ewww.flaticon.com\u003c/a\u003e and is licensed by \u003ca href=\"http://creativecommons.org/licenses/by/3.0/\" title=\"Creative Commons BY 3.0\" target=\"_blank\"\u003eCC 3.0 BY\u003c/a\u003e  \nThe article icon is made by \u003ca href=\"https://www.flaticon.com/authors/freepik\" title=\"Freepik\"\u003eFreepik\u003c/a\u003e from \u003ca href=\"http://www.flaticon.com\" title=\"Flaticon\"\u003ewww.flaticon.com\u003c/a\u003e and is licensed by \u003ca href=\"http://creativecommons.org/licenses/by/3.0/\" title=\"Creative Commons BY 3.0\" target=\"_blank\"\u003eCC 3.0 BY\u003c/a\u003e  \nThe category icon is made by \u003ca href=\"https://www.flaticon.com/authors/freepik\" title=\"Freepik\"\u003eFreepik\u003c/a\u003e from \u003ca href=\"http://www.flaticon.com\" title=\"Flaticon\"\u003ewww.flaticon.com\u003c/a\u003e and is licensed by \u003ca href=\"http://creativecommons.org/licenses/by/3.0/\" title=\"Creative Commons BY 3.0\" target=\"_blank\"\u003eCC 3.0 BY\u003c/a\u003e  \nThe tag icon is made by \u003ca href=\"https://www.flaticon.com/authors/freepik\" title=\"Freepik\"\u003eFreepik\u003c/a\u003e from \u003ca href=\"http://www.flaticon.com\" title=\"Flaticon\"\u003ewww.flaticon.com\u003c/a\u003e and is licensed by \u003ca href=\"http://creativecommons.org/licenses/by/3.0/\" title=\"Creative Commons BY 3.0\" target=\"_blank\"\u003eCC 3.0 BY\u003c/a\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flebcit%2Ffull-screen-morphing-search","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flebcit%2Ffull-screen-morphing-search","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flebcit%2Ffull-screen-morphing-search/lists"}