diff -r cf61fcea0001 -r c7c34916027a wp/wp-content/themes/twentyseventeen/inc/icon-functions.php --- a/wp/wp-content/themes/twentyseventeen/inc/icon-functions.php Mon Oct 14 17:39:30 2019 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,220 +0,0 @@ - '', - 'title' => '', - 'desc' => '', - 'fallback' => false, - ); - - // Parse args. - $args = wp_parse_args( $args, $defaults ); - - // Set aria hidden. - $aria_hidden = ' aria-hidden="true"'; - - // Set ARIA. - $aria_labelledby = ''; - - /* - * Twenty Seventeen doesn't use the SVG title or description attributes; non-decorative icons are described with .screen-reader-text. - * - * However, child themes can use the title and description to add information to non-decorative SVG icons to improve accessibility. - * - * Example 1 with title: 'arrow-right', 'title' => __( 'This is the title', 'textdomain' ) ) ); ?> - * - * Example 2 with title and description: 'arrow-right', 'title' => __( 'This is the title', 'textdomain' ), 'desc' => __( 'This is the description', 'textdomain' ) ) ); ?> - * - * See https://www.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/. - */ - if ( $args['title'] ) { - $aria_hidden = ''; - $unique_id = uniqid(); - $aria_labelledby = ' aria-labelledby="title-' . $unique_id . '"'; - - if ( $args['desc'] ) { - $aria_labelledby = ' aria-labelledby="title-' . $unique_id . ' desc-' . $unique_id . '"'; - } - } - - // Begin SVG markup. - $svg = ''; - - // Display the title. - if ( $args['title'] ) { - $svg .= '' . esc_html( $args['title'] ) . ''; - - // Display the desc only if the title is already set. - if ( $args['desc'] ) { - $svg .= '' . esc_html( $args['desc'] ) . ''; - } - } - - /* - * Display the icon. - * - * The whitespace around `` is intentional - it is a work around to a keyboard navigation bug in Safari 10. - * - * See https://core.trac.wordpress.org/ticket/38387. - */ - $svg .= ' '; - - // Add some markup to use as a fallback for browsers that do not support SVGs. - if ( $args['fallback'] ) { - $svg .= ''; - } - - $svg .= ''; - - return $svg; -} - -/** - * Display SVG icons in social links menu. - * - * @param string $item_output The menu item output. - * @param WP_Post $item Menu item object. - * @param int $depth Depth of the menu. - * @param array $args wp_nav_menu() arguments. - * @return string $item_output The menu item output with social icon. - */ -function twentyseventeen_nav_menu_social_icons( $item_output, $item, $depth, $args ) { - // Get supported social icons. - $social_icons = twentyseventeen_social_links_icons(); - - // Change SVG icon inside social links menu if there is supported URL. - if ( 'social' === $args->theme_location ) { - foreach ( $social_icons as $attr => $value ) { - if ( false !== strpos( $item_output, $attr ) ) { - $item_output = str_replace( $args->link_after, '' . twentyseventeen_get_svg( array( 'icon' => esc_attr( $value ) ) ), $item_output ); - } - } - } - - return $item_output; -} -add_filter( 'walker_nav_menu_start_el', 'twentyseventeen_nav_menu_social_icons', 10, 4 ); - -/** - * Add dropdown icon if menu item has children. - * - * @param string $title The menu item's title. - * @param WP_Post $item The current menu item. - * @param array $args An array of wp_nav_menu() arguments. - * @param int $depth Depth of menu item. Used for padding. - * @return string $title The menu item's title with dropdown icon. - */ -function twentyseventeen_dropdown_icon_to_menu_link( $title, $item, $args, $depth ) { - if ( 'top' === $args->theme_location ) { - foreach ( $item->classes as $value ) { - if ( 'menu-item-has-children' === $value || 'page_item_has_children' === $value ) { - $title = $title . twentyseventeen_get_svg( array( 'icon' => 'angle-down' ) ); - } - } - } - - return $title; -} -add_filter( 'nav_menu_item_title', 'twentyseventeen_dropdown_icon_to_menu_link', 10, 4 ); - -/** - * Returns an array of supported social links (URL and icon name). - * - * @return array $social_links_icons - */ -function twentyseventeen_social_links_icons() { - // Supported social links icons. - $social_links_icons = array( - 'behance.net' => 'behance', - 'codepen.io' => 'codepen', - 'deviantart.com' => 'deviantart', - 'digg.com' => 'digg', - 'docker.com' => 'dockerhub', - 'dribbble.com' => 'dribbble', - 'dropbox.com' => 'dropbox', - 'facebook.com' => 'facebook', - 'flickr.com' => 'flickr', - 'foursquare.com' => 'foursquare', - 'plus.google.com' => 'google-plus', - 'github.com' => 'github', - 'instagram.com' => 'instagram', - 'linkedin.com' => 'linkedin', - 'mailto:' => 'envelope-o', - 'medium.com' => 'medium', - 'pinterest.com' => 'pinterest-p', - 'pscp.tv' => 'periscope', - 'getpocket.com' => 'get-pocket', - 'reddit.com' => 'reddit-alien', - 'skype.com' => 'skype', - 'skype:' => 'skype', - 'slideshare.net' => 'slideshare', - 'snapchat.com' => 'snapchat-ghost', - 'soundcloud.com' => 'soundcloud', - 'spotify.com' => 'spotify', - 'stumbleupon.com' => 'stumbleupon', - 'tumblr.com' => 'tumblr', - 'twitch.tv' => 'twitch', - 'twitter.com' => 'twitter', - 'vimeo.com' => 'vimeo', - 'vine.co' => 'vine', - 'vk.com' => 'vk', - 'wordpress.org' => 'wordpress', - 'wordpress.com' => 'wordpress', - 'yelp.com' => 'yelp', - 'youtube.com' => 'youtube', - ); - - /** - * Filter Twenty Seventeen social links icons. - * - * @since Twenty Seventeen 1.0 - * - * @param array $social_links_icons Array of social links icons. - */ - return apply_filters( 'twentyseventeen_social_links_icons', $social_links_icons ); -}