Плагин иконок социальных сетей для WordPress. Иконки для сайта для wordpress


Скруджи & НАZИМА - Real One (премьера клипа, 2018)

Скруджи & НАZИМА - Real One (премьера клипа, 2018)

Скруджи & НАZИМА - Real One (премьера клипа, 2018)

Скруджи и НАZИМА - Real OneСлушай и скачивай трек:Apple Music: black-star.ru/real_one_amiTunes: black-star.ru/real_one_itЯндекс.Музыка: black-star.ru/real_one_ymGoogle Play: black-star.ru/real_one_gpВконтакте и BOOM: vk.cc/82nSTQ

Music prod. Diamond Style x KenNYMusixПродюсер: Корнелия ПолякРежиссер-постановщик: Заур ЗасеевОператор-постановщик: Антон Зенкович Сценарий: Заур Засеев, Александр Егоров, Антон Шеенсон, Михаил Какубери 1st AD: Ганна МалышеваДиректор съемочной группы: Владимир ОлефиренкоHead of production: Виталий ОрелPost production supervisor: Иван ХудолийPost production: HoodyFX__________________________________

Организация концертов НАZИМА:Тел.: +7(965) 407-79-94 (Прохор)E-mail: [email protected]Концертный график: black-star.ru/concerts/Организация концертов Скруджи:Тел.: +7 (965) 407-78-19 (Никита)E-mail: [email protected]Концертный график: black-star.ru/concerts/scroodgee/

Скруджи в социальных сетях:Вконтакте: vk.com/scroodgee_officialИнстаграм: instagram.com/scroodgee_officialFacebook: facebook.com/scroodgee.officialOk.ru: ok.ru/scroodgee.officialНАZИМА в социальных сетях:Вконтакте: vk.com/nazima_13Инстаграм: instagram.com/13nazimaFacebook: black-star.ru/nazima_facebookOk.ru: black-star.ru/nazima_ok

-----------------------------------------------------------Все новости об артистах Black Starblack-star.ruВКонтакте: vk.com/blackstargroupInstagram: instagram.com/blackstarofficialTwitter: twitter.com/black_star_ruFacebook: facebook.com/Blackstarmsk-----------------------------------------------------------Фирменный магазин одежды Black Starblackstarshop.ru-----------------------------------------------------------Global Star Russia - интеграция брендов в проекты артистов / Product Placement / www.globalstarrussia.com / +7 903 181 49 39-----------------------------------------------------------Black Star Burger: blackstarburger.ru/-----------------------------------------------------------Барбершоп / Тату-салон 13 by Black Star: 13byblackstar.ru/-----------------------------------------------------------Black Star Radio: blackstar-radio.ruΜουσική

grvideo.net

Установка favicon (иконка сайта) для WordPress • iTshnick

Приветствую читатель. Сегодня я расскажу как установить иконку для сайта на WordPress.

Довольно часто, вновь созданные сайты остаются без иконки.

Иконка сайта или favicon — это небольшое изображение или эмблема символизирующая тематику сайта.

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

favicon_image

 

Как сделать favicon?

Советую сделать совой персональный favicon для блога (сайта) так как — это отображение вашей креативности и индивидуальности.

Для создания иконки можно воспользоватся любым графическим редактором, будь то такой мастодонт как Photoshop, если вы приверженец свободного или бесплатного ПО можно взять GIMP или простенький стандартный Paint. В общем каждый выбирает что ему по душе и карману. Ну а дальше — рисуем…рисуем и еще раз рисуем! Рисуем до тех пор пока Вас не устроит результат.

Для лентяев как я.

Если вы не творческая личность или не обладаете должными знаниями в графических редакторах, а может вы просто лентяй и вам не хочется тратить много времени на создание персональной иконки для блога (сайта) — то можно поискать готовые иконки в Google или Yandex. Или воспользоватся таким сайтом как icons ETC. Там вы найдете множество иконок на любую тематику. Все иконки минималистичные, простые и аккуратные.

iconsetc

 

Так же существуют базы фавиконов, вот несколько из них:

Ну что, уже выбрали иконку? Приступим к установке.

Установка иконки (favicon) на WordPress.

Сначала нам потребуется загрузить иконку в библиотеку медиафайлов WordPress.

Заходим в админку. Медиафайлы => Добавить новый.

favicon_image_down

Жмем Выберите файлы и загружаем нашу иконку.

