Sascha's Wiki

SVG Icon für Custom Post Type

1. Icon auswählen
  1. SVG Icon aussuchen. Beispielsweise bei FontAwesome
2. SVG File bearbeiten
  1. Wichtig ist, dass man bei dem SVG File folgende Anpassungen vornimmt
    1. Breite und Höhe auf 20 setzen
    2. Füllfarbe auf schwarz

<?xml version="1.0" encoding="utf-8"?>
<svg width="20" height="20" 
  viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
<path fill="black" 
  d="M844 472q0 60-19 113.5t-63 92.5-105 39q-76 0-138-57.5t-92-135.5-30-151q0-60 19-113.5t63-92.5 105-39q77 0 
  138.5 57.5t91.5 135 30 151.5zm-342 483q0 80-42 139t-119 59q-76 0-141.5-55.5t-100.5-133.5-35-152q0-80 
  42-139.5t119-59.5q76 0 141.5 55.5t100.5 134 35 152.5zm394-27q118 0 255 97.5t229 237 92 254.5q0 46-17 
  76.5t-48.5 45-64.5 20-76 5.5q-68 0-187.5-45t-182.5-45q-66 0-192.5 44.5t-200.5 44.5q-183 0-183-146 0-86 
  56-191.5t139.5-192.5 187.5-146 193-59zm239-211q-61 0-105-39t-63-92.5-19-113.5q0-74 30-151.5t91.5-135 
  138.5-57.5q61 0 105 39t63 92.5 19 113.5q0 73-30 151t-92 135.5-138 57.5zm432-104q77 0 119 59.5t42 139.5q0 
  74-35 152t-100.5 133.5-141.5 55.5q-77 0-119-59t-42-139q0-74 35-152.5t100.5-134 141.5-55.5z"/>
</svg>

add_action('init', 'my_init');
function my_init() {
    $svg = file_get_contents(get_bloginfo('template_directory').'/functions/paw.svg');
    register_post_type('labs', [
        'label' => 'Labs',
        // .. ect
        'menu_icon' => 'data:image/svg+xml;base64,' . base64_encode($svg)
     ]);
}

webdev/wordpress/custom_post_type_icon.txt · Zuletzt geändert: 2017/11/03 13:44 von changer