├── LICENSE ├── README.md ├── assets ├── css │ ├── dashicons-picker.css │ └── wp-dashicon-picker.css └── js │ ├── dashicons-picker.js │ ├── term-icons.js │ └── wp-dashicon-picker.js ├── composer.json ├── includes ├── class-wp-term-icons.php └── class-wp-term-meta-ui.php ├── readme.txt └── wp-term-icons.php /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 2, June 1991 3 | 4 | Copyright (C) 1989, 1991 Free Software Foundation, Inc., 5 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA 6 | Everyone is permitted to copy and distribute verbatim copies 7 | of this license document, but changing it is not allowed. 8 | 9 | Preamble 10 | 11 | The licenses for most software are designed to take away your 12 | freedom to share and change it. By contrast, the GNU General Public 13 | License is intended to guarantee your freedom to share and change free 14 | software--to make sure the software is free for all its users. This 15 | General Public License applies to most of the Free Software 16 | Foundation's software and to any other program whose authors commit to 17 | using it. (Some other Free Software Foundation software is covered by 18 | the GNU Lesser General Public License instead.) You can apply it to 19 | your programs, too. 20 | 21 | When we speak of free software, we are referring to freedom, not 22 | price. Our General Public Licenses are designed to make sure that you 23 | have the freedom to distribute copies of free software (and charge for 24 | this service if you wish), that you receive source code or can get it 25 | if you want it, that you can change the software or use pieces of it 26 | in new free programs; and that you know you can do these things. 27 | 28 | To protect your rights, we need to make restrictions that forbid 29 | anyone to deny you these rights or to ask you to surrender the rights. 30 | These restrictions translate to certain responsibilities for you if you 31 | distribute copies of the software, or if you modify it. 32 | 33 | For example, if you distribute copies of such a program, whether 34 | gratis or for a fee, you must give the recipients all the rights that 35 | you have. You must make sure that they, too, receive or can get the 36 | source code. And you must show them these terms so they know their 37 | rights. 38 | 39 | We protect your rights with two steps: (1) copyright the software, and 40 | (2) offer you this license which gives you legal permission to copy, 41 | distribute and/or modify the software. 42 | 43 | Also, for each author's protection and ours, we want to make certain 44 | that everyone understands that there is no warranty for this free 45 | software. If the software is modified by someone else and passed on, we 46 | want its recipients to know that what they have is not the original, so 47 | that any problems introduced by others will not reflect on the original 48 | authors' reputations. 49 | 50 | Finally, any free program is threatened constantly by software 51 | patents. We wish to avoid the danger that redistributors of a free 52 | program will individually obtain patent licenses, in effect making the 53 | program proprietary. To prevent this, we have made it clear that any 54 | patent must be licensed for everyone's free use or not licensed at all. 55 | 56 | The precise terms and conditions for copying, distribution and 57 | modification follow. 58 | 59 | GNU GENERAL PUBLIC LICENSE 60 | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 61 | 62 | 0. This License applies to any program or other work which contains 63 | a notice placed by the copyright holder saying it may be distributed 64 | under the terms of this General Public License. The "Program", below, 65 | refers to any such program or work, and a "work based on the Program" 66 | means either the Program or any derivative work under copyright law: 67 | that is to say, a work containing the Program or a portion of it, 68 | either verbatim or with modifications and/or translated into another 69 | language. (Hereinafter, translation is included without limitation in 70 | the term "modification".) Each licensee is addressed as "you". 71 | 72 | Activities other than copying, distribution and modification are not 73 | covered by this License; they are outside its scope. The act of 74 | running the Program is not restricted, and the output from the Program 75 | is covered only if its contents constitute a work based on the 76 | Program (independent of having been made by running the Program). 77 | Whether that is true depends on what the Program does. 78 | 79 | 1. You may copy and distribute verbatim copies of the Program's 80 | source code as you receive it, in any medium, provided that you 81 | conspicuously and appropriately publish on each copy an appropriate 82 | copyright notice and disclaimer of warranty; keep intact all the 83 | notices that refer to this License and to the absence of any warranty; 84 | and give any other recipients of the Program a copy of this License 85 | along with the Program. 86 | 87 | You may charge a fee for the physical act of transferring a copy, and 88 | you may at your option offer warranty protection in exchange for a fee. 89 | 90 | 2. You may modify your copy or copies of the Program or any portion 91 | of it, thus forming a work based on the Program, and copy and 92 | distribute such modifications or work under the terms of Section 1 93 | above, provided that you also meet all of these conditions: 94 | 95 | a) You must cause the modified files to carry prominent notices 96 | stating that you changed the files and the date of any change. 97 | 98 | b) You must cause any work that you distribute or publish, that in 99 | whole or in part contains or is derived from the Program or any 100 | part thereof, to be licensed as a whole at no charge to all third 101 | parties under the terms of this License. 102 | 103 | c) If the modified program normally reads commands interactively 104 | when run, you must cause it, when started running for such 105 | interactive use in the most ordinary way, to print or display an 106 | announcement including an appropriate copyright notice and a 107 | notice that there is no warranty (or else, saying that you provide 108 | a warranty) and that users may redistribute the program under 109 | these conditions, and telling the user how to view a copy of this 110 | License. (Exception: if the Program itself is interactive but 111 | does not normally print such an announcement, your work based on 112 | the Program is not required to print an announcement.) 113 | 114 | These requirements apply to the modified work as a whole. If 115 | identifiable sections of that work are not derived from the Program, 116 | and can be reasonably considered independent and separate works in 117 | themselves, then this License, and its terms, do not apply to those 118 | sections when you distribute them as separate works. But when you 119 | distribute the same sections as part of a whole which is a work based 120 | on the Program, the distribution of the whole must be on the terms of 121 | this License, whose permissions for other licensees extend to the 122 | entire whole, and thus to each and every part regardless of who wrote it. 123 | 124 | Thus, it is not the intent of this section to claim rights or contest 125 | your rights to work written entirely by you; rather, the intent is to 126 | exercise the right to control the distribution of derivative or 127 | collective works based on the Program. 128 | 129 | In addition, mere aggregation of another work not based on the Program 130 | with the Program (or with a work based on the Program) on a volume of 131 | a storage or distribution medium does not bring the other work under 132 | the scope of this License. 133 | 134 | 3. You may copy and distribute the Program (or a work based on it, 135 | under Section 2) in object code or executable form under the terms of 136 | Sections 1 and 2 above provided that you also do one of the following: 137 | 138 | a) Accompany it with the complete corresponding machine-readable 139 | source code, which must be distributed under the terms of Sections 140 | 1 and 2 above on a medium customarily used for software interchange; or, 141 | 142 | b) Accompany it with a written offer, valid for at least three 143 | years, to give any third party, for a charge no more than your 144 | cost of physically performing source distribution, a complete 145 | machine-readable copy of the corresponding source code, to be 146 | distributed under the terms of Sections 1 and 2 above on a medium 147 | customarily used for software interchange; or, 148 | 149 | c) Accompany it with the information you received as to the offer 150 | to distribute corresponding source code. (This alternative is 151 | allowed only for noncommercial distribution and only if you 152 | received the program in object code or executable form with such 153 | an offer, in accord with Subsection b above.) 154 | 155 | The source code for a work means the preferred form of the work for 156 | making modifications to it. For an executable work, complete source 157 | code means all the source code for all modules it contains, plus any 158 | associated interface definition files, plus the scripts used to 159 | control compilation and installation of the executable. However, as a 160 | special exception, the source code distributed need not include 161 | anything that is normally distributed (in either source or binary 162 | form) with the major components (compiler, kernel, and so on) of the 163 | operating system on which the executable runs, unless that component 164 | itself accompanies the executable. 165 | 166 | If distribution of executable or object code is made by offering 167 | access to copy from a designated place, then offering equivalent 168 | access to copy the source code from the same place counts as 169 | distribution of the source code, even though third parties are not 170 | compelled to copy the source along with the object code. 171 | 172 | 4. You may not copy, modify, sublicense, or distribute the Program 173 | except as expressly provided under this License. Any attempt 174 | otherwise to copy, modify, sublicense or distribute the Program is 175 | void, and will automatically terminate your rights under this License. 176 | However, parties who have received copies, or rights, from you under 177 | this License will not have their licenses terminated so long as such 178 | parties remain in full compliance. 179 | 180 | 5. You are not required to accept this License, since you have not 181 | signed it. However, nothing else grants you permission to modify or 182 | distribute the Program or its derivative works. These actions are 183 | prohibited by law if you do not accept this License. Therefore, by 184 | modifying or distributing the Program (or any work based on the 185 | Program), you indicate your acceptance of this License to do so, and 186 | all its terms and conditions for copying, distributing or modifying 187 | the Program or works based on it. 188 | 189 | 6. Each time you redistribute the Program (or any work based on the 190 | Program), the recipient automatically receives a license from the 191 | original licensor to copy, distribute or modify the Program subject to 192 | these terms and conditions. You may not impose any further 193 | restrictions on the recipients' exercise of the rights granted herein. 194 | You are not responsible for enforcing compliance by third parties to 195 | this License. 196 | 197 | 7. If, as a consequence of a court judgment or allegation of patent 198 | infringement or for any other reason (not limited to patent issues), 199 | conditions are imposed on you (whether by court order, agreement or 200 | otherwise) that contradict the conditions of this License, they do not 201 | excuse you from the conditions of this License. If you cannot 202 | distribute so as to satisfy simultaneously your obligations under this 203 | License and any other pertinent obligations, then as a consequence you 204 | may not distribute the Program at all. For example, if a patent 205 | license would not permit royalty-free redistribution of the Program by 206 | all those who receive copies directly or indirectly through you, then 207 | the only way you could satisfy both it and this License would be to 208 | refrain entirely from distribution of the Program. 209 | 210 | If any portion of this section is held invalid or unenforceable under 211 | any particular circumstance, the balance of the section is intended to 212 | apply and the section as a whole is intended to apply in other 213 | circumstances. 214 | 215 | It is not the purpose of this section to induce you to infringe any 216 | patents or other property right claims or to contest validity of any 217 | such claims; this section has the sole purpose of protecting the 218 | integrity of the free software distribution system, which is 219 | implemented by public license practices. Many people have made 220 | generous contributions to the wide range of software distributed 221 | through that system in reliance on consistent application of that 222 | system; it is up to the author/donor to decide if he or she is willing 223 | to distribute software through any other system and a licensee cannot 224 | impose that choice. 225 | 226 | This section is intended to make thoroughly clear what is believed to 227 | be a consequence of the rest of this License. 228 | 229 | 8. If the distribution and/or use of the Program is restricted in 230 | certain countries either by patents or by copyrighted interfaces, the 231 | original copyright holder who places the Program under this License 232 | may add an explicit geographical distribution limitation excluding 233 | those countries, so that distribution is permitted only in or among 234 | countries not thus excluded. In such case, this License incorporates 235 | the limitation as if written in the body of this License. 236 | 237 | 9. The Free Software Foundation may publish revised and/or new versions 238 | of the General Public License from time to time. Such new versions will 239 | be similar in spirit to the present version, but may differ in detail to 240 | address new problems or concerns. 241 | 242 | Each version is given a distinguishing version number. If the Program 243 | specifies a version number of this License which applies to it and "any 244 | later version", you have the option of following the terms and conditions 245 | either of that version or of any later version published by the Free 246 | Software Foundation. If the Program does not specify a version number of 247 | this License, you may choose any version ever published by the Free Software 248 | Foundation. 249 | 250 | 10. If you wish to incorporate parts of the Program into other free 251 | programs whose distribution conditions are different, write to the author 252 | to ask for permission. For software which is copyrighted by the Free 253 | Software Foundation, write to the Free Software Foundation; we sometimes 254 | make exceptions for this. Our decision will be guided by the two goals 255 | of preserving the free status of all derivatives of our free software and 256 | of promoting the sharing and reuse of software generally. 257 | 258 | NO WARRANTY 259 | 260 | 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY 261 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN 262 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES 263 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED 264 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 265 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS 266 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE 267 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, 268 | REPAIR OR CORRECTION. 269 | 270 | 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 271 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR 272 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, 273 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING 274 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED 275 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY 276 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER 277 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE 278 | POSSIBILITY OF SUCH DAMAGES. 279 | 280 | END OF TERMS AND CONDITIONS 281 | 282 | How to Apply These Terms to Your New Programs 283 | 284 | If you develop a new program, and you want it to be of the greatest 285 | possible use to the public, the best way to achieve this is to make it 286 | free software which everyone can redistribute and change under these terms. 287 | 288 | To do so, attach the following notices to the program. It is safest 289 | to attach them to the start of each source file to most effectively 290 | convey the exclusion of warranty; and each file should have at least 291 | the "copyright" line and a pointer to where the full notice is found. 292 | 293 | {description} 294 | Copyright (C) {year} {fullname} 295 | 296 | This program is free software; you can redistribute it and/or modify 297 | it under the terms of the GNU General Public License as published by 298 | the Free Software Foundation; either version 2 of the License, or 299 | (at your option) any later version. 300 | 301 | This program is distributed in the hope that it will be useful, 302 | but WITHOUT ANY WARRANTY; without even the implied warranty of 303 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 304 | GNU General Public License for more details. 305 | 306 | You should have received a copy of the GNU General Public License along 307 | with this program; if not, write to the Free Software Foundation, Inc., 308 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. 309 | 310 | Also add information on how to contact you by electronic and paper mail. 311 | 312 | If the program is interactive, make it output a short notice like this 313 | when it starts in an interactive mode: 314 | 315 | Gnomovision version 69, Copyright (C) year name of author 316 | Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 317 | This is free software, and you are welcome to redistribute it 318 | under certain conditions; type `show c' for details. 319 | 320 | The hypothetical commands `show w' and `show c' should show the appropriate 321 | parts of the General Public License. Of course, the commands you use may 322 | be called something other than `show w' and `show c'; they could even be 323 | mouse-clicks or menu items--whatever suits your program. 324 | 325 | You should also get your employer (if you work as a programmer) or your 326 | school, if any, to sign a "copyright disclaimer" for the program, if 327 | necessary. Here is a sample; alter the names: 328 | 329 | Yoyodyne, Inc., hereby disclaims all copyright interest in the program 330 | `Gnomovision' (which makes passes at compilers) written by James Hacker. 331 | 332 | {signature of Ty Coon}, 1 April 1989 333 | Ty Coon, President of Vice 334 | 335 | This General Public License does not permit incorporating your program into 336 | proprietary programs. If your program is a subroutine library, you may 337 | consider it more useful to permit linking proprietary applications with the 338 | library. If this is what you want to do, use the GNU Lesser General 339 | Public License instead of this License. 340 | 341 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # WP Term Icons 2 | 3 | Pretty icons for categories, tags, and other taxonomy terms 4 | 5 | WP Term Icons allows users to assign icons to any visible category, tag, or taxonomy term using a fancy icon picker, providing a customized look for their taxonomy terms. 6 | 7 | # Installation 8 | 9 | * Download and install using the built in WordPress plugin installer. 10 | * Activate in the "Plugins" area of your admin by clicking the "Activate" link. 11 | * No further setup or configuration is necessary. 12 | 13 | # FAQ 14 | 15 | ### Does this plugin depend on any others? 16 | 17 | Not since WordPress 4.4. 18 | 19 | Install the [WP Term Meta](https://wordpress.org/plugins/wp-term-meta/ "Metadata, for taxonomy terms.") plugin if you're on an earlier version. 20 | 21 | ### Does this create new database tables? 22 | 23 | No. There are no new database tables with this plugin. 24 | 25 | ### Does this modify existing database tables? 26 | 27 | No. All of WordPress's core database tables remain untouched. 28 | 29 | ### Can I query for terms by their `icon`? 30 | 31 | Yes. Use a `meta_query` like: 32 | 33 | ``` 34 | $terms = get_terms( 'category', array( 35 | 'depth' => 1, 36 | 'number' => 100, 37 | 'parent' => 0, 38 | 'hide_empty' => false, 39 | 40 | // Query by icon using the "wp-term-meta" plugin! 41 | 'meta_query' => array( array( 42 | 'key' => 'icon', 43 | 'value' => 'dashicons-networking' 44 | ) ) 45 | ) ); 46 | ``` 47 | 48 | ### Where can I get support? 49 | 50 | The WordPress support forums: https://wordpress.org/support/plugin/wp-term-icons/ 51 | 52 | ### Can I contribute? 53 | 54 | Yes, please! The number of users needing more robust taxonomy visuals is growing fast. Having an easy-to-use UI and powerful set of functions is critical to managing complex WordPress installations. If this is your thing, please help us out! 55 | -------------------------------------------------------------------------------- /assets/css/dashicons-picker.css: -------------------------------------------------------------------------------- 1 | .dashicon-picker-container { 2 | position: absolute; 3 | width: 220px; 4 | height: 252px; 5 | font-size: 14px; 6 | background-color: #fff; 7 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); 8 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); 9 | overflow: hidden; 10 | padding: 5px; 11 | box-sizing: border-box; 12 | } 13 | .dashicon-picker-container ul { 14 | margin: 0; 15 | padding: 0; 16 | margin-bottom: 10px; 17 | } 18 | .dashicon-picker-container ul .dashicons { 19 | width: 20px; 20 | height: 20px; 21 | font-size: 20px; 22 | } 23 | .dashicon-picker-container ul li { 24 | display: inline-block; 25 | margin: 5px; 26 | float: left; 27 | } 28 | .dashicon-picker-container ul li a { 29 | display: block; 30 | text-decoration: none; 31 | color: #373737; 32 | padding: 5px 5px; 33 | border: 1px solid #dfdfdf; 34 | } 35 | .dashicon-picker-container ul li a:hover { 36 | border-color: #999; 37 | background: #efefef; 38 | } 39 | 40 | .dashicon-picker-control { 41 | height: 32px; 42 | } 43 | .dashicon-picker-control a { 44 | padding: 5px; 45 | text-decoration: none; 46 | line-height: 32px; 47 | width: 25px; 48 | } 49 | .dashicon-picker-control a span { 50 | display: inline; 51 | vertical-align: middle; 52 | } 53 | .dashicon-picker-control input { 54 | font-size: 12px; 55 | width: 140px; 56 | } 57 | -------------------------------------------------------------------------------- /assets/css/wp-dashicon-picker.css: -------------------------------------------------------------------------------- 1 | .column-icon { 2 | width: 74px; 3 | } 4 | 5 | .term-icon { 6 | font: normal 25px/25px 'dashicons'; 7 | vertical-align: top; 8 | speak: none; 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | width: 25px; 12 | height: 25px; 13 | margin-top: 2px; 14 | } 15 | 16 | .wp-dashicon-picker { 17 | width: 80px; 18 | } 19 | 20 | .wp-picker-container .hidden { 21 | display: none; 22 | } 23 | 24 | .wp-dashicon-result:before { 25 | font: normal 20px/22px 'dashicons'; 26 | vertical-align: top; 27 | speak: none; 28 | -webkit-font-smoothing: antialiased; 29 | -moz-osx-font-smoothing: grayscale; 30 | width: 30px; 31 | height: 22px; 32 | background-color: #f7f7f7; 33 | -webkit-border-radius: 2px 0 0 2px; 34 | border-radius: 2px 0 0 2px; 35 | cursor: pointer; 36 | display: inline-block; 37 | content: '\f099'; 38 | position: relative; 39 | left: 0; 40 | text-align: center; 41 | -webkit-box-shadow: inset 0 1px 0 #fff; 42 | box-shadow: inset 0 1px 0 #fff; 43 | } 44 | 45 | .wp-dashicon-result { 46 | background-color: #f7f7f7; 47 | border: 1px solid #ccc; 48 | -webkit-border-radius: 3px; 49 | border-radius: 3px; 50 | cursor: pointer; 51 | display: inline-block; 52 | height: 22px; 53 | margin: 0 6px 6px 0px; 54 | position: relative; 55 | -webkit-user-select: none; 56 | -moz-user-select: none; 57 | -ms-user-select: none; 58 | user-select: none; 59 | vertical-align: bottom; 60 | display: inline-block; 61 | -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08); 62 | box-shadow: 0 1px 0 rgba(0,0,0,.08); 63 | } 64 | 65 | .wp-dashicon-result:after { 66 | background: #f7f7f7; 67 | -webkit-border-radius: 0 2px 2px 0; 68 | border-radius: 0 2px 2px 0; 69 | border-left: 1px solid #ccc; 70 | color: #555; 71 | content: attr( title ); 72 | display: inline-block; 73 | font-size: 11px; 74 | line-height: 22px; 75 | padding: 0 6px; 76 | position: relative; 77 | right: 0; 78 | text-align: center; 79 | top: 0; 80 | -webkit-box-shadow: inset 0 1px 0 #fff; 81 | box-shadow: inset 0 1px 0 #fff; 82 | } 83 | 84 | .wp-dashicon-result:hover, 85 | .wp-dashicon-result:focus { 86 | background: #fafafa; 87 | border-color: #999; 88 | color: #23282d; 89 | } 90 | 91 | .wp-dashicon-result:hover:before, 92 | .wp-dashicon-result:focus:before { 93 | color: #23282d; 94 | border-color: #a0a5aa; 95 | } 96 | .wp-dashicon-result:hover:after, 97 | .wp-dashicon-result:focus:after { 98 | color: #23282d; 99 | border-color: #a0a5aa; 100 | border-left: 1px solid #999; 101 | } 102 | 103 | .wp-dashicon-result { 104 | top: 0; 105 | } 106 | 107 | .wp-dashicon-result.wp-picker-open:after { 108 | content: attr( data-current ); 109 | } 110 | 111 | .wp-picker-container, .wp-picker-container:active { 112 | display: inline-block; 113 | outline: 0; 114 | } 115 | 116 | .wp-dashicon-result:focus { 117 | -webkit-box-shadow: 118 | 0 0 0 1px #5b9dd9, 119 | 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); 120 | box-shadow: 121 | 0 0 0 1px #5b9dd9, 122 | 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); 123 | } 124 | 125 | .wp-picker-open + .wp-picker-input-wrap { 126 | display: inline-block; 127 | vertical-align: top; 128 | } 129 | 130 | .wp-picker-container .button { 131 | margin-left: 6px; 132 | } 133 | 134 | .wp-picker-container .iris-square-slider .ui-slider-handle:focus { 135 | background-color: #555 136 | } 137 | 138 | .wp-picker-container .iris-picker { 139 | -webkit-border-radius: 0; 140 | border-radius: 0; 141 | border-color: #dfdfdf; 142 | margin-top: 6px; 143 | } 144 | 145 | .wp-picker-container input[type="text"].wp-dashicon-picker { 146 | width: 165px; 147 | font-size: 12px; 148 | font-family: monospace; 149 | text-align: center; 150 | line-height: 16px; 151 | margin: 0; 152 | } 153 | 154 | .wp-picker-container input[type="text"].wp-dashicon-picker:focus::-webkit-input-placeholder { 155 | color: transparent; 156 | } 157 | 158 | .wp-picker-container input[type="text"].wp-dashicon-picker:-moz-placeholder { 159 | color: #999; 160 | } 161 | 162 | .wp-picker-container input[type="text"].iris-error { 163 | background-color: #ffebe8; 164 | border-color: #c00; 165 | color: #000; 166 | } 167 | 168 | @media screen and ( max-width: 782px ) { 169 | .wp-dashicon-result { 170 | height: auto; 171 | padding-left: 45px; 172 | } 173 | 174 | .wp-dashicon-result:after { 175 | font-size: 14px; 176 | height: auto; 177 | padding: 6px 14px; 178 | } 179 | } 180 | -------------------------------------------------------------------------------- /assets/js/dashicons-picker.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Dashicons Picker 3 | * 4 | * Based on: https://github.com/bradvin/dashicons-picker/ 5 | */ 6 | 7 | /* global wpDashiconPickerL10n */ 8 | ( function ( $ ) { 9 | 10 | /** 11 | * 12 | * @returns {void} 13 | */ 14 | $.fn.dashiconsPicker = function () { 15 | 16 | /** 17 | * Dashicons, in CSS order 18 | * 19 | * @type Array 20 | */ 21 | var icons = [ 22 | 'menu', 23 | 'admin-site', 24 | 'dashboard', 25 | 'admin-media', 26 | 'admin-page', 27 | 'admin-comments', 28 | 'admin-appearance', 29 | 'admin-plugins', 30 | 'admin-users', 31 | 'admin-tools', 32 | 'admin-settings', 33 | 'admin-network', 34 | 'admin-generic', 35 | 'admin-home', 36 | 'admin-collapse', 37 | 'filter', 38 | 'admin-customizer', 39 | 'admin-multisite', 40 | 'admin-links', 41 | 'format-links', 42 | 'admin-post', 43 | 'format-standard', 44 | 'format-image', 45 | 'format-gallery', 46 | 'format-audio', 47 | 'format-video', 48 | 'format-chat', 49 | 'format-status', 50 | 'format-aside', 51 | 'format-quote', 52 | 'welcome-write-blog', 53 | 'welcome-edit-page', 54 | 'welcome-add-page', 55 | 'welcome-view-site', 56 | 'welcome-widgets-menus', 57 | 'welcome-comments', 58 | 'welcome-learn-more', 59 | 'image-crop', 60 | 'image-rotate', 61 | 'image-rotate-left', 62 | 'image-rotate-right', 63 | 'image-flip-vertical', 64 | 'image-flip-horizontal', 65 | 'image-filter', 66 | 'undo', 67 | 'redo', 68 | 'editor-bold', 69 | 'editor-italic', 70 | 'editor-ul', 71 | 'editor-ol', 72 | 'editor-quote', 73 | 'editor-alignleft', 74 | 'editor-aligncenter', 75 | 'editor-alignright', 76 | 'editor-insertmore', 77 | 'editor-spellcheck', 78 | 'editor-distractionfree', 79 | 'editor-expand', 80 | 'editor-contract', 81 | 'editor-kitchensink', 82 | 'editor-underline', 83 | 'editor-justify', 84 | 'editor-textcolor', 85 | 'editor-paste-word', 86 | 'editor-paste-text', 87 | 'editor-removeformatting', 88 | 'editor-video', 89 | 'editor-customchar', 90 | 'editor-outdent', 91 | 'editor-indent', 92 | 'editor-help', 93 | 'editor-strikethrough', 94 | 'editor-unlink', 95 | 'editor-rtl', 96 | 'editor-break', 97 | 'editor-code', 98 | 'editor-paragraph', 99 | 'editor-table', 100 | 'align-left', 101 | 'align-right', 102 | 'align-center', 103 | 'align-none', 104 | 'lock', 105 | 'unlock', 106 | 'calendar', 107 | 'calendar-alt', 108 | 'visibility', 109 | 'hidden', 110 | 'post-status', 111 | 'edit', 112 | 'post-trash', 113 | 'trash', 114 | 'sticky', 115 | 'external', 116 | 'arrow-up', 117 | 'arrow-down', 118 | 'arrow-left', 119 | 'arrow-right', 120 | 'arrow-up-alt', 121 | 'arrow-down-alt', 122 | 'arrow-left-alt', 123 | 'arrow-right-alt', 124 | 'arrow-up-alt2', 125 | 'arrow-down-alt2', 126 | 'arrow-left-alt2', 127 | 'arrow-right-alt2', 128 | 'leftright', 129 | 'sort', 130 | 'randomize', 131 | 'list-view', 132 | 'excerpt-view', 133 | 'grid-view', 134 | 'hammer', 135 | 'art', 136 | 'migrate', 137 | 'performance', 138 | 'universal-access', 139 | 'universal-access-alt', 140 | 'tickets', 141 | 'nametag', 142 | 'clipboard', 143 | 'heart', 144 | 'megaphone', 145 | 'schedule', 146 | 'wordpress', 147 | 'wordpress-alt', 148 | 'pressthis', 149 | 'update', 150 | 'screenoptions', 151 | 'cart', 152 | 'feedback', 153 | 'cloud', 154 | 'translation', 155 | 'tag', 156 | 'category', 157 | 'archive', 158 | 'tagcloud', 159 | 'text', 160 | 'media-archive', 161 | 'media-audio', 162 | 'media-code', 163 | 'media-default', 164 | 'media-document', 165 | 'media-interactive', 166 | 'media-spreadsheet', 167 | 'media-text', 168 | 'media-video', 169 | 'playlist-audio', 170 | 'playlist-video', 171 | 'controls-play', 172 | 'controls-pause', 173 | 'controls-forward', 174 | 'controls-skipforward', 175 | 'controls-back', 176 | 'controls-skipback', 177 | 'controls-repeat', 178 | 'controls-volumeon', 179 | 'controls-volumeoff', 180 | 'yes', 181 | 'no', 182 | 'no-alt', 183 | 'plus', 184 | 'plus-alt', 185 | 'plus-alt2', 186 | 'minus', 187 | 'dismiss', 188 | 'marker', 189 | 'star-filled', 190 | 'star-half', 191 | 'star-empty', 192 | 'flag', 193 | 'info', 194 | 'warning', 195 | 'share', 196 | 'share1', 197 | 'share-alt', 198 | 'share-alt2', 199 | 'twitter', 200 | 'rss', 201 | 'email', 202 | 'email-alt', 203 | 'facebook', 204 | 'facebook-alt', 205 | 'networking', 206 | 'googleplus', 207 | 'location', 208 | 'location-alt', 209 | 'camera', 210 | 'images-alt', 211 | 'images-alt2', 212 | 'video-alt', 213 | 'video-alt2', 214 | 'video-alt3', 215 | 'vault', 216 | 'shield', 217 | 'shield-alt', 218 | 'sos', 219 | 'search', 220 | 'slides', 221 | 'analytics', 222 | 'chart-pie', 223 | 'chart-bar', 224 | 'chart-line', 225 | 'chart-area', 226 | 'groups', 227 | 'businessman', 228 | 'id', 229 | 'id-alt', 230 | 'products', 231 | 'awards', 232 | 'forms', 233 | 'testimonial', 234 | 'portfolio', 235 | 'book', 236 | 'book-alt', 237 | 'download', 238 | 'upload', 239 | 'backup', 240 | 'clock', 241 | 'lightbulb', 242 | 'microphone', 243 | 'desktop', 244 | 'tablet', 245 | 'smartphone', 246 | 'phone', 247 | 'smiley', 248 | 'index-card', 249 | 'carrot', 250 | 'building', 251 | 'store', 252 | 'album', 253 | 'palmtree', 254 | 'tickets-alt', 255 | 'money', 256 | 'thumbs-up', 257 | 'thumbs-down', 258 | 'layout', 259 | '' 260 | ]; 261 | 262 | return this.each( function () { 263 | 264 | var button = $( this ); 265 | 266 | createPopup( button ); 267 | 268 | removePopup(); 269 | 270 | function createPopup( button ) { 271 | 272 | var target = $( button.data( 'target' ) ), 273 | popup = $( '
\ 274 |
\ 275 |
    \ 276 |
