Использование шаблонов WordPress

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

Зачем писать код, когда можно выбрать понравившийся шаблон WordPress, установить его на сайт и заполнить своей информацией. Таким образом можно создавать сайты от простых визиток компаний, до сложных информационных порталов. Время изготовления ресурса снижается до несколько дней и даже часов. Минимум усилий, знания только основ языка html позволяют предлагать низкие цены на веб-разработку. Читать далее «Использование шаблонов WordPress»

Платные шаблоны (темы) сайтов WordPress

шаблоныВы знаете, что система управления сайтом WordPress предлагает более 2000 бесплатных шаблонов сайтов. Они находятся и доступны для скачивания на официальном ресурсе Вордпресс. Тем не менее, бывает так, что веб-разработчик затрудняется найти в этом обилии подходящий готовый дизайн. К тому же бесплатные шаблоны популярны и их используют многие, а значит ваш сайт, хотя и будет значительно обновлён, не станет индивидуальным. Читать далее «Платные шаблоны (темы) сайтов WordPress»

Инструкция: Установка и заполнение темы Square для WordPress

Шаблон Square (Квадратные) — бесплатный, стильный и профессиональный готовый дизайн для вашего сайта WordPress. Тема подойдет в качестве визитки коммерческой компании, кроме того, в нем можно легко разместить настоящий интернет-магазин на базе плагина Woocommerce.

Еще одно достоинство шаблона Square — это несложная работа по заполнению сайта. Справиться с этим сможет даже новичок. Давайте установим и заполним шаблон (тему) на нашем сайте.

Устанавливаем тему Square

КонсольДля примера создадим на базе нашего шаблона интернет-сайт Автомойки LUX. Заранее мы зарегистрировали свободное доменное сайта avtomoykalux.ru в компании REG, привязали имя к надежному хостингу SiteVmig, в котором уже присутствует система управления сайтом WordPress. Теперь нам нужно скачать и установить шаблон. Читать далее «Инструкция: Установка и заполнение темы Square для WordPress»

Инструкция: Настраиваем шаблон Square на WordPress

Мы продолжаем создавать сайт на основе шаблона Square, делая из него визитку Автомойки. Давайте теперь выведем наши созданные страницы на главную сайта и заполним всем остальные блоки. Для этого переходим в раздел Внешний вид — Настроить. Блок Настроить — это центр управления шаблоном. Здесь мы можем его заполнить и привести в необходимый вид. Начнем с раздела General Settings.

Главные настройки темы Square

НастройкаВ разделе General Settings мы можем указать Заголовок нашего сайта и подзаголовок (Site Title & Tagline). В нашем случае: Название сайта: Автомойка Lux. Краткое описание: Мы позаботимся о вашем автомобиле! Напротив строчки: «Отображать название и описание» должна стоять галочка. Не забывайте сохранять изменения!

В разделе Header Logo — мы можем разместить логотип нашего сайта размером 300 × 60 пикселей. В нашем случае логотипом служит Название сайта, поэтому мы не будем указывать логотип.

В Разделе Page Header Banner мы можем указать баннер, который будет отображаться на страницах сайта (в записях и статьях) под меню сайта. Картинка должна быть размером 1800X400px. С помощью фото-редактора, например, Photoshop мы создаем такое изображение и загружаем. Читать далее «Инструкция: Настраиваем шаблон Square на WordPress»

Как добавить кнопки Вконтакте и Одноклассники в тему WordPress?

Мы практически заполнили шаблон Square, сделав из него сайт Автомойки LUX. Последнее, что нам осталось, это добавить социальные кнопки в подвал нашего сайта — Footer Social Icons.