Вот моя загруженная иконка в библиотеке WordPress.

favicon_image_bibl

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

favicon_image_url

 

Правим шаблон.

В админке переходим Внешний вид => Редактор

favicon_image_red

 

 

Справа в списке Шаблоны, находим Заголовок (header.php)

favicon_header

 

В файле ищем открывающий тег <head>, он почти в самом верху. И сразу после него вставляем такой код:

link rel="icon" href="ССЫЛКА НА ФАЙЛ" type="image/x-icon" link rel="shortcut icon" href="ССЫЛКА НА ФАЙЛ" type="image/x-icon"

В нем фразу ССЫЛКА НА ФАЙЛ меняем ссылкой на фавикон, которую Вы скопировали ранее в Блокнот. Не забываем нажать на кнопку Обновить файл.

Код после этого будет выглядеть примерно так:

favicon_cod

 

Ну вот и все. Фавикон установлен! Зайдите на свой сайт и порадуйтесь изменениям.

itshnick.ru

Плагин иконок социальных сетей для WordPress

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

Начну издалека. Я достаточно долго искала необходимый плагин. Не важно каким образом осуществлять поиск — через админку WP или же через Яндекс — основная масса плагинов решает только одну проблему, а именно реализацию функции “поделиться” с помощью социальных сетей. А это совсем не то, что меня интересовало. Моим заказчикам не нужны были кнопки “Поделиться”, им это не интересно. Они хотели, чтобы на сайте были кнопки, по которым можно открыть их группу Вконтакте или Facebook. И это нормальное желание. Да, многие шаблоны изначально идут в комплекте с такой функцией. Но, во-первых, далеко не все, а во-вторых, каждый раз сталкиваешься с проблемой отсутствия иконок отечественных социальных сетей типа Вконтакте или Одноклассники. Да и в принципе зачастую идущие в комплекте с шаблоном иконки охватывают лишь некоторые социальные сети. И это неудобно.

В общем мною были просмотрены килотонны информации, в том числе с иностранных сайтов. И в конце концов я нашла плагин Social Icons Widget by WPZOOM. Аналогов ему я не встречала, сколько ни искала — он действительно потрясающий и действительно очень удобный.

Social Icons Widget by WPZOOM

Плагин Social Icons Widget by WPZOOM позволяет добавлять на ваш сайт практически любые иконки, причем не только относящиеся к социальным сетям. Давайте более подробно рассмотрим, что из себя представляет этот замечательный плагин.

Установка

Здесь всё как обычно — заходим в админку, переходим на страницу Плагины > Добавить новый, в поиск вставляем предварительно скопированное название интересующего нас плагина социальных кнопок, а именно Social Icons Widget by WPZOOM. Далее нажимаем Установить, а затем Активировать.

плагин социальных кнопок Social Icons Widget by WPZOOM

Добавляем виджет

После того, как плагин был активизирован, можно перейти в Внешний вид > Виджеты. Дальше всё будет зависит от используемой вами темы. В данном случае у меня базовая Twenty Seventeen, в которой предусмотрены 3 варианта размещения виджетов – sidebar (он же боковая колонка), подвал 1 и подвал 2.

Как вы можете видеть — я уже добавила виджет социальных кнопок в подвал. Сейчас расскажу и покажу как (а там есть, что рассказать-показать).

Первым делом в списке виджетов (который слева) находим наш плагин социальных кнопок Social Icons by WPZOOM. Нажимаем на него и получаем выпадающий список с перечнем блоков, в которых мы можем разместить эти кнопки. Как только определитесь — нажимайте кнопку Добавить виджет. После этого он появится в одном из блоков справа, а далее можно заняться внимательным изучением предлагаемых опций данного замечательного виджета, нажав на стрелочку справа от его названия.

опции виджета social icons

Настройка виджета

Итак, первое, что нам предлагают — это написать заголовок (Title) для наших кнопок. Англоязычные сайты в основном пишут Follow us (Следите за нами), русским же сайтам больше свойственно просто писать Социальные сети или же вообще ничего не писать. Так что, если вы как раз из той категории людей, то можете просто стереть надпись по умолчанию.

Далее у нас идёт Описание (Description) — короткое описание, которое будет выводится над иконками, можно использовать HTML. Если честно, у меня никогда не возникало необходимости выводить какой-либо текст над иконками, так что я обычно оставляю пустым это поле.