' ) 277 | .css( { 278 | 'top': button.offset().top, 279 | 'left': button.offset().left 280 | } ), 281 | list = popup.find( '.dashicon-picker-list' ); 282 | 283 | for ( var i in icons ) { 284 | list.append( '
    • ' ); 285 | }; 286 | 287 | $( 'a', list ).click( function ( e ) { 288 | e.preventDefault(); 289 | var title = $( this ).attr( 'title' ); 290 | target.val( 'dashicons-' + title ); 291 | removePopup(); 292 | } ); 293 | 294 | var control = popup.find( '.dashicon-picker-control' ); 295 | 296 | control.html( ' \ 297 | \ 298 | \ 299 | ' 300 | ); 301 | 302 | $( 'a', control ).click( function ( e ) { 303 | e.preventDefault(); 304 | if ( $( this ).data( 'direction' ) === 'back' ) { 305 | $( 'li:gt(' + ( icons.length - 26 ) + ')', list ).each( function () { 306 | $( this ).prependTo( list ); 307 | } ); 308 | } else { 309 | $( 'li:lt(25)', list ).each( function () { 310 | $( this ).appendTo( list ); 311 | } ); 312 | } 313 | } ); 314 | 315 | popup.appendTo( 'body' ).show(); 316 | 317 | $( 'input', control ).on( 'keyup', function ( e ) { 318 | var search = $( this ).val(); 319 | if ( search === '' ) { 320 | $( 'li:lt(25)', list ).show(); 321 | } else { 322 | $( 'li', list ).each( function () { 323 | if ( $( this ).data( 'icon' ).toLowerCase().indexOf( search.toLowerCase() ) !== -1 ) { 324 | $( this ).show(); 325 | } else { 326 | $( this ).hide(); 327 | } 328 | } ); 329 | } 330 | } ); 331 | 332 | button.click( '.dashiconsPicker', function() { 333 | $( '.dashicon-picker-container' ).show(); 334 | } ); 335 | 336 | $( document ).mouseup( function ( e ) { 337 | if ( ! popup.is( e.target ) && popup.has( e.target ).length === 0 ) { 338 | removePopup(); 339 | } 340 | } ); 341 | } 342 | 343 | function removePopup() { 344 | $( '.dashicon-picker-container' ).hide(); 345 | } 346 | } ); 347 | }; 348 | 349 | $( function () { 350 | $( '.dashicons-picker' ).dashiconsPicker(); 351 | } ); 352 | 353 | }( jQuery ) ); 354 | -------------------------------------------------------------------------------- /assets/js/term-icons.js: -------------------------------------------------------------------------------- 1 | jQuery( document ).ready( function( $ ) { 2 | 'use strict'; 3 | 4 | if ( typeof $.wp === 'object' && typeof $.wp.wpDashiconPicker === 'function' ) { 5 | $( '#term-icon' ).wpDashiconPicker(); 6 | } 7 | 8 | $( '.editinline' ).on( 'click', function() { 9 | var tag_id = $( this ).parents( 'tr' ).attr( 'id' ), 10 | icon = $( 'td.icon i', '#' + tag_id ).data( 'icon' ); 11 | 12 | $( ':input[name="term-icon"]', '.inline-edit-row' ).val( icon ); 13 | } ); 14 | } ); 15 | -------------------------------------------------------------------------------- /assets/js/wp-dashicon-picker.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Dashicons Picker 3 | * 4 | * Based on: https://github.com/bradvin/dashicons-picker/ 5 | */ 6 | 7 | /* global wpDashiconPickerL10n */ 8 | ( function ( $, undef ) { 9 | 10 | var DashiconPicker, 11 | 12 | // HTML stuff 13 | _before = '', 14 | _after = '
    ', 15 | _wrap = '
    ', 16 | _button = ''; 17 | 18 | // jQuery UI Widget constructor 19 | DashiconPicker = { 20 | options: { 21 | defaultDashicon: false, 22 | change: false, 23 | clear: false, 24 | hide: true, 25 | width: 255 26 | }, 27 | _create: function() { 28 | 29 | var self = this, 30 | el = self.element; 31 | 32 | $.extend( self.options, el.data() ); 33 | 34 | // keep close bound so it can be attached to a body listener 35 | self.close = $.proxy( self.close, self ); 36 | 37 | self.initialValue = el.val(); 38 | 39 | // Set up HTML structure, hide things 40 | el.addClass( 'wp-dashicon-picker' ).hide().wrap( _wrap ); 41 | self.wrap = el.parent(); 42 | self.toggler = $( _before ).insertBefore( el ).css( { backgroundImage: self.initialValue } ).attr( 'title', wpDashiconPickerL10n.pick ).attr( 'data-current', wpDashiconPickerL10n.current ); 43 | self.pickerContainer = $( _after ).insertAfter( el ); 44 | self.button = $( _button ); 45 | 46 | if ( self.options.defaultDashicon ) { 47 | self.button.addClass( 'wp-picker-default' ).val( wpDashiconPickerL10n.defaultString ); 48 | } else { 49 | self.button.addClass( 'wp-picker-clear' ).val( wpDashiconPickerL10n.clear ); 50 | } 51 | 52 | el.wrap( '' ).after(self.button); 53 | 54 | /* 55 | el.iris( { 56 | target: self.pickerContainer, 57 | hide: self.options.hide, 58 | width: self.options.width, 59 | change: function( event, ui ) { 60 | self.toggler.css( { backgroundImage: ui.dashicon.toString() } ); 61 | // check for a custom cb 62 | if ( $.isFunction( self.options.change ) ) { 63 | self.options.change.call( this, event, ui ); 64 | } 65 | } 66 | } ); 67 | */ 68 | el.val( self.initialValue ); 69 | self._addListeners(); 70 | if ( ! self.options.hide ) { 71 | self.toggler.click(); 72 | } 73 | }, 74 | _addListeners: function() { 75 | var self = this; 76 | 77 | // prevent any clicks inside this widget from leaking to the top and closing it 78 | self.wrap.on( 'click.wpdashiconpicker', function( event ) { 79 | event.stopPropagation(); 80 | }); 81 | 82 | self.toggler.click( function(){ 83 | if ( self.toggler.hasClass( 'wp-picker-open' ) ) { 84 | self.close(); 85 | } else { 86 | self.open(); 87 | } 88 | }); 89 | 90 | self.element.change( function( event ) { 91 | var me = $( this ), 92 | val = me.val(); 93 | // Empty = clear 94 | if ( val === '' || val === '#' ) { 95 | self.toggler.css( 'backgroundImage', '' ); 96 | // fire clear callback if we have one 97 | if ( $.isFunction( self.options.clear ) ) { 98 | self.options.clear.call( this, event ); 99 | } 100 | } 101 | }); 102 | 103 | // open a keyboard-focused closed picker with space or enter 104 | self.toggler.on( 'keyup', function( event ) { 105 | if ( event.keyCode === 13 || event.keyCode === 32 ) { 106 | event.preventDefault(); 107 | self.toggler.trigger( 'click' ).next().focus(); 108 | } 109 | }); 110 | 111 | self.button.click( function( event ) { 112 | var me = $( this ); 113 | if ( me.hasClass( 'wp-picker-clear' ) ) { 114 | self.element.val( '' ); 115 | self.toggler.css( 'backgroundImage', '' ); 116 | if ( $.isFunction( self.options.clear ) ) { 117 | self.options.clear.call( this, event ); 118 | } 119 | } else if ( me.hasClass( 'wp-picker-default' ) ) { 120 | self.element.val( self.options.defaultDashicon ).change(); 121 | } 122 | }); 123 | }, 124 | open: function() { 125 | this.element.show().focus(); 126 | this.button.removeClass( 'hidden' ); 127 | this.toggler.addClass( 'wp-picker-open' ); 128 | $( 'body' ).trigger( 'click.wpdashiconpicker' ).on( 'click.wpdashiconpicker', this.close ); 129 | }, 130 | close: function() { 131 | this.element.hide(); 132 | this.button.addClass( 'hidden' ); 133 | this.toggler.removeClass( 'wp-picker-open' ); 134 | $( 'body' ).off( 'click.wpdashiconpicker', this.close ); 135 | }, 136 | // $("#input").wpDashiconPicker('dashicon') returns the current dashicon 137 | // $("#input").wpDashiconPicker('dashicon', '#bada55') to set 138 | dashicon: function( newDashicon ) { 139 | if ( newDashicon === undef ) { 140 | //return this.element.iris( 'option', 'dashicon' ); 141 | } 142 | 143 | //this.element.iris( 'option', 'dashicon', newDashicon ); 144 | }, 145 | //$("#input").wpDashiconPicker('defaultDashicon') returns the current default dashicon 146 | //$("#input").wpDashiconPicker('defaultDashicon', newDefaultDashicon) to set 147 | defaultDashicon: function( newDefaultDashicon ) { 148 | if ( newDefaultDashicon === undef ) { 149 | return this.options.defaultDashicon; 150 | } 151 | 152 | this.options.defaultDashicon = newDefaultDashicon; 153 | } 154 | }; 155 | 156 | $.widget( 'wp.wpDashiconPicker', DashiconPicker ); 157 | 158 | }( jQuery ) ); 159 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "stuttter/wp-term-icons", 3 | "description": "Icons for categories, tags, and other taxonomy terms", 4 | "homepage": "https://github.com/stuttter/wp-term-icons", 5 | "type": "wordpress-plugin", 6 | "require": { 7 | "php": ">=5.6", 8 | "composer/installers": "^1.0" 9 | }, 10 | "license": "GPL-2.0-or-later", 11 | "authors": [ 12 | { 13 | "name": "John James Jacoby", 14 | "email": "johnjamesjacoby@me.com" 15 | } 16 | ] 17 | } 18 | -------------------------------------------------------------------------------- /includes/class-wp-term-icons.php: -------------------------------------------------------------------------------- 1 | labels = array( 46 | 'singular' => esc_html__( 'Icon', 'wp-term-color' ), 47 | 'plural' => esc_html__( 'Icons', 'wp-term-color' ), 48 | 'description' => esc_html__( 'Assign terms a custom icon to visually separate them from each-other.', 'wp-term-color' ) 49 | ); 50 | 51 | // Call the parent and pass the file 52 | parent::__construct( $file ); 53 | } 54 | 55 | /** 56 | * Enqueue quick-edit JS 57 | * 58 | * @since 0.1.0 59 | */ 60 | public function enqueue_scripts() { 61 | 62 | // Enqueue the icons picker 63 | wp_enqueue_script( 'wp-dashicon-picker', $this->url . 'assets/js/wp-dashicon-picker.js', array( 'jquery-touch-punch' ), $this->db_version, true ); 64 | wp_enqueue_style( 'wp-dashicon-picker', $this->url . 'assets/css/wp-dashicon-picker.css', array( 'dashicons' ), $this->db_version, false ); 65 | 66 | // Enqueue the icons picker 67 | wp_enqueue_script( 'dashicons-picker', $this->url . 'assets/js/dashicons-picker.js', array( 'wp-dashicon-picker' ), $this->db_version, true ); 68 | wp_enqueue_style( 'dashicons-picker', $this->url . 'assets/css/dashicons-picker.css', array( 'wp-dashicon-picker' ), $this->db_version, false ); 69 | 70 | // Enqueue fancy icons; includes quick-edit 71 | wp_enqueue_script( 'term-icons', $this->url . 'assets/js/term-icons.js', array( 'dashicons-picker' ), $this->db_version, true ); 72 | 73 | wp_localize_script( 'wp-dashicon-picker', 'wpDashiconPickerL10n', array( 74 | 'clear' => esc_html__( 'Clear', 'wp-term-icons' ), 75 | 'defaultString' => esc_html__( 'Default', 'wp-term-icons' ), 76 | 'pick' => esc_html__( 'Select Icon', 'wp-term-icons' ), 77 | 'current' => esc_html__( 'Current Icon', 'wp-term-icons' ) 78 | ) ); 79 | } 80 | 81 | /** 82 | * Add help tabs for `color` column 83 | * 84 | * @since 0.1.2 85 | */ 86 | public function help_tabs() { 87 | get_current_screen()->add_help_tab(array( 88 | 'id' => 'wp_term_icons_help_tab', 89 | 'title' => __( 'Term Icon', 'wp-term-icons' ), 90 | 'content' => '

    ' . __( 'Terms can have unique icons to help separate them from each other.', 'wp-term-icons' ) . '

    ', 91 | ) ); 92 | } 93 | 94 | /** 95 | * Return the formatted output for the column row 96 | * 97 | * @since 0.1.2 98 | * 99 | * @param string $meta 100 | */ 101 | protected function format_output( $meta = '' ) { 102 | return ''; 103 | } 104 | 105 | 106 | /** 107 | * Output the form field 108 | * 109 | * @since 0.1.0 110 | * 111 | * @param $term 112 | */ 113 | protected function form_field( $term = '' ) { 114 | 115 | // Get the meta value 116 | $value = isset( $term->term_id ) 117 | ? $this->get_meta( $term->term_id ) 118 | : ''; ?> 119 | 120 | 121 | 122 | '', 57 | 'plural' => '', 58 | 'descrption' => '' 59 | ); 60 | 61 | /** 62 | * @var string File for plugin 63 | */ 64 | public $file = ''; 65 | 66 | /** 67 | * @var string URL to plugin 68 | */ 69 | public $url = ''; 70 | 71 | /** 72 | * @var string Path to plugin 73 | */ 74 | public $path = ''; 75 | 76 | /** 77 | * @var string Basename for plugin 78 | */ 79 | public $basename = ''; 80 | 81 | /** 82 | * @var array Which taxonomies are being targeted? 83 | */ 84 | public $taxonomies = array(); 85 | 86 | /** 87 | * @var bool Whether to use fancy UI 88 | */ 89 | public $fancy = false; 90 | 91 | /** 92 | * @var bool Whether to show a column 93 | */ 94 | public $has_column = true; 95 | 96 | /** 97 | * @var bool Whether to show fields 98 | */ 99 | public $has_fields = true; 100 | 101 | /** 102 | * Hook into queries, admin screens, and more! 103 | * 104 | * @since 2.0.0 105 | */ 106 | public function __construct( $file = '' ) { 107 | 108 | // Setup plugin 109 | $this->file = $file; 110 | $this->url = plugin_dir_url( $this->file ); 111 | $this->path = plugin_dir_path( $this->file ); 112 | $this->basename = plugin_basename( $this->file ); 113 | 114 | // Initialize late, after taxonomies are likely registered 115 | add_action( 'init', array( $this, 'initialize' ), 999 ); 116 | } 117 | 118 | /** 119 | * Initialize on `init` action so taxonomies are registered 120 | * 121 | * @since 2.0.0 122 | */ 123 | public function initialize() { 124 | 125 | // Get the targeted taxonomies 126 | $this->taxonomies = $this->get_taxonomies(); 127 | 128 | // A simple filter to allow for UI variations 129 | $this->fancy = apply_filters( "wp_fancy_term_{$this->meta_key}", true ); 130 | 131 | // Bail if no targeted taxonomies 132 | if ( empty( $this->taxonomies ) ) { 133 | return; 134 | } 135 | 136 | // Register Meta 137 | $this->register_meta(); 138 | 139 | // Add Hooks 140 | $this->add_hooks(); 141 | } 142 | 143 | /** 144 | * Add the hooks, on the `init` action 145 | * 146 | * @since 2.0.0 147 | */ 148 | public function add_hooks() { 149 | 150 | // Queries 151 | add_action( 'create_term', array( $this, 'save_meta' ), 10, 3 ); 152 | add_action( 'edit_term', array( $this, 'save_meta' ), 10, 3 ); 153 | 154 | // ajax actions 155 | add_action( "wp_ajax_{$this->meta_key}_terms", array( $this, 'ajax_update' ) ); 156 | 157 | // Term meta orderby 158 | add_filter( 'terms_clauses', array( $this, 'terms_clauses' ), 10, 3 ); 159 | add_filter( 'get_terms_orderby', array( $this, 'get_terms_orderby' ), 10, 3 ); 160 | 161 | // Always hook these in, for ajax actions 162 | foreach ( $this->taxonomies as $value ) { 163 | 164 | // Has column? 165 | if ( true === $this->has_column ) { 166 | add_filter( "manage_edit-{$value}_columns", array( $this, 'add_column_header' ) ); 167 | add_filter( "manage_{$value}_custom_column", array( $this, 'add_column_value' ), 10, 3 ); 168 | add_filter( "manage_edit-{$value}_sortable_columns", array( $this, 'sortable_columns' ) ); 169 | } 170 | 171 | // Has fields? 172 | if ( true === $this->has_fields ) { 173 | add_action( "{$value}_add_form_fields", array( $this, 'add_form_field' ) ); 174 | add_action( "{$value}_edit_form_fields", array( $this, 'edit_form_field' ) ); 175 | } 176 | } 177 | 178 | // Only blog admin screens 179 | if ( is_blog_admin() || doing_action( 'wp_ajax_inline_save_tax' ) ) { 180 | add_action( 'admin_init', array( $this, 'admin_init' ) ); 181 | add_action( 'load-edit-tags.php', array( $this, 'edit_tags' ) ); 182 | } 183 | } 184 | 185 | /** 186 | * Register term meta, key, and callbacks 187 | * 188 | * @since 2.0.0 189 | */ 190 | public function register_meta() { 191 | register_meta( 'term', $this->meta_key, array( 192 | 'auth_callback' => array( $this, 'auth_callback' ), 193 | 'sanitize_callback' => array( $this, 'sanitize_callback' ) 194 | ) ); 195 | } 196 | 197 | /** 198 | * Stub method for sanitizing meta data 199 | * 200 | * @since 2.0.0 201 | * 202 | * @param mixed $data 203 | * @return mixed 204 | */ 205 | public function sanitize_callback( $data = '' ) { 206 | return $data; 207 | } 208 | 209 | /** 210 | * Stub method for authorizing the saving of meta data 211 | * 212 | * @since 2.0.0 213 | * 214 | * @param bool $allowed 215 | * @param string $meta_key 216 | * @param int $post_id 217 | * @param int $user_id 218 | * @param string $cap 219 | * @param array $caps 220 | * 221 | * @return boolean 222 | */ 223 | public function auth_callback( $allowed = false, $meta_key = '', $post_id = 0, $user_id = 0, $cap = '', $caps = array() ) { 224 | 225 | // Bail if incorrect meta key 226 | if ( $meta_key !== $this->meta_key ) { 227 | return $allowed; 228 | } 229 | 230 | return $allowed; 231 | } 232 | 233 | /** 234 | * Administration area hooks 235 | * 236 | * @since 2.0.0 237 | */ 238 | public function admin_init() { 239 | 240 | // Check for DB update 241 | $this->maybe_upgrade_database(); 242 | } 243 | 244 | /** 245 | * Administration area hooks 246 | * 247 | * @since 2.0.0 248 | */ 249 | public function edit_tags() { 250 | 251 | // Enqueue javascript 252 | add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_scripts' ) ); 253 | add_action( 'admin_head', array( $this, 'help_tabs' ) ); 254 | add_action( 'admin_head', array( $this, 'admin_head' ) ); 255 | 256 | // Quick edit 257 | add_action( 'quick_edit_custom_box', array( $this, 'quick_edit_meta' ), 10, 3 ); 258 | } 259 | 260 | /** Get Terms *************************************************************/ 261 | 262 | /** 263 | * Filter `get_terms_orderby` and tweak for meta_query orderby's 264 | * 265 | * @since 2.0.0 266 | * 267 | * @param string $orderby 268 | * @param array $query_vars 269 | * @param array $taxonomies 270 | */ 271 | public function get_terms_orderby( $orderby = '', $query_vars = array(), $taxonomies = array() ) { 272 | 273 | // Bail if not a target taxonomy 274 | if ( ! $this->is_taxonomy( $taxonomies ) ) { 275 | return $orderby; 276 | } 277 | 278 | // Ordering by meta key 279 | if ( ! empty( $_REQUEST['orderby'] ) && ( $this->meta_key === $_REQUEST['orderby'] ) ) { 280 | $orderby = 'meta_value'; 281 | } 282 | 283 | return $orderby; 284 | } 285 | 286 | /** 287 | * Filter get_terms() and maybe add `meta_query` 288 | * 289 | * @since 2.0.0 290 | * 291 | * @param array $clauses 292 | * @param array $taxonomies 293 | * @param array $args 294 | */ 295 | public function terms_clauses( $clauses = array(), $taxonomies = array(), $args = array() ) { 296 | global $wpdb; 297 | 298 | // Bail if not a target taxonomy 299 | if ( ! $this->is_taxonomy( $taxonomies ) ) { 300 | return $clauses; 301 | } 302 | 303 | // Default allowed keys & primary key 304 | $allowed_keys = array( $this->meta_key ); 305 | 306 | // Set allowed keys 307 | $allowed_keys[] = 'meta_value'; 308 | $allowed_keys[] = 'meta_value_num'; 309 | 310 | // Tweak orderby 311 | $orderby = isset( $args[ 'orderby' ] ) 312 | ? $args[ 'orderby' ] 313 | : ''; 314 | 315 | // Bail if no orderby or allowed_keys 316 | if ( ! in_array( $orderby, $allowed_keys, true ) ) { 317 | return $clauses; 318 | } 319 | 320 | // Join term meta data 321 | $clauses['join'] .= " INNER JOIN {$wpdb->termmeta} AS tm ON t.term_id = tm.term_id"; 322 | 323 | // Maybe order by term meta 324 | switch ( $args[ 'orderby' ] ) { 325 | case $this->meta_key : 326 | case 'meta_value' : 327 | if ( ! empty( $this->key_type ) ) { 328 | $clauses['orderby'] = "ORDER BY CAST(tm.meta_value AS tm)"; 329 | } else { 330 | $clauses['orderby'] = "ORDER BY tm.meta_value"; 331 | } 332 | $clauses['fields'] .= ', tm.*'; 333 | $clauses['where'] .= " AND tm.meta_key = '{$this->meta_key}'"; 334 | break; 335 | case 'meta_value_num': 336 | $clauses['orderby'] = "ORDER BY tm.meta_value+0"; 337 | $clauses['fields'] .= ', tm.*'; 338 | $clauses['where'] .= " AND tm.meta_key = '{$this->meta_key}'"; 339 | break; 340 | } 341 | 342 | // Return maybe modified clauses 343 | return $clauses; 344 | } 345 | 346 | /** Assets ****************************************************************/ 347 | 348 | /** 349 | * Enqueue quick-edit JS 350 | * 351 | * @since 2.0.0 352 | */ 353 | public function enqueue_scripts() { } 354 | 355 | /** 356 | * Add help tabs for this metadata 357 | * 358 | * @since 2.0.0 359 | */ 360 | public function help_tabs() { } 361 | 362 | /** 363 | * Add help tabs for this metadata 364 | * 365 | * @since 2.0.0 366 | */ 367 | public function admin_head() { } 368 | 369 | /** 370 | * Quick edit ajax updating 371 | * 372 | * @since 2.0.0 373 | */ 374 | public function ajax_update() {} 375 | 376 | /** 377 | * Return the taxonomies used by this plugin 378 | * 379 | * @since 2.0.0 380 | * 381 | * @param array $args 382 | * @return array 383 | */ 384 | private function get_taxonomies( $args = array() ) { 385 | 386 | // The filter key/tag 387 | $tag = "wp_term_{$this->meta_key}_get_taxonomies"; 388 | 389 | /** 390 | * Allow filtering of affected taxonomies 391 | * 392 | * @since 2.0.0 393 | */ 394 | $defaults = apply_filters( $tag, array( 395 | 'show_ui' => true 396 | ) ); 397 | 398 | // Parse arguments 399 | $r = wp_parse_args( $args, $defaults ); 400 | 401 | // Get & return the taxonomies 402 | return get_taxonomies( $r ); 403 | } 404 | 405 | /** Columns ***************************************************************/ 406 | 407 | /** 408 | * Add the "meta_key" column to taxonomy terms list-tables 409 | * 410 | * @since 2.0.0 411 | * 412 | * @param array $columns 413 | * 414 | * @return array 415 | */ 416 | public function add_column_header( $columns = array() ) { 417 | $columns[ $this->meta_key ] = $this->labels['singular']; 418 | 419 | return $columns; 420 | } 421 | 422 | /** 423 | * Output the value for the custom column 424 | * 425 | * @since 2.0.0 426 | * 427 | * @param string $empty 428 | * @param string $custom_column 429 | * @param int $term_id 430 | * 431 | * @return mixed 432 | */ 433 | public function add_column_value( $empty = '', $custom_column = '', $term_id = 0 ) { 434 | 435 | // Bail if no taxonomy passed or not on the `meta_key` column 436 | if ( empty( $_REQUEST['taxonomy'] ) || ( $this->meta_key !== $custom_column ) || ! empty( $empty ) ) { 437 | return $empty; 438 | } 439 | 440 | // Get the metadata 441 | $meta = $this->get_meta( $term_id ); 442 | $retval = $this->no_value; 443 | 444 | // Output HTML element if not empty 445 | if ( ! empty( $meta ) ) { 446 | $retval = $this->format_output( $meta ); 447 | } 448 | 449 | echo $retval; 450 | } 451 | 452 | /** 453 | * Allow sorting by this `meta_key` 454 | * 455 | * @since 2.0.0 456 | * 457 | * @param array $columns 458 | * 459 | * @return array 460 | */ 461 | public function sortable_columns( $columns = array() ) { 462 | $columns[ $this->meta_key ] = $this->meta_key; 463 | return $columns; 464 | } 465 | 466 | /** 467 | * Add `meta_key` to term when updating 468 | * 469 | * @since 2.0.0 470 | * 471 | * @param int $term_id 472 | * @param int $tt_id 473 | * @param string $taxonomy 474 | */ 475 | public function save_meta( $term_id = 0, $tt_id = 0, $taxonomy = '' ) { 476 | 477 | // Bail if not a target taxonomy 478 | if ( ! $this->is_taxonomy( $taxonomy ) ) { 479 | return; 480 | } 481 | 482 | // Get the term being posted 483 | $term_key = 'term-' . $this->meta_key; 484 | 485 | // Bail if not updating meta_key 486 | $meta = ! empty( $_POST[ $term_key ] ) 487 | ? $_POST[ $term_key ] 488 | : ''; 489 | 490 | $this->set_meta( $term_id, $taxonomy, $meta ); 491 | } 492 | 493 | /** 494 | * Set `meta_key` of a specific term 495 | * 496 | * @since 2.0.0 497 | * 498 | * @param int $term_id 499 | * @param string $taxonomy 500 | * @param string $meta 501 | * @param bool $clean_cache 502 | */ 503 | public function set_meta( $term_id = 0, $taxonomy = '', $meta = '', $clean_cache = false ) { 504 | 505 | // No meta_key, so delete 506 | if ( empty( $meta ) ) { 507 | delete_term_meta( $term_id, $this->meta_key ); 508 | 509 | // Update meta_key value 510 | } else { 511 | update_term_meta( $term_id, $this->meta_key, $meta ); 512 | } 513 | 514 | // Maybe clean the term cache 515 | if ( true === $clean_cache ) { 516 | clean_term_cache( $term_id, $taxonomy ); 517 | } 518 | } 519 | 520 | /** 521 | * Return the `meta_key` of a term 522 | * 523 | * @since 2.0.0 524 | * 525 | * @param int $term_id 526 | */ 527 | public function get_meta( $term_id = 0 ) { 528 | return get_term_meta( $term_id, $this->meta_key, true ); 529 | } 530 | 531 | /** Markup ****************************************************************/ 532 | 533 | /** 534 | * Output the form field for this metadata when adding a new term 535 | * 536 | * @since 2.0.0 537 | */ 538 | public function add_form_field() { 539 | ?> 540 | 541 |
    542 | 545 | 546 | form_field(); ?> 547 | 548 | labels['description'] ) ) : ?> 549 | 550 |

    551 | labels['description'] ); ?> 552 |

    553 | 554 | 555 | 556 |
    557 | 558 | 570 | 571 | 572 | 573 | 576 | 577 | 578 | form_field( $term ); ?> 579 | 580 | labels['description'] ) ) : ?> 581 | 582 |

    583 | labels['description'] ); ?> 584 |

    585 | 586 | 587 | 588 | 589 | 590 | 591 | meta_key !== $column_name ) || ( 'edit-tags' !== $screen ) || ! $this->is_taxonomy( $name ) ) { 605 | return false; 606 | } ?> 607 | 608 |
    609 |
    610 | 618 |
    619 |
    620 | 621 | term_id ) 635 | ? $this->get_meta( $term->term_id ) 636 | : ''; ?> 637 | 638 | 639 | 640 | 652 | 653 | 654 | 655 | db_version_key ); 671 | 672 | // Needs 673 | if ( $db_version < $this->db_version ) { 674 | $this->upgrade_database( $db_version ); 675 | } 676 | } 677 | 678 | /** 679 | * Upgrade the database as needed, based on version comparisons 680 | * 681 | * @since 2.0.0 682 | */ 683 | private function upgrade_database() { 684 | update_option( $this->db_version_key, $this->db_version ); 685 | } 686 | 687 | /** Helpers ***************************************************************/ 688 | 689 | /** 690 | * Compare some taxonomies against the ones for this term meta. 691 | * 692 | * @since 3.0.0 693 | * 694 | * @param array $taxonomies 695 | */ 696 | private function is_taxonomy( $taxonomies = array() ) { 697 | 698 | // Bail early if empty 699 | if ( empty( $taxonomies ) ) { 700 | return false; 701 | } 702 | 703 | // Always make sure this is an array 704 | $taxonomies = (array) $taxonomies; 705 | 706 | // Check the intersect 707 | $intersect = array_intersect( $taxonomies, $this->taxonomies ); 708 | 709 | // Return 710 | return (bool) ! empty( $intersect ); 711 | } 712 | } 713 | endif; 714 | -------------------------------------------------------------------------------- /readme.txt: -------------------------------------------------------------------------------- 1 | === WP Term Icons === 2 | Contributors: johnjamesjacoby, stuttter 3 | Tags: taxonomy, term, meta, metadata, icon, icons 4 | Requires PHP: 5.6.20 5 | Requires at least: 4.4 6 | Tested up to: 5.2 7 | Stable tag: 2.0.0 8 | License: GPLv2 or later 9 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 | Donate link: https://ko-fi.com/jjj 11 | 12 | == Description == 13 | 14 | Pretty icons for categories, tags, and other taxonomy terms 15 | 16 | WP Term Icons allows users to assign icons to any visible category, tag, or taxonomy term using a fancy icon picker, providing a customized look for their taxonomy terms. 17 | 18 | = Also checkout = 19 | 20 | * [WP Chosen](https://wordpress.org/plugins/wp-chosen/ "Make long, unwieldy select boxes much more user-friendly.") 21 | * [WP Pretty Filters](https://wordpress.org/plugins/wp-pretty-filters/ "Makes post filters better match what's already in Media & Attachments.") 22 | * [WP Event Calendar](https://wordpress.org/plugins/wp-event-calendar/ "The best way to manage events in WordPress.") 23 | * [WP Media Categories](https://wordpress.org/plugins/wp-media-categories/ "Add categories to media & attachments.") 24 | * [WP Term Order](https://wordpress.org/plugins/wp-term-order/ "Sort taxonomy terms, your way.") 25 | * [WP Term Authors](https://wordpress.org/plugins/wp-term-authors/ "Authors for categories, tags, and other taxonomy terms.") 26 | * [WP Term Colors](https://wordpress.org/plugins/wp-term-colors/ "Pretty colors for categories, tags, and other taxonomy terms.") 27 | * [WP Term Icons](https://wordpress.org/plugins/wp-term-icons/ "Pretty icons for categories, tags, and other taxonomy terms.") 28 | * [WP Term Visibility](https://wordpress.org/plugins/wp-term-visibility/ "Visibilities for categories, tags, and other taxonomy terms.") 29 | * [WP User Activity](https://wordpress.org/plugins/wp-user-activity/ "The best way to log activity in WordPress.") 30 | * [WP User Avatars](https://wordpress.org/plugins/wp-user-avatars/ "Allow users to upload avatars or choose them from your media library.") 31 | * [WP User Groups](https://wordpress.org/plugins/wp-user-groups/ "Group users together with taxonomies & terms.") 32 | * [WP User Profiles](https://wordpress.org/plugins/wp-user-profiles/ "A sophisticated way to edit users in WordPress.") 33 | 34 | == Screenshots == 35 | 36 | 1. Category Icons 37 | 38 | == Installation == 39 | 40 | * Download and install using the built in WordPress plugin installer. 41 | * Activate in the "Plugins" area of your admin by clicking the "Activate" link. 42 | * No further setup or configuration is necessary. 43 | 44 | == Frequently Asked Questions == 45 | 46 | = Does this plugin depend on any others? = 47 | 48 | No. Not since WordPress 4.4. 49 | 50 | = Does this create new database tables? = 51 | 52 | No. There are no new database tables with this plugin. 53 | 54 | = Does this modify existing database tables? = 55 | 56 | No. All of WordPress's core database tables remain untouched. 57 | 58 | = How do I query for terms via their icons? = 59 | 60 | With WordPress's `get_terms()` function, the same as usual, but with an additional `meta_query` argument according the `WP_Meta_Query` specification: 61 | http://codex.wordpress.org/Class_Reference/WP_Meta_Query 62 | 63 | ` 64 | $terms = get_terms( 'category', array( 65 | 'depth' => 1, 66 | 'number' => 100, 67 | 'parent' => 0, 68 | 'hide_empty' => false, 69 | 70 | // Query by icon using the "wp-term-meta" plugin! 71 | 'meta_query' => array( array( 72 | 'key' => 'icon', 73 | 'value' => 'dashicons-networking' 74 | ) ) 75 | ) ); 76 | ` 77 | 78 | = Where can I get support? = 79 | 80 | The WordPress support forums: https://wordpress.org/support/plugin/wp-term-icons/ 81 | 82 | = Where can I find documentation? = 83 | 84 | http://github.com/stuttter/wp-term-icons/ 85 | 86 | == Changelog == 87 | 88 | = 2.0.0 = 89 | * Update base class 90 | 91 | = 0.2.0 = 92 | * Update base class 93 | 94 | = 0.1.2 = 95 | * Add "term-icon-wrap" class to fields 96 | 97 | = 0.1.1 = 98 | * Remove erroneous "form-required" class from field 99 | 100 | = 0.1.0 = 101 | * Initial release 102 | -------------------------------------------------------------------------------- /wp-term-icons.php: -------------------------------------------------------------------------------- 1 |