Меню Рубрики

Установка иконки сайта ucoz

База знаний uCoz

В инструкции рассмотрены следующие вопросы:

Зачем нужен favicon для сайта?

Favicon (англ. favorite icon — избранный значок) — это небольшое изображение, которое ассоциируется с определенным вебсайтом. Вы, наверняка, замечали, что у каждого сайта есть такая иконка:

Вот где можно увидеть такую иконку:

  • Закладки и вкладки браузера
  • Результаты поиска Яндекс, Google
  • Каталоги и рейтинги, которые загружают favicon сайтов
  • Панель задач и рабочий стол операционной системы

Иконка сайта позволяет пользователям быстрее находить сайт во вкладках браузера или результатах поиска. Favicon повышает узнаваемость сайта.

Где взять иконку для сайта?

По умолчанию все сайты uCoz имеют стандартный favicon. Чтобы получить свою иконку сайта, вы можете сделать следующее:

  • Найти в интернете готовый файл иконки с расширением .ico (например, здесь)
  • Перевести изображение в иконку с помощью онлайн сервисов конвертации или специальных программ
  • Самостоятельно нарисовать иконку в графическом редакторе (например, в GIMP)

При создании файла favicon.ico важно знать, что иконка должна быть квадратной. Рекомендованные размеры 16х16, 32х32 и 48х48 пикселей.

Наряду с расширением .ico, в настоящее время используются иконки формата .png. Разрешение таких изображений может достигать 180×180 пикселей.

Как установить иконку на сайт?

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

Стандартная иконка favicon.ico будет заменена на новую и через некоторое время вы сможете увидеть ее во вкладках браузера, в закладках и в результатах поисковых систем.

Чтобы иконка отобразилась сразу, достаточно открыть ее по прямой ссылке http:// ваш-сайт.ру /favicon.ico и несколько раз выполнить комбинацию клавиш CTRL+F5. В результате вы в кеше обновите иконку на новую, далее при открытии главной страницы сайта просто обновите ее несколько раз и иконка в вкладке должна обновиться на новую.

Как объявить Apple Touch icon и плитку для Windows 10?

Apple Touch icon используется на многих платформах за пределами iOS. Поэтому важно предусмотреть несколько размеров иконок, чтобы каждая платформа смогла выбрать подходящую:

В Windows 10 есть плитки, иконки к которым могут быть объявлены следующим образом:

источник

Установка иконки сайта ucoz

Давненько я не писал новые уроки по ucoz просто пока времени нет. Сегодня я покажу как поменять иконку ucoz, простым способом. То есть даже не нужно будет залазить в код сайта, что бы поменять её.

Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.

Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.

Для начало пожалуй нужно найти или создать иконку для своего сайта. Создать иконку можно разными путями, можно в фотошопе, это конечно если вы разбираетесь в этой программе. Так-же иконку можно создать на специальных сайтах, просто на такой сайт загрузить картинку вашей будущей иконки и в ответ получить готовую иконку. На пример на сайте favicon.ru можно иконки создавать бесплатно.

С этим сайтом разобраться очень просто, просто загрузите картинку по кнопке обзор

Далее откроется страница на которой при помощи рамке выберите область на картинке, эта та область которая буде отображаться как иконка на вашем сайте, далее нажмите на кнопку далее.

На следующий странице откроется область в которой как в фотошопе можно дорисовать свою картинку, а вот под этим редактором можно посмотреть как будет выглядеть картинка в закладке сайта.

После того как картинка готова, нажмите на кнопку скачать. Откроется ещё одна страница на которой будет кнопка скачать, нажмите на эту кнопку и скачайте к себе на компьютер готовую иконку.

Если иконку скачали убедитесь что её название favicon

Скачиваем иконку в интернете

В интернете есть огромное количество иконок favicon, вам только нужно найти подходящую для своего сайта, скачать и установить её. Это делается очень просто, в яндексе забейте слово скачать иконки favicon откроется много сайтов на которых найдите для себя то что вам понравится.

К примеру вот этот сайт — favicon.by/collection

Имеет в своей базе большое количество иконок, вы можете выбрать для себя понравившуюся нажать на неё и скачать. Файл который вы скачаете должен иметь название и расширение favicon.ico

Устанавливаем иконку favicon на сайте

Здесь тоже нет нечего сложного, в системе uСoz всё сделано для людей которые мало разбираются в вебпрограммировании, по этому что бы установить иконку на сайт вам не понадобится залазить в код, достаточно только закачать готовую иконку в корень сайта.

Читайте также:  Установка подогревателя peugeot 308

Как это сделать:

Всё очень просто, зайдите в панель управления и на главной странице отыщите файловый менеджер.

В него загрузите с компьютера иконку которую вы скачали из интернета.

Теперь перейдите на сайт и обновите его, иконка должна была поменяться.

Если этого не произошло, не пугайтесь! Всё дело в браузере, он ещё не обновился. Нужно будет подождать какое то время, либо удалить cookie. Советую просто зайти с другого браузера на свой сайт и посмотреть, всё должно сработать.

Cookie — это специальный файл который хранит данный о посещаемых сайтах. В него входят сохранённые пароли, время и дата и много других параметров. К примеру сохранённые пароли не нужно постоянно в водить заново при каждом посещении сайта, cookie их сохранил в своём хранилище и постоянно загружает как только вы заходите на сайт. Так-же и иконка постоянно загружается из cookie, по этому вы видите старую иконку хотя давным давно поменяли на новую. Что бы увидить новою иконку достаточно удалить старые данные из куки.

источник

Как поменять иконку сайта favicon на uCoz

В этом материале я не только отвечаю на вопрос, как установить свою иконку favicon на сайт в системе uCoz, но и указываю, как сделать favicon.ico и делюсь с Вами коллекцией иконок для сайта.

Favicon – значок веб-сайта или веб-страницы. В браузерах отображается возле заголовка сайта и/или адреса сайта. Действия описанные в статье дают вот такой результат:

Как сделать иконку favicon.ico

Для создания иконки сайта используйте серивис favicon.ru или favicon.cc. Здесь можно самостоятельно нарисовать значок или загрузить изображение с компьютера для конвертирования (можно, например, взять из нашего раздела иконки).

После загрузки изображения или после того, как Вы нарисовали значок, нажимайте «Сохранить Favicon».

Готовые фавиконки можно скачать здесь. Я загрузил 101 иконку favicon, нажмите на картинку справа, чтобы скачать.

Для создания значка можно использовать и специальные программы. Например, Microangelo или Delphi. Я предлагаю воспользоваться онлайн-генераторами, т.к. это проще.

Как установить иконку favicon.ico на uCoz сайт

1. Файл иконки называют favicon (favicon.ico), предпочтительный формат – ICO, но возможны и другие форматы: GIF, JPEG, PNG и BMP. Загрузите файл «favicon.ico» через файловый менеджер или FTP в корневой каталог сайта. Файловый менеджер можно найти на главной странице панели правления сайтом.

2. Добавьте код между и (Например, Управление дизайном — Страницы сайта):

Можно указать несколько изображений в разных форматах — например, строку с rel=»shortcut icon» и значком в формате ICO для Internet Explorer, и строку с rel=»icon» и значком в формате GIF или PNG для остальных браузеров.

Проверьте правильность пути к иконке в атрибуте href. Если Вы используете для иконки формат не ICO, то измените значение type на нужное:

  • image/x-icon для формата ICO;
  • image/gif для формата GIF;
  • image/jpeg для формата JPEG;
  • image/png для формата PNG;
  • image/bmp для формата BMP.

Поддержка форматов иконок браузерами:

Если Вы хотите использовать анимированную иконку, то советуем сделать 2 иконки (в формате GIF и ICO) и 2 строчки кода для них. В случае если браузер поддерживает анимированные иконки, будет показываться GIF-версия.

Как быстро вставить код на все страницы?

Используем «Быструю замену участков шаблона» (Панель управления — вкладка «Дизайн»). Для режима замены выбираем вариант «Многострочный».

Мы знаем, что код нужно вставить между и , поставим код сразу же после , заменим это

источник

Установка иконки сайта ucoz

Меняем стандартную иконку favicon.ico на uCoz на свою

В базе знаний есть новая инструкция по этой теме

Добрый день, меня зовут Эсауленко Сергей. И в этой инструкции, я расскажу как можно сменить стандартную иконку юкоз на свою

Если вы хотите чтоб ваш сайт был узнаваем в интернете и отличался от других сайтов, то я вам советую заменить стандартный иконку uCoz на свою. Так как большое количество пользователей запоминают сайт при помощи иконки, но большую роль играет не иконка сайта, а само название сайта и его тематика.
Совет!:
Не пытайтесь создавать длинные домены, чем короче и запоминающее название вы придумаете, тем лучше.

Ну что приступим!
Перед тем, как менять стандартную иконку сайта, необходимо либо создать иконку самостоятельно, либо воспользоваться готовым вариантом. В нашем случай, мы скачаем уже готовую иконку с сайта woweb.ru

1)После того, как вы перешли по данной ссылки. Вы оказались на самом сайте, где вы увидите такие разделы