Для этого перейдем в админпанели WordPress в раздел Внешний вид — Настроить и в самом низу списка меню, найдем пункт Footer Social Icons. Чтобы в подвале сайта появились социальные кнопки, нам достаточно указать ссылки на соответствующие профили социальных сетей. Шаблон автоматически разместит красивые иконки в подвале сайта. Конечно, вы заметили, что здесь не хватает таких популярных сетей в России как Вконтакте и Одноклассники. Эту проблему можно исправить. Читать далее «Как добавить кнопки Вконтакте и Одноклассники в тему WordPress?»

Шпаргалка по языку html. Основные тэги

Язык htmlРазработчик сайтов с помощью шаблонов WordPress лишен необходимости подробно изучать языки программирования. Однако, знать базовые основы языка html ему также необходимо. Дело в том, что этот язык используют все сайты в мире. И если вы хотите успешно создавать веб-ресурсы и даже просто редактировать статьи и записи, вам необходимо знать хотя бы самые основные тэги html. Читать далее «Шпаргалка по языку html. Основные тэги»

Как вставить картинку на веб-страницу?

Добавить-медиафайлОформление текста на всех веб-страницах происходит с помощью тегов языка html. Зная их, вы можете выделять текст жирным, использовать заголовки, отступы, различное выравнивание и тд. С помощью тегов html происходит и добавление в текст различных изображений, фотографий, картинок.

В административной панели WordPress при написании страниц и записей добавление картинок происходит простым и удобным способом. Для этого достаточно нажать на кнопку Добавить медиафайл. Затем из библиотеки выбрать подходящий рисунок. Если в библиотеке нет необходимой фотографии, её можно здесь же загрузить с компьютера. Далее вы можете выбрать размер, выравнивание фотографии (слева, по центру или справа). Можно написать заголовок и подпись. Читать далее «Как вставить картинку на веб-страницу?»

Таблица безопасных цветов для сайта

Таблица безопасных цветовВсе цвета в html и графических редакторах предстают в виде чисел и латинских букв. Например, черный цвет имеет такое значение — #000000;, а белый такое — #FFFFFF;. Количественные значения помогают передать оттенки цветов, но самое главное они помогают всем видам браузеров и мониторов передавать цвета одинаково.

При создании изображения для публикации в сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов (dithering). Иногда первоначальный цвет может быть заменен на что-то совершенно неподходящее. Читать далее «Таблица безопасных цветов для сайта»

Работа с FTP-сервером сайта WordPress

Каждый веб-разработчик сайтов обязан знать как пользоваться доступом к ftp-серверу. Ведь именно там находятся все файлы сайта: фотографии, плагины, темы WordPress и сама система управления сайтом.

Сервер — это удаленный мощный компьютер, который работает 24 часа в сутки. При регистрации хостинга на сервере вам было выделено определенное дисковое пространство для вашего сайта, например, 1,5 ГБ. Этого объема достаточно для работы среднего сайта.

Заходим на FTP-сервер

FTP-сервер-1Чтобы создавать сайты, изменять шаблоны вам необходимо иметь доступ к ftp-серверу. Если вы зарегистрировали хостинг SiteVmig, то логин (учетная запись) и пароль для доступа вам были направлены по электронной почте. Если вы имеете хостинг другой компании, то возможно эти данные указаны в личном кабинете на сайте хостера. Читать далее «Работа с FTP-сервером сайта WordPress»

Инструкция: Как изменять дизайн шаблона, темы WordPress

SquareШаблоны, а точнее темы WordPress значительно облегчают жизнь веб-разработчикам. Не нужно с нуля придумывать и создавать дизайн будущего сайта, а достаточно выбрать готовый из сотен бесплатных тем. При этом вы всегда сможете заменить её, если в процессе использования тема вам не подошла.

Между тем, очень часто у веб-разработчиков появляется необходимость изменить что-то в готовом дизайне Вордпресс, подправить, заменить цвета и тд. И такая возможность есть. Вы можете значительно изменить готовый дизайн. Давайте разберем основные принципы работы по корректировке шаблонов WordPress. Читать далее «Инструкция: Как изменять дизайн шаблона, темы WordPress»