Дизайн сайта:

Шаг №42.Как поставить иконку на сайт?

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

Начнем с того, что такое иконка сайта, и каково ее основное назначение на сайте.

Что такое иконка сайта?

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

Посмотрите на рисунок, я стрелочкой указал иконку моего сайта,которая находится в заголовке вкладки браузера Chrome.

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

комментариев 60 Читать далее


Шаг №41.Как изменить внешний вид сайта.Осваиваем CSS на практике.

Друзья, приветствую Вас на своем сайте. Сегодня я хочу показать Вам как изменить внешний вид сайта при помощи CSS(каскадных таблиц стилей).В прошлый раз я рассказывал о основных свойствах css, а сейчас посмотрим как применить теоритические знания на практике и попробуем внести изменения во внешний вид сайта при помощи CSS.

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

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

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

комментариев 8 Читать далее


Шаг №40.Основные свойства CSS.Изменяем внешний вид сайта при помощи CSS.

Привет всем читателям и подписчикам сайта http://wpcreate.ru.

Когда то давно, а может для кого то и не очень давно я писал статью Редактирование шаблона wordpress, и в той статье я коснулся немного темы использования CSS при редактировании сайтов. Сегодня мы более обширно коснемся этой темы, разберемся что такое css, для чего используют css, и на практических примерах рассмотрим CSS в действии.

Что такое CSS?

Начнем с того, что CSS (с английского Cascading Style Sheets переводится как “Каскадные таблицы стилей”) – это формальный язык описания внешнего вида документов(по мнению Википедии) простыми словами, при помощи CSS мы можем описать как будут выглядеть различные элементы на нашем сайте.

Лет 7 или 8 назад, когда я только начинал изучать HTML и CSS, для меня это была тьма-тьмущая, информация в интернете была, и я потихонечку начал разбираться во всем этом.

комментариев 20 Читать далее

Шаг №35.Как добавить форму поиска в любое место на сайте?

Друзья, всех приветствую на своем сайте,в этом уроке я хочу показать Вам как добавить форму поиска WordPress в любое место на сайте. Действительно, ознакомившись с этим уроком Вы сможете добавить форму поиска для wordpress в записи или страницы используя короткий код, который как правило берется в квадратные кавычки[].

комментариев 14 Читать далее

Шаг №30.Как установить слайдер картинок на wordpress.

Приветствую всех постоянных посетителей сайта http://wpcreate.ru , а также всех новичков, которые по стечению обстоятельств оказались на моем сайте.

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

В данном уроке я покажу 2 момента:

Установка слайдера картинок в шапку шаблона;

Установка слайдера картинок в сайдбар, или в боковую колонку(кому как больше нравится);

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

По моему субъективному мнению, самый лучший плагин слайдер картинок для wordpress – это vSlider, забегая вперед скажу что в конце статьи поделюсь русифицированной версией плагина,так что не торопитесь искать плагин vSlider в интернете.

В чем же преимущества слайдера картинок vSlider перед другими слайдерами картинок для wordpress?

  • Есть возможность установки размера слайдера картинок;
  • Есть возможность установки на каждый слайд — ссылки на любую статью;
  • Поддержка различных эффектов перехода между слайдами;
  • Добавление произвольного текста к каждому слайду;
  • Русифицированная панель настроек слайдера.

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

комментариев 196 Читать далее