Читайте также:  Установка вентиляционного клапана в квартире

Вам необходимо выбрать необходимую категорию, у каждого сайта своя тематика и от тематики вы будите выбрать необходимую категорию к которой будет относится ваш сайт. В моем случай, я выберу раздел игры, так как мой будущий сайт будет относится к данной тематике.

Нажимаю на данную категорию

Откроется новое окно для скачивания:

, нажму на кнопку ок и подожду пару секунд. Файл был скачен на рабочей стол.
Внимание: У каждого будет свой путь к файлу, это может быть и диск д и т.п, так что будите внимательный.

Файл был скачен на рабочей стол. Теперь вам необходимо нажать правой кнопкой мыши по данному архиву, выбрать необходимую надпись «Извлечь файлы»

После того, как вы нажали извлечь, появилось окно, в этом окно нажмите ок,

Вы разархивировали архив. Просмотрите все иконки в данной папке и выберите подходящую иконку для своего сайта.

Как только вы выбрали необходимую иконку, сохраните этой иконки название или запомните. Заходите на свой сайт, открывайте файловый менеджер. Выбираете путь к файлу. Находим необходимую иконку и нажимаем ок.

Теперь за место стандартное логотипа, у нас установлен новый

Стандартный логотип выглядит так , если вы хотите его поменять, то вам необходимо создать его самостоятельно или воспользоваться уже готовыми логотипами сайта.

источник

Установка иконки сайта ucoz

Меняем стандартную иконку favicon.ico на uCoz на свою

В базе знаний есть новая инструкция по этой теме

Добрый день, меня зовут Эсауленко Сергей. И в этой инструкции, я расскажу как можно сменить стандартную иконку юкоз на свою

Если вы хотите чтоб ваш сайт был узнаваем в интернете и отличался от других сайтов, то я вам советую заменить стандартный иконку uCoz на свою. Так как большое количество пользователей запоминают сайт при помощи иконки, но большую роль играет не иконка сайта, а само название сайта и его тематика.
Совет!:
Не пытайтесь создавать длинные домены, чем короче и запоминающее название вы придумаете, тем лучше.

Ну что приступим!
Перед тем, как менять стандартную иконку сайта, необходимо либо создать иконку самостоятельно, либо воспользоваться готовым вариантом. В нашем случай, мы скачаем уже готовую иконку с сайта woweb.ru

1)После того, как вы перешли по данной ссылки. Вы оказались на самом сайте, где вы увидите такие разделы

Вам необходимо выбрать необходимую категорию, у каждого сайта своя тематика и от тематики вы будите выбрать необходимую категорию к которой будет относится ваш сайт. В моем случай, я выберу раздел игры, так как мой будущий сайт будет относится к данной тематике.

Нажимаю на данную категорию

Откроется новое окно для скачивания:

, нажму на кнопку ок и подожду пару секунд. Файл был скачен на рабочей стол.
Внимание: У каждого будет свой путь к файлу, это может быть и диск д и т.п, так что будите внимательный.

Файл был скачен на рабочей стол. Теперь вам необходимо нажать правой кнопкой мыши по данному архиву, выбрать необходимую надпись «Извлечь файлы»

После того, как вы нажали извлечь, появилось окно, в этом окно нажмите ок,

Вы разархивировали архив. Просмотрите все иконки в данной папке и выберите подходящую иконку для своего сайта.

Как только вы выбрали необходимую иконку, сохраните этой иконки название или запомните. Заходите на свой сайт, открывайте файловый менеджер. Выбираете путь к файлу. Находим необходимую иконку и нажимаем ок.

Теперь за место стандартное логотипа, у нас установлен новый

Стандартный логотип выглядит так , если вы хотите его поменять, то вам необходимо создать его самостоятельно или воспользоваться уже готовыми логотипами сайта.

источник

Как установить фавикон на сайт сделанный в конструкторе Юкоз

О том как установить favicon на сайт сделанный в Конструкторе Юкоз расскажу Вам в этом уроке. Как сделать фавиконку для сайта Вы можете узнать в предыдущей моей статье: Иконку для сайта фавикон создаём

Вот как, к примеру, выглядели страницы моего сайта со стандартной фавиконкой, которая, по умолчанию установлена на всех, вновь созданных, сайтах в системе Юкоз:

Чтобы придать своему сайту индивидуальность мы и заменим стандартную фавикон на свою собственную, которую мы делали, с любовью и терпением, долгими зимними ( а может и летними ) вечерами : )

Для этого нам необходимо зайти в Панель Управления сайтом, в раздел Файловый менеджер:

В корневой папке сайта Вы, пока что, видите ссылку на стандартную фавикон системы Юкоз:

