Как правильно добавить значок в Wordpress без плагина? [закрыто]


11

Как правильно добавить значок в Wordpress без плагина ?

Я просто помещаю файл favicon.icoс моей иконкой в ​​корень моего сайта?

Мне также нужен этот код?

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

Некоторые говорят, что это код:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

И это для айфонов?

<link rel="apple-touch-icon" href="/customIcon.png" />

Любые предложения по программному обеспечению, чтобы создать его или преобразовать его из эскиза? А какие типы файлов поддерживаются - просто .ico?

Я видел другую ветку с таким количеством методов, и мне было неясно, как лучше всего справляться с этой простой задачей: как изменить значок WordPress?


6
Почему без ограничений плагинов ?
Чип Беннетт

3
Вопрос содержит в себе слишком много не по теме материала. Закрытое голосование.
Кайзер

Ответы:


15

Я обычно помещаю значки в папку с изображениями в моей теме, поэтому я бы использовал

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

отредактировано: чтобы добавить иконку apple touch к комментарию и уточнить, что если вы используете дочернюю тему, но значок находится в папке изображений родительской темы, вы должны использовать

get_template_directory_url();

если вы не используете дочернюю тему, то либо будет работать

Я обычно создаю свои значки сайта здесь: http://tools.dynamicdrive.com/favicon/


В случае детской темы, не лучше ли использовать get_template_directory_uriвместо этого? В ответ на первоначальный вопрос, я добавил 114x114px Apple , значок , как это: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. Также есть много документации по добавлению значков и значков Apple здесь: github.com/h5bp/html5-boilerplate

1
я думаю, что html5bp ушел от добавления их в шапку. если вы поместите значки с правильными именами в корень сайта, большинство браузеров найдут их автоматически. но чтобы ответить на ваш вопрос, дочерняя тема по сравнению с родительской ... это на самом деле зависит от того, где вы храните изображение значка. get_template_directory_uri () получает URL родительской темы, тогда как stylesheet_directory_uri () получает URL дочернего, ЕСЛИ это дочерний ИЛИ родительский URL, если это активированная тема.
helgatheviking

Вы правы. Я их обоих перепутал ... html5bp действительно удалил их из заголовка, но в источнике все еще есть отличная документация (в основном о значках Apple) mathiasbynens.be/notes/touch-icons

11

На самом деле, правильный способ добавить значок сайта - использовать плагин , чтобы добавленный значок не зависел от темы . По сути, используйте метод @ helgatheviking, но поместите его в пользовательский плагин , а не в functions.phpфайл вашей темы .

Примечание: если вы используете домен верхнего уровня, т. Е. example.comПросто перетащите favicon.icoв корень документа, и все готово. Для всего остального создайте собственный плагин .

Примечание 2: Обратитесь к Trac Ticket # 16434 . В ядро ​​добавляется опция favicon для сайта, надеюсь, одна из версий появится в следующем выпуске 3.4.


на днях мне нужно использовать фрагмент Отто. К счастью, люди не меняют свою тему ежедневно, но я полностью согласен с тем, что значки (и типы сообщений и т. д.) не должны зависеть от темы. с нетерпением жду этого прихода в ядро.
helgatheviking

Это на самом деле даже не столько "фрагмент". Думайте об этом как о functions.phpфайле Темы с определенным заголовком phpDoc, который находится внутри, wp-content\plugins\some-plugin\nameа не внутри wp-content\themes\some-theme-name.
Чип Беннетт

2

1
Мы немного отстаем - возможно, его нет в 3.4. Мы узнаем больше после сегодняшней встречи.
Том Оже

@TomAuger Спасибо, что держите это в курсе. Не стесняйтесь просто редактировать ответ, когда у вас полный статус.
Кайзер

1

Многое будет зависеть от темы, которую вы используете. Если тема определяет ваш значок (с <link>тегом в заголовке), вам нужно заменить его favicon.icoв своей теме, чтобы изменить его.

Но если ваша тема ничего не определяет, размещения favicon.icoв корне вашего сайта должно быть достаточно.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.