Создать Favicon онлайн
21 сентября 2019 WordPress
В этой статье создадим значок Favicon и иконки сайта на CMS WordPress для Microsoft, Android и iOS (iPhone, iPad) с помощью онлайн-генератора. Но вы можете использовать этот пример для любого сайта на любой CMS.
Для создания иконок воспользуемся онлайн-сервисом
Сервис позволяет генерировать иконки сайта для различных устройств и приложений из любой картинки.
Для начала необходимо подготовить изображение для будущей иконки в формате .png, .jpg или .gif. Желательно, чтобы оно было квадратным.
Выбираем файл и нажимаем Create Favicon.
Скачиваем архив с сгенерированными иконками по ссылке Download the generated favicon и сохраняем текст HTML-кода. Если нужно, на этом сайте поверка счетчиков воды.
Помещаем содержимое архива в папку на сайте. Я поместил в папку img/fav/ в папке с текущей темой WordPpress.
И размещаем HTML-код между тегами <head></head> вашей темы, предварительно указав в ссылках путь до папки с иконками. У меня этот код находится в файле header.php, а путь до папки <?php echo get_template_directory_uri();?>/img/fav/
<link rel="apple-touch-icon" sizes="57x57" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_template_directory_uri();?>/img/fav/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="<?php echo get_template_directory_uri();?>/img/fav/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="<?php echo get_template_directory_uri();?>/img/fav/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="<?php echo get_template_directory_uri();?>/img/fav/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="<?php echo get_template_directory_uri();?>/img/fav/favicon-16x16.png"> <link rel="manifest" href="<?php echo get_template_directory_uri();?>/img/fav/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri();?>/img/fav/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">
В повседневной работе часто приходится сталкиваться с переносом сайта на Wordpress с локального или тестового домена на основной. Для этого необходимо не только скопировать файлы, базу данных и поменять настройки в конфигурационном файле, но и сделать ряд SQL-запросов, чтобы прописать Читать далее
Самый оптимальный и простой код файла robots.txt для вашего сайта на WordPress, который подойдет для всех поисковиков. Этот вариант использую на данном сайте. Не забудьте заменить it-blog.ru на адрес вашего сайта. Содержание файла robots.txt для WordPress Если вы используете HTTPS, Читать далее
Произвольные типы записей позволяют разделить посты не только по категориям, но и по их типу с собственными названиями и рубриками. Это что-то типо инфоблока, как в CMS 1С-Битрикс. По умолчанию в WordPress есть возможность добавлять записи и их рубрики. К Читать далее
Произвольные поля или как их еще называют кастомные или доп. поля в WordPress очень нужная вещь, особенно при создании например сайта-каталога. С помощью доп. полей можно добавить к записям возможность указывать например цену или цвет, а затем выводить сохраненное значение Читать далее
Когда я создавал свой первый плагин, то оказалось, что в сети очень мало информации по этому вопросу. С трудом удалось найти даже основы. Надеюсь эта статья поможет вам научиться писать различные плагины для WordPress. Наверняка вы уже пользовались и знаете, Читать далее
По большей части публикации про применение Ajax в WordPress сложные для понимания, особенно если вы мало знакомы с этой технологией. В этой статье я покажу, как на самом деле просто использовать Ajax в публичной части сайта. Ajax запросы в WordPress Читать далее
Кнопка "Показать ещё" и бесконечный скроллинг - это по сути постраничная навигация, которая подгружает следующую страницу с постами без перезагрузки страницы. Подобные примеры часто можно встретить в лентах соц. сетей. В этом примере показана реализация кнопки "Показать ещё" и бесконечного Читать далее
Добавить комментарий