Эту ссылку, в отличии от других файлов в корневой папке сайта, редактировать не получится, но можно её заменить на свою фавикон проделав, нехитрые, манипуляции с картинкой Вашей новой иконки. А именно, задав соответствующее имя для Вашей картинки, в стандарте/расширении iso.

Читайте также:  Установки для напыления силикона

Именем Вашей новой фавиконки должно стать слово, внимание!, — favicon . Вот, более подробные пояснения, на скриншёте:

В общем, просто, переименуйте Вашу картинку с фавиконкой и загрузите её в корень сайта ( корневую папку ) при помощи файлового менеджера:

Вот такой результат Вы получите в итоге:

Как видите место стандартной favikon заняла Ваша новая картинка. Убедиться в этом Вы можете кликнув по ссылке. Вашу фавиконку, в отличии от стандартной Юкозовской, Вы всегда сможете удалить или заменить на новую.

Просто удалите, если потребуется, Ваш рисунок и его место, тут же, займёт «восставшая из небытия» стандартная иконка : ) Ну а дальше Вы, уже, знаете что и как делать.

Теперь Вам осталось подождать какое то время ( точно не могу сказать какое ), чтобы новая фавиконка стала отображаться не только в Панели Управления сайтом, но и на его страничках.

Я заменял иконку вечером, а на утро она, уже, сияла во всей своей красе и славе, на положенном ей месте : )

Вероятно, замена происходит быстрее, на самом деле, — проверьте через час, к примеру, а потом ещё через час, а потом ещё.. В общем как то так : )

Тут есть небольшая » хитрость» кстати, не зная которой Вы можете немного попортить себе нервы в «тщетном» ожидании замены фавиконки. Дело в том, что иконка может давно быть на положенном ей месте и все остальные пользователи сети смогут её видеть. Все остальные кроме Вас!

А всё почему? А патамушта надо было очистить кэш Вашего веб — браузера, вот почему! Тогда информация в нём обновиться и Вы сможете насладиться результатом Вашей работы : )

В принципе в очистке кэша нет ничего сложного, но я, всё — таки, покажу Вам как это сделать, так как кто то может этого и не знать!

Я пользуюсь браузером Моззила, поэтому скриншёты будут именно с его настройками. В других браузерах алгоритм похожий. Покопайтесь в настройках,в общем.

источник

Как поставить иконки групп на сайте uCoz

На сайте обязательно должны быть иконки групп, какие они будут, это дело каждого. А вот как поставить свои оригинальные, чтоб они могли на форуме стоять или в персональной странице, об этот как раз и поговорим и разберемся как поставить свой набор. Все мы знаем, что идут по умолчанию значки, и как помню не на все группы, так как бывают еще свои, которые делает администратор сайта и вот как раз здесь ему нужно ставить уже свой дизайн, а кнопки убирать. И так кратко, для чего они вообще нужны, но это сразу видно, какая должность у пользователя и какие он имеет на сайте права, но главный это администратор, кто то делает, по другому и пишет Гл.Админ, здесь также зависит и от самой тематике, если создавать новые. Но давайте устанавливать, те которые у нас уже прописаны и убирать кнопки. которые по своему где то хорошо в скрипте смотрятся, но как представление пользователя, лучше в этом случай поставить свое что то.

Но первое что нужно сделать, это скачать иконки групп

Как скачали, вам нужно все залить файловый менеджер вашего сайта. И все ссылки на кнопки лучше сразу вывести на тестовый файл, что к примеру пользователь, такая ссылка и остальные также.

Далее идем по такому пути — Панель управления – Пользователи – Группы пользователей и там видим, такую картину как на изображение, нам нужна только функция под гаечным ключом.

Мы жмем на ее и нас перекидывает на следующее страницу.

И как раз вам писал, что когда все знаки загрузите, то пропишите ссылки, что на какую группу. Так как мы видим окно под ссылку. И туда ставим ту группу, на которой вы нажали ключ, как прописали, то все сохранили, и сразу она покажется. И так продолжаем все делать, если вы хотите создать свою группу отдельную, то верхнем правом угле видим кнопку с таким названием и создаем. Надеюсь сейчас вы поняли, как все можно быстро поменять, и не чего трудного в этом нет.

Вот как пример, все изменены.

Если возникнут вопросы, то пишем, но основном это статья для тех, кто начал осваивать конструктор и только что создал сайт и хочет его сделать оригинальным.

PS — если вы все установили и у вас они на сайте не выводятся, то вам нужно проверить операторы, которые за них отвечают.

На персональной странице – $_GROUP_ICON$

источник