Making WordPress.org


Ignore:
Timestamp:
08/24/2021 08:32:28 PM (3 years ago)
Author:
coffee2code
Message:

Developer, Dashicons: Extract Dashicons data from markup into PHP and then programmatically generate the Dashicons-related markup.

Props dufresnesteven, coffee2code.
See #5014.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-dashicons.php

    r11157 r11196  
    88 */
    99
     10require_once __DIR__ . '/inc/dashicons.php';
     11
    1012wp_enqueue_style(  'dashicons-page', get_template_directory_uri() . '/stylesheets/page-dashicons.css', array(), '20200427' );
    1113wp_enqueue_script( 'dashicons-page', get_template_directory_uri() . '/js/page-dashicons.js', array( 'jquery', 'wp-util' ), '20200427' );
     
    3335                <div id="iconlist">
    3436
    35                     <h4><?php _e( 'Admin Menu', 'wporg' ); ?></h4>
    36 
    37                     <!-- admin menu -->
    38                     <div alt="f333" class="dashicons dashicons-menu">menu</div>
    39                     <div alt="f228" class="dashicons dashicons-menu-alt">menu (alt)</div>
    40                     <div alt="f329" class="dashicons dashicons-menu-alt2">menu (alt2)</div>
    41                     <div alt="f349" class="dashicons dashicons-menu-alt3">menu (alt3)</div>
    42                     <div alt="f319" class="dashicons dashicons-admin-site">site</div>
    43                     <div alt="f11d" class="dashicons dashicons-admin-site-alt">site (alt)</div>
    44                     <div alt="f11e" class="dashicons dashicons-admin-site-alt2">site (alt2)</div>
    45                     <div alt="f11f" class="dashicons dashicons-admin-site-alt3">site (alt3)</div>
    46                     <div alt="f226" class="dashicons dashicons-dashboard">dashboard</div>
    47                     <div alt="f109" class="dashicons dashicons-admin-post">post</div>
    48                     <div alt="f104" class="dashicons dashicons-admin-media">media</div>
    49                     <div alt="f103" class="dashicons dashicons-admin-links">links</div>
    50                     <div alt="f105" class="dashicons dashicons-admin-page">page</div>
    51                     <div alt="f101" class="dashicons dashicons-admin-comments">comments</div>
    52                     <div alt="f100" class="dashicons dashicons-admin-appearance">appearance</div>
    53                     <div alt="f106" class="dashicons dashicons-admin-plugins">plugins</div>
    54                     <div alt="f485" class="dashicons dashicons-plugins-checked">plugins checked</div>
    55                     <div alt="f110" class="dashicons dashicons-admin-users">users</div>
    56                     <div alt="f107" class="dashicons dashicons-admin-tools">tools</div>
    57                     <div alt="f108" class="dashicons dashicons-admin-settings">settings</div>
    58                     <div alt="f112" class="dashicons dashicons-admin-network">network</div>
    59                     <div alt="f102" class="dashicons dashicons-admin-home">home</div>
    60                     <div alt="f111" class="dashicons dashicons-admin-generic">generic</div>
    61                     <div alt="f148" class="dashicons dashicons-admin-collapse">collapse</div>
    62                     <div alt="f536" class="dashicons dashicons-filter">filter</div>
    63                     <div alt="f540" class="dashicons dashicons-admin-customizer">customizer</div>
    64                     <div alt="f541" class="dashicons dashicons-admin-multisite">multisite</div>
    65 
    66                     <h4><?php _e( 'Welcome Screen', 'wporg' ); ?></h4>
    67 
    68                     <!-- welcome screen -->
    69                     <div alt="f119" class="dashicons dashicons-welcome-write-blog">write blog</div>
    70                     <!--<div alt="f119" class="dashicons dashicons-welcome-edit-page"></div> Duplicate -->
    71                     <div alt="f133" class="dashicons dashicons-welcome-add-page">add page</div>
    72                     <div alt="f115" class="dashicons dashicons-welcome-view-site">view site</div>
    73                     <div alt="f116" class="dashicons dashicons-welcome-widgets-menus">widgets and menus</div>
    74                     <div alt="f117" class="dashicons dashicons-welcome-comments">comments</div>
    75                     <div alt="f118" class="dashicons dashicons-welcome-learn-more">learn more</div>
    76 
    77                     <h4><?php _e( 'Post Formats', 'wporg' ); ?></h4>
    78 
    79                     <!-- post formats -->
    80                     <!--<div alt="f109" class="dashicons dashicons-format-standard"></div> Duplicate -->
    81                     <div alt="f123" class="dashicons dashicons-format-aside">aside</div>
    82                     <div alt="f128" class="dashicons dashicons-format-image">image</div>
    83                     <div alt="f161" class="dashicons dashicons-format-gallery">gallery</div>
    84                     <div alt="f126" class="dashicons dashicons-format-video">video</div>
    85                     <div alt="f130" class="dashicons dashicons-format-status">status</div>
    86                     <div alt="f122" class="dashicons dashicons-format-quote">quote</div>
    87                     <!--<div alt="f103" class="dashicons dashicons-format-links">links</div> Duplicate -->
    88                     <div alt="f125" class="dashicons dashicons-format-chat">chat</div>
    89                     <div alt="f127" class="dashicons dashicons-format-audio">audio</div>
    90                     <div alt="f306" class="dashicons dashicons-camera">camera</div>
    91                     <div alt="f129" class="dashicons dashicons-camera-alt">camera (alt)</div>
    92                     <div alt="f232" class="dashicons dashicons-images-alt">images (alt)</div>
    93                     <div alt="f233" class="dashicons dashicons-images-alt2">images (alt 2)</div>
    94                     <div alt="f234" class="dashicons dashicons-video-alt">video (alt)</div>
    95                     <div alt="f235" class="dashicons dashicons-video-alt2">video (alt 2)</div>
    96                     <div alt="f236" class="dashicons dashicons-video-alt3">video (alt 3)</div>
    97 
    98                     <h4><?php _e( 'Media', 'wporg' ); ?></h4>
    99 
    100                     <!-- media -->
    101                     <div alt="f501" class="dashicons dashicons-media-archive">archive</div>
    102                     <div alt="f500" class="dashicons dashicons-media-audio">audio</div>
    103                     <div alt="f499" class="dashicons dashicons-media-code">code</div>
    104                     <div alt="f498" class="dashicons dashicons-media-default">default</div>
    105                     <div alt="f497" class="dashicons dashicons-media-document">document</div>
    106                     <div alt="f496" class="dashicons dashicons-media-interactive">interactive</div>
    107                     <div alt="f495" class="dashicons dashicons-media-spreadsheet">spreadsheet</div>
    108                     <div alt="f491" class="dashicons dashicons-media-text">text</div>
    109                     <div alt="f490" class="dashicons dashicons-media-video">video</div>
    110                     <div alt="f492" class="dashicons dashicons-playlist-audio">audio playlist</div>
    111                     <div alt="f493" class="dashicons dashicons-playlist-video">video playlist</div>
    112                     <div alt="f522" class="dashicons dashicons-controls-play">play player</div>
    113                     <div alt="f523" class="dashicons dashicons-controls-pause">player pause</div>
    114                     <div alt="f519" class="dashicons dashicons-controls-forward">player forward</div>
    115                     <div alt="f517" class="dashicons dashicons-controls-skipforward">player skip forward</div>
    116                     <div alt="f518" class="dashicons dashicons-controls-back">player back</div>
    117                     <div alt="f516" class="dashicons dashicons-controls-skipback">player skip back</div>
    118                     <div alt="f515" class="dashicons dashicons-controls-repeat">player repeat</div>
    119                     <div alt="f521" class="dashicons dashicons-controls-volumeon">player volume on</div>
    120                     <div alt="f520" class="dashicons dashicons-controls-volumeoff">player volume off</div>
    121 
    122                     <h4><?php _e( 'Image Editing', 'wporg' ); ?></h4>
    123 
    124                     <!-- image editing -->
    125                     <div alt="f165" class="dashicons dashicons-image-crop">crop</div>
    126                     <div alt="f531" class="dashicons dashicons-image-rotate">rotate</div>
    127                     <div alt="f166" class="dashicons dashicons-image-rotate-left">rotate left</div>
    128                     <div alt="f167" class="dashicons dashicons-image-rotate-right">rotate right</div>
    129                     <div alt="f168" class="dashicons dashicons-image-flip-vertical">flip vertical</div>
    130                     <div alt="f169" class="dashicons dashicons-image-flip-horizontal">flip horizontal</div>
    131                     <div alt="f533" class="dashicons dashicons-image-filter">filter</div>
    132                     <div alt="f171" class="dashicons dashicons-undo">undo</div>
    133                     <div alt="f172" class="dashicons dashicons-redo">redo</div>
    134 
    135                     <h4><?php _e( 'Databases', 'wporg' ); ?></h4>
    136 
    137                     <!-- databases -->
    138                     <div alt="f170" class="dashicons dashicons-database-add">database add</div>
    139                     <div alt="f17e" class="dashicons dashicons-database">database</div>
    140                     <div alt="f17a" class="dashicons dashicons-database-export">database export</div>
    141                     <div alt="f17b" class="dashicons dashicons-database-import">database import</div>
    142                     <div alt="f17c" class="dashicons dashicons-database-remove">database remove</div>
    143                     <div alt="f17d" class="dashicons dashicons-database-view">database view</div>
    144 
    145                     <h4><?php _e( 'Block Editor', 'wporg' ); ?></h4>
    146 
    147                     <!-- block editor -->
    148                     <div alt="f134" class="dashicons dashicons-align-full-width">align full width</div>
    149                     <div alt="f10a" class="dashicons dashicons-align-pull-left">align pull left</div>
    150                     <div alt="f10b" class="dashicons dashicons-align-pull-right">align pull right</div>
    151                     <div alt="f11b" class="dashicons dashicons-align-wide">align wide</div>
    152                     <div alt="f12b" class="dashicons dashicons-block-default">block default</div>
    153                     <div alt="f11a" class="dashicons dashicons-button">button</div>
    154                     <div alt="f137" class="dashicons dashicons-cloud-saved">cloud saved</div>
    155                     <div alt="f13b" class="dashicons dashicons-cloud-upload">cloud upload</div>
    156                     <div alt="f13c" class="dashicons dashicons-columns">columns</div>
    157                     <div alt="f13d" class="dashicons dashicons-cover-image">cover image</div>
    158                     <div alt="f11c" class="dashicons dashicons-ellipsis">ellipsis</div>
    159                     <div alt="f13e" class="dashicons dashicons-embed-audio">embed audio</div>
    160                     <div alt="f13f" class="dashicons dashicons-embed-generic">embed generic</div>
    161                     <div alt="f144" class="dashicons dashicons-embed-photo">embed photo</div>
    162                     <div alt="f146" class="dashicons dashicons-embed-post">embed post</div>
    163                     <div alt="f149" class="dashicons dashicons-embed-video">embed video</div>
    164                     <div alt="f14a" class="dashicons dashicons-exit">exit</div>
    165                     <div alt="f10e" class="dashicons dashicons-heading">heading</div>
    166                     <div alt="f14b" class="dashicons dashicons-html">html</div>
    167                     <div alt="f14c" class="dashicons dashicons-info-outline">info outline</div>
    168                     <div alt="f10f" class="dashicons dashicons-insert">insert</div>
    169                     <div alt="f14d" class="dashicons dashicons-insert-after">insert after</div>
    170                     <div alt="f14e" class="dashicons dashicons-insert-before">insert before</div>
    171                     <div alt="f14f" class="dashicons dashicons-remove">remove</div>
    172                     <div alt="f15e" class="dashicons dashicons-saved">saved</div>
    173                     <div alt="f150" class="dashicons dashicons-shortcode">shortcode</div>
    174                     <div alt="f151" class="dashicons dashicons-table-col-after">table col after</div>
    175                     <div alt="f152" class="dashicons dashicons-table-col-before">table col before</div>
    176                     <div alt="f15a" class="dashicons dashicons-table-col-delete">table col delete</div>
    177                     <div alt="f15b" class="dashicons dashicons-table-row-after">table row after</div>
    178                     <div alt="f15c" class="dashicons dashicons-table-row-before">table row before</div>
    179                     <div alt="f15d" class="dashicons dashicons-table-row-delete">table row delete</div>
    180 
    181                     <h4><?php _e( 'TinyMCE', 'wporg' ); ?></h4>
    182 
    183                     <!-- tinymce -->
    184                     <div alt="f200" class="dashicons dashicons-editor-bold">bold</div>
    185                     <div alt="f201" class="dashicons dashicons-editor-italic">italic</div>
    186                     <div alt="f203" class="dashicons dashicons-editor-ul">ul</div>
    187                     <div alt="f204" class="dashicons dashicons-editor-ol">ol</div>
    188                     <div alt="f12c" class="dashicons dashicons-editor-ol-rtl">ol rtl</div>
    189                     <div alt="f205" class="dashicons dashicons-editor-quote">quote</div>
    190                     <div alt="f206" class="dashicons dashicons-editor-alignleft">alignleft</div>
    191                     <div alt="f207" class="dashicons dashicons-editor-aligncenter">aligncenter</div>
    192                     <div alt="f208" class="dashicons dashicons-editor-alignright">alignright</div>
    193                     <div alt="f209" class="dashicons dashicons-editor-insertmore">insertmore</div>
    194                     <div alt="f210" class="dashicons dashicons-editor-spellcheck">spellcheck</div>
    195                     <!-- <div alt="f211" class="dashicons dashicons-editor-distractionfree"></div> Duplicate -->
    196                     <div alt="f211" class="dashicons dashicons-editor-expand">expand</div>
    197                     <div alt="f506" class="dashicons dashicons-editor-contract">contract</div>
    198                     <div alt="f212" class="dashicons dashicons-editor-kitchensink">kitchen sink</div>
    199                     <div alt="f213" class="dashicons dashicons-editor-underline">underline</div>
    200                     <div alt="f214" class="dashicons dashicons-editor-justify">justify</div>
    201                     <div alt="f215" class="dashicons dashicons-editor-textcolor">textcolor</div>
    202                     <div alt="f216" class="dashicons dashicons-editor-paste-word">paste</div>
    203                     <div alt="f217" class="dashicons dashicons-editor-paste-text">paste</div>
    204                     <div alt="f218" class="dashicons dashicons-editor-removeformatting">remove formatting</div>
    205                     <div alt="f219" class="dashicons dashicons-editor-video">video</div>
    206                     <div alt="f220" class="dashicons dashicons-editor-customchar">custom character</div>
    207                     <div alt="f221" class="dashicons dashicons-editor-outdent">outdent</div>
    208                     <div alt="f222" class="dashicons dashicons-editor-indent">indent</div>
    209                     <div alt="f223" class="dashicons dashicons-editor-help">help</div>
    210                     <div alt="f224" class="dashicons dashicons-editor-strikethrough">strikethrough</div>
    211                     <div alt="f225" class="dashicons dashicons-editor-unlink">unlink</div>
    212                     <div alt="f320" class="dashicons dashicons-editor-rtl">rtl</div>
    213                     <div alt="f10c" class="dashicons dashicons-editor-ltr">ltr</div>
    214                     <div alt="f474" class="dashicons dashicons-editor-break">break</div>
    215                     <div alt="f475" class="dashicons dashicons-editor-code">code</div>
    216                     <!-- <div alt="f494" class="dashicons dashicons-editor-code-duplicate">code</div> Duplicate -->
    217                     <div alt="f476" class="dashicons dashicons-editor-paragraph">paragraph</div>
    218                     <div alt="f535" class="dashicons dashicons-editor-table">table</div>
    219 
    220                     <h4><?php _e( 'Posts Screen', 'wporg' ); ?></h4>
    221 
    222                     <!-- posts -->
    223                     <div alt="f135" class="dashicons dashicons-align-left">align left</div>
    224                     <div alt="f136" class="dashicons dashicons-align-right">align right</div>
    225                     <div alt="f134" class="dashicons dashicons-align-center">align center</div>
    226                     <div alt="f138" class="dashicons dashicons-align-none">align none</div>
    227                     <div alt="f160" class="dashicons dashicons-lock">lock</div>
    228                     <!-- <div alt="f315" class="dashicons dashicons-lock-duplicate">lock</div> Duplicate -->
    229                     <div alt="f528" class="dashicons dashicons-unlock">unlock</div>
    230                     <div alt="f145" class="dashicons dashicons-calendar">calendar</div>
    231                     <div alt="f508" class="dashicons dashicons-calendar-alt">calendar</div>
    232                     <div alt="f177" class="dashicons dashicons-visibility">visibility</div>
    233                     <div alt="f530" class="dashicons dashicons-hidden">hidden</div>
    234                     <div alt="f173" class="dashicons dashicons-post-status">post status</div>
    235                     <div alt="f464" class="dashicons dashicons-edit">edit pencil</div>
    236                     <div alt="f182" class="dashicons dashicons-trash">trash remove delete</div>
    237                     <div alt="f537" class="dashicons dashicons-sticky">sticky</div>
    238 
    239                     <h4><?php _e( 'Sorting', 'wporg' ); ?></h4>
    240 
    241                     <!-- sorting -->
    242                     <div alt="f504" class="dashicons dashicons-external">external</div>
    243                     <div alt="f142" class="dashicons dashicons-arrow-up">arrow-up</div>
    244                     <!-- <div alt="f143" class="dashicons dashicons-arrow-up-duplicate">arrow up duplicate</div> Duplicate -->
    245                     <div alt="f140" class="dashicons dashicons-arrow-down">arrow-down</div>
    246                     <div alt="f139" class="dashicons dashicons-arrow-right">arrow-right</div>
    247                     <div alt="f141" class="dashicons dashicons-arrow-left">arrow-left</div>
    248                     <div alt="f342" class="dashicons dashicons-arrow-up-alt">arrow-up</div>
    249                     <div alt="f346" class="dashicons dashicons-arrow-down-alt">arrow-down</div>
    250                     <div alt="f344" class="dashicons dashicons-arrow-right-alt">arrow-right</div>
    251                     <div alt="f340" class="dashicons dashicons-arrow-left-alt">arrow-left</div>
    252                     <div alt="f343" class="dashicons dashicons-arrow-up-alt2">arrow-up</div>
    253                     <div alt="f347" class="dashicons dashicons-arrow-down-alt2">arrow-down</div>
    254                     <div alt="f345" class="dashicons dashicons-arrow-right-alt2">arrow-right</div>
    255                     <div alt="f341" class="dashicons dashicons-arrow-left-alt2">arrow-left</div>
    256                     <div alt="f156" class="dashicons dashicons-sort">sort</div>
    257                     <div alt="f229" class="dashicons dashicons-leftright">left right</div>
    258                     <div alt="f503" class="dashicons dashicons-randomize">randomize shuffle</div>
    259                     <div alt="f163" class="dashicons dashicons-list-view">list view</div>
    260                     <div alt="f164" class="dashicons dashicons-excerpt-view">excerpt view</div>
    261                     <div alt="f509" class="dashicons dashicons-grid-view">grid view</div>
    262                     <div alt="f545" class="dashicons dashicons-move">move</div>
    263 
    264                     <h4><?php _e( 'Social', 'wporg' ); ?></h4>
    265 
    266                     <!-- social -->
    267                     <div alt="f237" class="dashicons dashicons-share">share</div>
    268                     <div alt="f240" class="dashicons dashicons-share-alt">share</div>
    269                     <div alt="f242" class="dashicons dashicons-share-alt2">share</div>
    270                     <div alt="f303" class="dashicons dashicons-rss">rss</div>
    271                     <div alt="f465" class="dashicons dashicons-email">email</div>
    272                     <div alt="f466" class="dashicons dashicons-email-alt">email (alt)</div>
    273                     <div alt="f467" class="dashicons dashicons-email-alt2">email (alt2)</div>
    274                     <div alt="f325" class="dashicons dashicons-networking">networking social</div>
    275                     <div alt="f162" class="dashicons dashicons-amazon">amazon</div>
    276                     <div alt="f304" class="dashicons dashicons-facebook">facebook social</div>
    277                     <div alt="f305" class="dashicons dashicons-facebook-alt">facebook social</div>
    278                     <div alt="f18b" class="dashicons dashicons-google">google social</div>
    279                     <!-- <div alt="f462" class="dashicons dashicons-googleplus">googleplus social</div> Defunct -->
    280                     <div alt="f12d" class="dashicons dashicons-instagram">instagram social</div>
    281                     <div alt="f18d" class="dashicons dashicons-linkedin">linkedin social</div>
    282                     <div alt="f192" class="dashicons dashicons-pinterest">pinterest social</div>
    283                     <div alt="f19c" class="dashicons dashicons-podio">podio</div>
    284                     <div alt="f195" class="dashicons dashicons-reddit">reddit social</div>
    285                     <div alt="f196" class="dashicons dashicons-spotify">spotify social</div>
    286                     <div alt="f199" class="dashicons dashicons-twitch">twitch social</div>
    287                     <div alt="f301" class="dashicons dashicons-twitter">twitter social</div>
    288                     <div alt="f302" class="dashicons dashicons-twitter-alt">twitter social</div>
    289                     <div alt="f19a" class="dashicons dashicons-whatsapp">whatsapp social</div>
    290                     <div alt="f19d" class="dashicons dashicons-xing">xing</div>
    291                     <div alt="f19b" class="dashicons dashicons-youtube">youtube social</div>
    292 
    293                     <h4><?php _e( 'WordPress.org Specific: Jobs, Profiles, WordCamps', 'wporg' ); ?></h4>
    294 
    295                     <!-- WPorg specific icons: Jobs, Profiles, WordCamps -->
    296                     <div alt="f308" class="dashicons dashicons-hammer">hammer development</div>
    297                     <div alt="f309" class="dashicons dashicons-art">art design</div>
    298                     <div alt="f310" class="dashicons dashicons-migrate">migrate migration</div>
    299                     <div alt="f311" class="dashicons dashicons-performance">performance</div>
    300                     <div alt="f483" class="dashicons dashicons-universal-access">universal access accessibility</div>
    301                     <div alt="f507" class="dashicons dashicons-universal-access-alt">universal access accessibility</div>
    302                     <div alt="f486" class="dashicons dashicons-tickets">tickets</div>
    303                     <div alt="f484" class="dashicons dashicons-nametag">nametag</div>
    304                     <div alt="f481" class="dashicons dashicons-clipboard">clipboard</div>
    305                     <div alt="f487" class="dashicons dashicons-heart">heart</div>
    306                     <div alt="f488" class="dashicons dashicons-megaphone">megaphone</div>
    307                     <div alt="f489" class="dashicons dashicons-schedule">schedule</div>
    308                     <div alt="f10d" class="dashicons dashicons-tide">Tide</div>
    309                     <div alt="f124" class="dashicons dashicons-rest-api">REST API</div>
    310                     <div alt="f13a" class="dashicons dashicons-code-standards">code standards</div>
    311 
    312                     <h4><?php _e( 'Buddicons' ); ?></h4>
    313 
    314                     <!-- BuddyPress and bbPress specific icons -->
    315                     <div alt="f452" class="dashicons dashicons-buddicons-activity">activity</div>
    316                     <div alt="f477" class="dashicons dashicons-buddicons-bbpress-logo">bbPress logo</div>
    317                     <div alt="f448" class="dashicons dashicons-buddicons-buddypress-logo">BuddyPress logo</div>
    318                     <div alt="f453" class="dashicons dashicons-buddicons-community">community</div>
    319                     <div alt="f449" class="dashicons dashicons-buddicons-forums">forums</div>
    320                     <div alt="f454" class="dashicons dashicons-buddicons-friends">friends</div>
    321                     <div alt="f456" class="dashicons dashicons-buddicons-groups">groups</div>
    322                     <div alt="f457" class="dashicons dashicons-buddicons-pm">private message</div>
    323                     <div alt="f451" class="dashicons dashicons-buddicons-replies">replies</div>
    324                     <div alt="f450" class="dashicons dashicons-buddicons-topics">topics</div>
    325                     <div alt="f455" class="dashicons dashicons-buddicons-tracking">tracking</div>
    326 
    327                     <h4><?php _e( 'Products', 'wporg' ); ?></h4>
    328 
    329                     <!-- internal/products -->
    330                     <div alt="f120" class="dashicons dashicons-wordpress">WordPress</div>
    331                     <div alt="f324" class="dashicons dashicons-wordpress-alt">WordPress</div>
    332                     <div alt="f157" class="dashicons dashicons-pressthis">press this</div>
    333                     <div alt="f463" class="dashicons dashicons-update">update</div>
    334                     <div alt="f113" class="dashicons dashicons-update-alt">update (alt)</div>
    335                     <div alt="f180" class="dashicons dashicons-screenoptions">screenoptions</div>
    336                     <div alt="f348" class="dashicons dashicons-info">info</div>
    337                     <div alt="f174" class="dashicons dashicons-cart">cart shopping</div>
    338                     <div alt="f175" class="dashicons dashicons-feedback">feedback form</div>
    339                     <div alt="f176" class="dashicons dashicons-cloud">cloud</div>
    340                     <div alt="f326" class="dashicons dashicons-translation">translation language</div>
    341 
    342                     <h4><?php _e( 'Taxonomies', 'wporg' ); ?></h4>
    343 
    344                     <!-- taxonomies -->
    345                     <div alt="f323" class="dashicons dashicons-tag">tag</div>
    346                     <div alt="f318" class="dashicons dashicons-category">category</div>
    347 
    348                     <h4><?php _e( 'Widgets', 'wporg' ); ?></h4>
    349 
    350                     <!-- widgets -->
    351                     <div alt="f480" class="dashicons dashicons-archive">archive</div>
    352                     <div alt="f479" class="dashicons dashicons-tagcloud">tagcloud</div>
    353                     <div alt="f478" class="dashicons dashicons-text">text</div>
    354 
    355                     <h4><?php _e( 'Notifications', 'wporg' ); ?></h4>
    356 
    357                     <!-- alerts/notifications/flags -->
    358                     <div alt="f16d" class="dashicons dashicons-bell">bell</div>
    359                     <div alt="f147" class="dashicons dashicons-yes">yes check checkmark</div>
    360                     <div alt="f12a" class="dashicons dashicons-yes-alt">yes check checkmark (alt)</div>
    361                     <div alt="f158" class="dashicons dashicons-no">no x</div>
    362                     <div alt="f335" class="dashicons dashicons-no-alt">no x</div>
    363                     <div alt="f132" class="dashicons dashicons-plus">plus add increase</div>
    364                     <div alt="f502" class="dashicons dashicons-plus-alt">plus add increase</div>
    365                     <div alt="f543" class="dashicons dashicons-plus-alt2">plus add increase</div>
    366                     <div alt="f460" class="dashicons dashicons-minus">minus decrease</div>
    367                     <div alt="f153" class="dashicons dashicons-dismiss">dismiss</div>
    368                     <div alt="f159" class="dashicons dashicons-marker">marker</div>
    369                     <div alt="f155" class="dashicons dashicons-star-filled">filled star</div>
    370                     <div alt="f459" class="dashicons dashicons-star-half">half star</div>
    371                     <div alt="f154" class="dashicons dashicons-star-empty">empty star</div>
    372                     <div alt="f227" class="dashicons dashicons-flag">flag</div>
    373                     <div alt="f534" class="dashicons dashicons-warning">warning</div>
    374 
    375                     <h4><?php _e( 'Misc', 'wporg' ); ?></h4>
    376 
    377                     <!-- misc/cpt -->
    378                     <div alt="f230" class="dashicons dashicons-location">location pin</div>
    379                     <div alt="f231" class="dashicons dashicons-location-alt">location</div>
    380                     <div alt="f178" class="dashicons dashicons-vault">vault safe</div>
    381                     <div alt="f332" class="dashicons dashicons-shield">shield</div>
    382                     <div alt="f334" class="dashicons dashicons-shield-alt">shield</div>
    383                     <div alt="f468" class="dashicons dashicons-sos">sos help</div>
    384                     <div alt="f179" class="dashicons dashicons-search">search</div>
    385                     <div alt="f181" class="dashicons dashicons-slides">slides</div>
    386                     <div alt="f121" class="dashicons dashicons-text-page">text page</div>
    387                     <div alt="f183" class="dashicons dashicons-analytics">analytics</div>
    388                     <div alt="f184" class="dashicons dashicons-chart-pie">pie chart</div>
    389                     <div alt="f185" class="dashicons dashicons-chart-bar">bar chart</div>
    390                     <div alt="f238" class="dashicons dashicons-chart-line">line chart</div>
    391                     <div alt="f239" class="dashicons dashicons-chart-area">area chart</div>
    392                     <div alt="f307" class="dashicons dashicons-groups">groups</div>
    393                     <div alt="f338" class="dashicons dashicons-businessman">businessman</div>
    394                     <div alt="f12f" class="dashicons dashicons-businesswoman">businesswoman</div>
    395                     <div alt="f12e" class="dashicons dashicons-businessperson">businessperson</div>
    396                     <div alt="f336" class="dashicons dashicons-id">id</div>
    397                     <div alt="f337" class="dashicons dashicons-id-alt">id</div>
    398                     <div alt="f312" class="dashicons dashicons-products">products</div>
    399                     <div alt="f313" class="dashicons dashicons-awards">awards</div>
    400                     <div alt="f314" class="dashicons dashicons-forms">forms</div>
    401                     <div alt="f473" class="dashicons dashicons-testimonial">testimonial</div>
    402                     <div alt="f322" class="dashicons dashicons-portfolio">portfolio</div>
    403                     <div alt="f330" class="dashicons dashicons-book">book</div>
    404                     <div alt="f331" class="dashicons dashicons-book-alt">book</div>
    405                     <div alt="f316" class="dashicons dashicons-download">download</div>
    406                     <div alt="f317" class="dashicons dashicons-upload">upload</div>
    407                     <div alt="f321" class="dashicons dashicons-backup">backup</div>
    408                     <div alt="f469" class="dashicons dashicons-clock">clock</div>
    409                     <div alt="f339" class="dashicons dashicons-lightbulb">lightbulb</div>
    410                     <div alt="f482" class="dashicons dashicons-microphone">microphone mic</div>
    411                     <div alt="f472" class="dashicons dashicons-desktop">desktop monitor</div>
    412                     <div alt="f547" class="dashicons dashicons-laptop">laptop</div>
    413                     <div alt="f471" class="dashicons dashicons-tablet">tablet ipad</div>
    414                     <div alt="f470" class="dashicons dashicons-smartphone">smartphone iphone</div>
    415                     <div alt="f525" class="dashicons dashicons-phone">phone</div>
    416                     <div alt="f510" class="dashicons dashicons-index-card">index card</div>
    417                     <div alt="f511" class="dashicons dashicons-carrot">carrot food vendor</div>
    418                     <div alt="f512" class="dashicons dashicons-building">building</div>
    419                     <div alt="f513" class="dashicons dashicons-store">store</div>
    420                     <div alt="f514" class="dashicons dashicons-album">album</div>
    421                     <div alt="f527" class="dashicons dashicons-palmtree">palm tree</div>
    422                     <div alt="f524" class="dashicons dashicons-tickets-alt">tickets (alt)</div>
    423                     <div alt="f526" class="dashicons dashicons-money">money</div>
    424                     <div alt="f18e" class="dashicons dashicons-money-alt">money alt</div>
    425                     <div alt="f328" class="dashicons dashicons-smiley">smiley smile</div>
    426                     <div alt="f529" class="dashicons dashicons-thumbs-up">thumbs up</div>
    427                     <div alt="f542" class="dashicons dashicons-thumbs-down">thumbs down</div>
    428                     <div alt="f538" class="dashicons dashicons-layout">layout</div>
    429                     <div alt="f546" class="dashicons dashicons-paperclip">paperclip</div>
    430                     <div alt="f131" class="dashicons dashicons-color-picker">color picker</div>
    431                     <div alt="f327" class="dashicons dashicons-edit-large">edit large</div>
    432                     <div alt="f186" class="dashicons dashicons-edit-page">edit page</div>
    433                     <div alt="f15f" class="dashicons dashicons-airplane">airplane</div>
    434                     <div alt="f16a" class="dashicons dashicons-bank">bank</div>
    435                     <div alt="f16c" class="dashicons dashicons-beer">beer</div>
    436                     <div alt="f16e" class="dashicons dashicons-calculator">calculator</div>
    437                     <div alt="f16b" class="dashicons dashicons-car">car</div>
    438                     <div alt="f16f" class="dashicons dashicons-coffee">coffee</div>
    439                     <div alt="f17f" class="dashicons dashicons-drumstick">drumstick</div>
    440                     <div alt="f187" class="dashicons dashicons-food">food</div>
    441                     <div alt="f188" class="dashicons dashicons-fullscreen-alt">fullscreen alt</div>
    442                     <div alt="f189" class="dashicons dashicons-fullscreen-exit-alt">fullscreen exit alt</div>
    443                     <div alt="f18a" class="dashicons dashicons-games">games</div>
    444                     <div alt="f18c" class="dashicons dashicons-hourglass">hourglass</div>
    445                     <div alt="f18f" class="dashicons dashicons-open-folder">open folder</div>
    446                     <div alt="f190" class="dashicons dashicons-pdf">pdf</div>
    447                     <div alt="f191" class="dashicons dashicons-pets">pets</div>
    448                     <div alt="f193" class="dashicons dashicons-printer">printer</div>
    449                     <div alt="f194" class="dashicons dashicons-privacy">privacy</div>
    450                     <div alt="f198" class="dashicons dashicons-superhero">superhero</div>
    451                     <div alt="f197" class="dashicons dashicons-superhero-alt">superhero</div>
     37                <?php
     38                foreach ( DevHub_Dashicons::get_dashicons() as $group => $group_info ) :
     39                    echo "<h4>{$group_info['label']}</h4>\n\n";
     40                    echo "<!-- {$group} -->\n";
     41
     42                    foreach ( $group_info['icons'] as $name => $info ) {
     43                        printf(
     44                            '<div alt="%s" class="dashicons %s">%s</div>' . "\n",
     45                            $info['code'],
     46                            $name,
     47                            $info['keywords']
     48                        );
     49                    }
     50                endforeach;
     51                ?>
    45252
    45353                </div>
    454 
    45554            </div>
    45655
Note: See TracChangeset for help on using the changeset viewer.