Version 2.1

This commit is contained in:
LebCit
2018-12-03 21:46:23 +02:00
parent a4ce3ff907
commit 84b55644d3
3 changed files with 80 additions and 6 deletions
+46 -3
View File
@@ -2,9 +2,9 @@
Contributors: lebcit Contributors: lebcit
Tags: search, full screen search, morphing search, search overlay, jQuery UI autocomplete Tags: search, full screen search, morphing search, search overlay, jQuery UI autocomplete
Requires at least: 4.6 Requires at least: 4.6
Tested up to: 4.9.8 Tested up to: 5.0
Requires PHP: 5.6 Requires PHP: 5.6
Stable tag: 2.0 Stable tag: 2.1
License: GPLv2 or later License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -23,6 +23,7 @@ There are no settings for this plugin. Simply activate it, click on any search i
**PLEASE, MAKE SURE TO HAVE AT LEAST ONE POST WITH ONE CATEGORY AND ONE TAG BEFORE ACTIVATING** **PLEASE, MAKE SURE TO HAVE AT LEAST ONE POST WITH ONE CATEGORY AND ONE TAG BEFORE ACTIVATING**
**As of version 2.0**, head over the Customizer, look for **FSMS Plugin**, design it as you want ! **As of version 2.0**, head over the Customizer, look for **FSMS Plugin**, design it as you want !
You can change colors, search placeholder's text and default icons with a styling option !
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. 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.
If you have some issues **don't hesitate**, head over to the <a href="https://wordpress.org/support/plugin/full-screen-morphing-search" title="Support">Support</a> Section ! If you have some issues **don't hesitate**, head over to the <a href="https://wordpress.org/support/plugin/full-screen-morphing-search" title="Support">Support</a> Section !
@@ -64,22 +65,64 @@ You will have to use a thumbnail regenerator.
I recommend <a href="https://wordpress.org/plugins/regenerate-thumbnails/" title="Regenerate Thumbnails" target="_blank">Regenerate Thumbnails</a>. I recommend <a href="https://wordpress.org/plugins/regenerate-thumbnails/" title="Regenerate Thumbnails" target="_blank">Regenerate Thumbnails</a>.
### The overlay is not covering the whole page ! ### The overlay is not covering the whole page !
If your theme has some boxed style(s), like Twenty Sixteen or Twenty Twelve, If your theme has some boxed style(s), like Twenty Sixteen or Twenty Twelve,
the overlay will only cover the inside box (the site content) ! the overlay will only cover the inside box (the site content) !
### How to change the search input text color ?
First, you'll have to type something in the input,
then choose the desired color.
Take a look at the <a href="https://github.com/LebCit/full-screen-morphing-search#screenshots" title="Screenshots">Screenshots</a>.
### How to change the shape of **New Icon/Image** ?
First make sure that you have used a thumbnail regenerator, see first FAQ.
Then, click on the checkbox option **Icon/Image Round or Not ?!**
If the new Icon/Image is already round (like the default one of category anf tag), this option will have no effect !
### Autocomplete predicts only posts and pages ! ### Autocomplete predicts only posts and pages !
Yes, just for now ! Yes, just for now !
I'll be adding some more cool functions with time. I'll be adding some more cool functions with time.
## Screenshots ## Screenshots
1. As you can see, their is a search form a close button and three columns. ### Full Screen Morphing Search Plugin Screenshot
![Full Screen Morphing Search Plugin Screenshot](https://plugins.svn.wordpress.org/full-screen-morphing-search/assets/screenshot-1.png "Full Screen Morphing Search Plugin Screenshot")
As you can see, their is a search form a close button and three columns.
The first column shows the most 5 recent posts. The first column shows the most 5 recent posts.
The second column shows the top 5 used categories and how many posts each category has. The second column shows the top 5 used categories and how many posts each category has.
The third column shows the top 5 used tags and how many posts each tag has. The third column shows the top 5 used tags and how many posts each tag has.
### FSMS Plugin in the Customizer
![FSMS Plugin in the Customizer](https://plugins.svn.wordpress.org/full-screen-morphing-search/assets/screenshot-2.png "FSMS Plugin in the Customizer")
FSMS Plugin in the Customizer.
### Posts with no Featured Image defined
![Posts with no Featured Image defined](https://plugins.svn.wordpress.org/full-screen-morphing-search/assets/screenshot-3.png "Posts with no Featured Image defined")
Posts with no Featured Image defined.
### Change the default icons and choose to make the new Icon/Image Round or Not !
![Change the default icons](https://plugins.svn.wordpress.org/full-screen-morphing-search/assets/screenshot-4.png "Change the default icons")
Change the default icons and choose to make the new Icon/Image Round or Not !
### First type something in the input text field, then change the input text color.
![Change the input text color](https://plugins.svn.wordpress.org/full-screen-morphing-search/assets/screenshot-5.png "Change the input text color")
First type something in the input text field, then change the input text color.
### Old screenshot
![Old screenshot](https://plugins.svn.wordpress.org/full-screen-morphing-search/assets/screenshot-6.png "Old screenshot")
Old screenshot.
## Changelog ## Changelog
### 2.1 =
* Added ability to change icons from Customizer.
* Added ability to change input text color.
* Added italic font-style to input.
* Changed placehoder's text behaviour on total remove.
### 2.0 = ### 2.0 =
* Plugin rewritten from ground up. * Plugin rewritten from ground up.
+1 -1
View File
@@ -2,7 +2,7 @@
/** /**
* Plugin Name: Full Screen Morphing Search * Plugin Name: Full Screen Morphing Search
* Plugin URI: http://tympanus.net/codrops/2014/11/04/simple-morphing-search/ * Plugin URI: http://tympanus.net/codrops/2014/11/04/simple-morphing-search/
* Version: 2.0 * Version: 2.1
* Author: LebCit * Author: LebCit
* Author URI: https://lebcit.tk/ * Author URI: https://lebcit.tk/
* Text Domain: full-screen-morphing-search * Text Domain: full-screen-morphing-search
+33 -2
View File
@@ -2,9 +2,9 @@
Contributors: lebcit Contributors: lebcit
Tags: search, full screen search, morphing search, search overlay, jQuery UI autocomplete Tags: search, full screen search, morphing search, search overlay, jQuery UI autocomplete
Requires at least: 4.6 Requires at least: 4.6
Tested up to: 4.9.8 Tested up to: 5.0
Requires PHP: 5.6 Requires PHP: 5.6
Stable tag: 2.0 Stable tag: 2.1
License: GPLv2 or later License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -23,6 +23,7 @@ There are no settings for this plugin. Simply activate it, click on any search i
**PLEASE, MAKE SURE TO HAVE AT LEAST ONE POST WITH ONE CATEGORY AND ONE TAG BEFORE ACTIVATING** **PLEASE, MAKE SURE TO HAVE AT LEAST ONE POST WITH ONE CATEGORY AND ONE TAG BEFORE ACTIVATING**
**As of version 2.0**, head over the Customizer, look for **FSMS Plugin**, design it as you want ! **As of version 2.0**, head over the Customizer, look for **FSMS Plugin**, design it as you want !
You can change colors, search placeholder's text and default icons with a styling option !
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. 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.
If you have some issues **don't hesitate**, head over to the <a href="https://wordpress.org/support/plugin/full-screen-morphing-search" title="Support">Support</a> Section ! If you have some issues **don't hesitate**, head over to the <a href="https://wordpress.org/support/plugin/full-screen-morphing-search" title="Support">Support</a> Section !
@@ -64,10 +65,24 @@ You will have to use a thumbnail regenerator.
I recommend <a href="https://wordpress.org/plugins/regenerate-thumbnails/" title="Regenerate Thumbnails" target="_blank">Regenerate Thumbnails</a>. I recommend <a href="https://wordpress.org/plugins/regenerate-thumbnails/" title="Regenerate Thumbnails" target="_blank">Regenerate Thumbnails</a>.
= The overlay is not covering the whole page ! = = The overlay is not covering the whole page ! =
If your theme has some boxed style(s), like Twenty Sixteen or Twenty Twelve, If your theme has some boxed style(s), like Twenty Sixteen or Twenty Twelve,
the overlay will only cover the inside box (the site content) ! the overlay will only cover the inside box (the site content) !
= How to change the search input text color ? =
First, you'll have to type something in the input,
then choose the desired color.
Take a look at the <a href="https://wordpress.org/plugins/full-screen-morphing-search/#screenshots" title="Screenshots">Screenshots</a>.
= How to change the shape of **New Icon/Image** ? =
First make sure that you have used a thumbnail regenerator, see first FAQ.
Then, click on the checkbox option **Icon/Image Round or Not ?!**
If the new Icon/Image is already round (like the default one of category anf tag), this option will have no effect !
= Autocomplete predicts only posts and pages ! = = Autocomplete predicts only posts and pages ! =
Yes, just for now ! Yes, just for now !
I'll be adding some more cool functions with time. I'll be adding some more cool functions with time.
@@ -78,8 +93,24 @@ The first column shows the most 5 recent posts.
The second column shows the top 5 used categories and how many posts each category has. The second column shows the top 5 used categories and how many posts each category has.
The third column shows the top 5 used tags and how many posts each tag has. The third column shows the top 5 used tags and how many posts each tag has.
2. FSMS Plugin in the Customizer.
3. Posts with no Featured Image defined.
4. Change the default icons and choose to make the new Icon/Image Round or Not !
5. First type something in the input text field, then change the input text color.
6. Old screenshot.
== Changelog == == Changelog ==
= 2.1 =
* Added ability to change icons from Customizer.
* Added ability to change input text color.
* Added italic font-style to input.
* Changed placehoder's text behaviour on total remove.
= 2.0 = = 2.0 =
* Plugin rewritten from ground up. * Plugin rewritten from ground up.