Поддержка Проблемы и решения Проблемы с настройкой apple-touch-icon-precomposed

  • Решено Ole4kaVladimirovna

    (@ole4kavladimirovna)


    Доброго времени суток!

    Помогите мне настроить apple-touch-icon-precomposed. Я в корень сайта загрузила соответствующих размеров изображения, подписала каждый apple-touch-icon-57×57-precomposed.png и т.д. Далее в header.php перед </header> поставила следующий код:

    <!-- iPad с Retina дисплеем iOS ≥ 7: -->
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152-precomposed.png">
    <link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png">
    <!-- iPad с Retina дисплеем iOS ≤ 6: -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
    <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">
    <!-- iPhone с Retina дисплеем iOS ≥ 7: -->
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120-precomposed.png">
    <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png">
    <!-- iPhone с Retina дисплеем iOS ≤ 6: -->
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
    <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
    <!-- the iPad mini, 1е и 2е поколение iPad после iOS ≥ 7: -->
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76-precomposed.png">
    <link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png">
    <!-- the iPad mini, 1е и 2е поколение iPad до iOS ≤ 6: -->
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
    <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
    <!-- non-Retina iPhone, iPod Touch, and Android 2.1+: -->
    <link rel="apple-touch-icon-precomposed"  sizes="57x57" href="apple-touch-icon-57x57-precomposed.png">
    <link rel="apple-touch-icon"  sizes="57x57" href="apple-touch-icon-57x57.png">
    <!-- non-Retina iPhone, iPod Touch, and Android 2.1+: -->
    <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">

    Но у меня все-равно постоянно приходят сообщения — ошибка 404. Помогите, пожалуйста, что я не так сделала, как избавиться от такой ошибки. Статей в инете куча, но все написаны для профи, но чайнику, как я, разобраться тяжело.

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Неужели нет специалистов, которые могут помочь?

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    1. У вас в атрибуте href указаны имена файлов относительно текущего каталога. Это работает для главной страницы, но не для остальных.
      Т.е. на странице http://selxozinfo.com.ua/o-sajte/ сервер будет искать файлы вида /o-sajte/apple-touch-icon-precomposed.png, которых нет.

      Нужно для каждого файла указать полную ссылку (с именем домена):
      http://selxozinfo.com.ua/apple-touch-icon-precomposed.png
      Или ссылку относительно корневого каталога (со слешем впереди):
      /apple-touch-icon-precomposed.png

    2. Эти файлы в корневом каталоге отсутствуют:
      apple-touch-icon-114x114-precomposed.png
      apple-touch-icon-precomposed.png

    Спасибо, Сергей, за помощь)

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Проблемы с настройкой apple-touch-icon-precomposed» закрыта для новых ответов.