Следующие два пункта как бы интересуются хотите ли вы показывать подписи к иконкам (Show icon labels?) и открывать ли ссылки в новых вкладках (Open links in new tab?). Первый пункт по умолчанию отключен, а второй как раз наоборот (что, в общем-то, и понятно). Если же поставить галочку рядом с пунктом “Show icon labels?”, то под иконками ниже появятся поля с подписями, которые можно редактировать:

подписи к иконкам

Как по мне так это тоже не нужно, в принципе все иконки социальных сетей достаточно узнаваемы. Но разработчики достаточно продуманные ребята, предусмотрели всё, так что если вдруг вам захочется добавить надпись “Ну ты заходи, если шо” к значку Вконтакте — вы точно сможете с лёгкостью это сделать.

Едем дальше. Стиль иконок (Icon Style). Тоже очень удобно — иконки можно сделать максимально приближенными по стилю к вашему сайту. Этот плагин социальных кнопок предлагает 2 варианта: цветной фон и белый значок или же цветной значок и прозрачный фон. Первый вариант лично я нахожу более интересным, так как в этом случае можно будет воспользоваться следующей опцией, а именно Стиль фона иконки (Icon Background Style). Здесь уже три варианта: скруглённые углы, круг или квадрат.

варианты иконок

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

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

Редактируем иконки

По умолчанию в виджете есть иконки для Facebook, Twitter и Instagram. Можно их оставить, можно удалить, а можно отредактировать — как сами иконки, так и ссылку, на которую они ведут. Чтобы добавить новую иконку нужно нажать кнопку Add more (Добавить ещё). Под кнопкой мелким шрифтом написано, что для того, чтобы добавить иконку с адресом электронной почты, необходимо использовать формат mailto:[email protected].

Итак, допустим вы решили удалить имеющиеся иконки и добавить те, которые вам нужны. Для начала нажимаем значок мусорного бака справа от каждого поля для ссылки, а затем нажимаем кнопку Add more.

Дальше как вам удобнее — можно сразу добавить ссылку, а потом редактировать иконку, или же можно поступить наоборот. Ссылка в данной момент интересует меня меньше всего, поэтому я сразу нажму на значок “+” на месте иконки. После чего появится всплывающее окно с настройками иконки.

Здесь можно выбрать цвет иконки, а также набор иконок, который будет удовлетворять вашим потребностям. Нам предлагают следующие наборы: Socicons, Dashicons, Genericons и даже Font Awesome. Когда дело касается социальных иконок, то лично я использую набор Socicons, так как в нём есть действительно большой выбор иконок разнообразных социальных сетей, таких как Одноклассники, Вконтакте, Facebook, 500px, Vimeo, Youtube, Behance, LinkedIn, Google+, Pinterest, а также значки Drupal, WordPress, Windows, Xbox, Wikipedia, Apple, Android и много других. В общем очень удобной набор.

А так — выбирайте любой понравившийся набор или же комбинируйте все и наслаждайтесь.

Выбрав цвет и иконку нажмите Save (Сохранить) и она появится в виджете. Потом опять нажмите кнопку Add more и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.

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

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

oiplug.com

Скруджи & НАZИМА - Real One (премьера клипа, 2018)

Скруджи и НАZИМА - Real OneСлушай и скачивай трек:Apple Music: black-star.ru/real_one_amiTunes: black-star.ru/real_one_itЯндекс.Музыка: black-star.ru/real_one_ymGoogle Play: black-star.ru/real_one_gpВконтакте и BOOM: vk.cc/82nSTQ

Music prod. Diamond Style x KenNYMusixПродюсер: Корнелия ПолякРежиссер-постановщик: Заур ЗасеевОператор-постановщик: Антон Зенкович Сценарий: Заур Засеев, Александр Егоров, Антон Шеенсон, Михаил Какубери 1st AD: Ганна МалышеваДиректор съемочной группы: Владимир ОлефиренкоHead of production: Виталий ОрелPost production supervisor: Иван ХудолийPost production: HoodyFX__________________________________

Организация концертов НАZИМА:Тел.: +7(965) 407-79-94 (Прохор)E-mail: [email protected]Концертный график: black-star.ru/concerts/Организация концертов Скруджи:Тел.: +7 (965) 407-78-19 (Никита)E-mail: [email protected]Концертный график: black-star.ru/concerts/scroodgee/

