Який правильний спосіб додати фавікон у 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" />

І це для iPhone?

<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');

відредаговано: щоб додати значок дотику до яблука за коментарем та уточнити, що якщо ви використовуєте дочірню тему, але фавікон знаходиться у папці із зображеннями батьківської теми, ви використовуєте

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">. Тут також є ще багато документації щодо додавання піктограм Favicons

1
Я думаю, що html5bp відійшов від додавання їх у заголовок. якщо розмістити піктограми w / правильні назви в корені сайту, більшість браузерів їх знайде автоматично. але щоб відповісти на ваше запитання, дочірня тема проти батьківської ... насправді залежить від того, де ви зберігаєте зображення фавікону. get_template_directory_uri () отримує URL-адресу батьківської теми, тоді як stylesheet_directory_uri () отримує URL-адресу дитини, якщо це дитина або АБО батьків, якщо це активована тема.
helgatheviking

Ти маєш рацію. У мене вони обоє змішані ... html5bp дійсно видалив їх із заголовка, але в джерелі все ще є чудова документація (переважно про іконки Apple) mathiasbynens.be/notes/touch-icons

11

Насправді правильний метод додавання фавікону здійснюється за допомогою плагіна , так що доданий фавікон не залежить від теми . По суті, використовуйте метод @ helgatheviking, але введіть його у користувацький плагін , а не у functions.phpфайл своєї теми .

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

Примітка 2: див. Трок-квиток № 16434 . До основної версії додається опція веб-сайту, яка, сподіваємось, одна з версій, яка надійде в майбутньому версії 3.4.


в один із днів мені потрібно використовувати фрагмент otto. на щастя, люди не змінюють свою тему щодня, але я погоджуюся, що фавікони (та типи публікацій тощо) не повинні залежати від теми. з нетерпінням чекаю, що це стане основою.
helgatheviking

Це насправді навіть не такий «фрагмент». Розгляньте це як файл теми functions.php, із конкретним заголовком phpDoc, який живе wp-content\plugins\some-plugin\nameзамість in 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.