Скруджи в социальных сетях:Вконтакте: vk.com/scroodgee_officialИнстаграм: instagram.com/scroodgee_officialFacebook: facebook.com/scroodgee.officialOk.ru: ok.ru/scroodgee.officialНАZИМА в социальных сетях:Вконтакте: vk.com/nazima_13Инстаграм: instagram.com/13nazimaFacebook: black-star.ru/nazima_facebookOk.ru: black-star.ru/nazima_ok

-----------------------------------------------------------Все новости об артистах Black Starblack-star.ruВКонтакте: vk.com/blackstargroupInstagram: instagram.com/blackstarofficialTwitter: twitter.com/black_star_ruFacebook: facebook.com/Blackstarmsk-----------------------------------------------------------Фирменный магазин одежды Black Starblackstarshop.ru-----------------------------------------------------------Global Star Russia - интеграция брендов в проекты артистов / Product Placement / www.globalstarrussia.com / +7 903 181 49 39-----------------------------------------------------------Black Star Burger: blackstarburger.ru/-----------------------------------------------------------Барбершоп / Тату-салон 13 by Black Star: 13byblackstar.ru/-----------------------------------------------------------Black Star Radio: blackstar-radio.ru

ilclip.com

Как сделать иконку для сайта, сделать фавикон для WordPress

Как сделать иконку для сайта

Привет всем друзьям и читателям — Sozdaiblog.ru!

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

Эта картинка называется – «Favicon.iso»(Фавикон), а по простому – «Иконка».

И сегодня, я Вам расскажу, как сделать иконку для сайта на WordPress.

Многие говорят, что фавикон не особо нужен, но я не могу с этим согласиться.

Возьмите, к примеру, любой сайт с фавиконом и добавьте в закладки браузера. После этого, сделайте то-же самое  для сайта  без него.

А теперь, посмотрите на закладки и скажите, какой сайт первым привлёк Ваше внимание?

Вот, то-то и оно.  Да и вообще, мне лично нравиться, как он смотрится в уголке моего браузера.

 

Как сделать Иконку для сайта на WordPress.

Сделать фавикон не сложно, для этого подойдёт любой графический редактор. Не знаю, как Вы, но я пользуюсь Adobe Photoshop.

Редактируете в редакторе, любую понравившуюся Вам картинку и сохраняете её в формате PNG или GIF, с размером 16х16px или 32х32px.

Теперь, её нужно загрузить на хостинг в папку с темой сайта.

Сделать это быстро, можно с помощью ftp-клиента.

Научиться обращаться с ftp-клиентом Вы сможете, прочитав статьи:

 

 

Вот такой путь должен получиться у вашей картинки:

 

 

Далее нам нужно внести изменения в файле — «header.php».

Для этого заходим в админку WordPress, раздел – Внешний вид => Редактор:

 

Как сделать иконку для сайта

 

И в правой колонке выбираем файл – «header.php»:

 

сделать фавикон

 

Тут, Вам нужно найти теги — <head> </head> (обычно они в начале) и перед закрывающим тегом </head> вставить следующий код:

 

<link rel="shortcut icon" type="image/png" href="http://Имя вашего сайта /wp-content/themes/Картинка.png"/>

 

Затем обновляем файл, заходим на свой блог и радуемся появившейся иконке.

Вообще в Интернете очень много сайтов, с помощью которых можно сделать фавикон.

Вот один из них:

 

 

Заходите и загружаете любую картинку с компьютера или интернета, нажимаете – «Создать Favicon.iso»:

 

сделать фавикон

 

Сайт автоматически обработает и сгенерирует Вашу иконку, после чего предложит её скачать:

 

сделать фавикон

Как создать анимированный favicon.iso.

Для того чтобы создать анимированный favicon, Вам нужно найти, или сделать в графическом редакторе, анимированную картинку, но исключительно в формате – GIF.

Затем, по той же схеме прописать следующий код:

 

<link rel="shortcut icon" type="image/gif" href="http://Имя вашего сайта /wp-content/themes/Картинка.gif "/>

 

Делайте всё точно, как я описал и будет Вам счастье.

На этом всё!

Думаю я смог донести до всех, как сделать иконку для сайта.

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

Расскажите, а Вы используете иконку для сайта?

На сегодня всё. Удачи.

С уважением, Денис Черников!

Интересное по теме:

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

sozdaiblog.ru


Смотрите также

Prostoy-Site | Все права защищены © 2018 | Карта сайта