Создание темы для WordPress

Существует огромное множество способов создания темы для WordPress. В этой статье я попытаюсь обобщить и рассмотреть подробно все методы.

Итак начнем:

1 — Создание темы с нуля.

На сегодняшний день этот способ пожалуй самый непривлекательный. Сейчас в интернете огромное множество готовых тем, и так называемых «стартовых» тем. Если же Вы все таки решили создавать тему с самого нуля, будьте готовы прописывать вручную все шаблоны. Конечно можно ограничиться написанием одного единственного файла стилей темы, ну и добавить все необходимые шаблоны, но такую тему на продажу поставить не получиться, например на themeforest. Поэтому если собираетесь делать тему на production рекомендую воспользоваться методом 2:

Читать далее →

Создание адаптивного меню с помощью фреймворка Bootstrap и привязка его к CMS WordPress

А далее пойдет подробная пошаговая схема для внедрения компонента. Итак поехали. Урок1, поэтому начинаем с самого нуля. Вкратце установка WP:
Скачиваем русскую версию WordPress с официального сайта https://ru.wordpress.org/
Устанавливаем локальный сервер, СУБД, PHP — эта связка называется xAMP, где x — Linux, Windows или MAC в зависимости от вашей платформы.

A — Apache, M — MySql, P — PHP. Найдите в интернете готовую сборку для своей платформы, скачайте и установите.
У меня ОС Windows, в качестве сборки использую Денвер, либо OpenServer.
Запускаем локальный сервер и приступаем к работе. Как вариант, можете работать прямо на хостинге, но я предпочитаю работать на локальной машине.
Для установки WordPress — находим папку со всеми вашими сайтами и распаковываем туда скачанный архив с WordPress, у меня это папка: Z:\home\localhost\www
Я создал новую папку и назвал ее webproject, туда распаковал архив.
Далее заходим в браузер и открываем страничку http://localhost/webproject/ — появляется web-установщик WordPress.
Первым делом надо создать базу данных для вашего нового сайта. Это придется сделать вручную. Заходим в утилиту phpmyadmin. Я скачивал свежую версию с оф. сайта, так как в денвере
устаревшая версия. И скопировал утилиту в новую папку phpmyadmin. Теперь утилита доступна у меня по адресу: http://localhost/phpmyadmin/
По умолчанию юзер root без пароля. Для локальной машины пойдет. Если разворачиваете сервер, или работаете на хостинге, обязательно ставьте пароль.
Создаем новую базу данных, я назвал также как и имя проекта webproject
Далее можно возвращаться к нашему веб-установщику. Вводите все необходимый данные, следуете по шагам, вводите имя сайта и прочую информацию, и все готово!
Сайт на CMS WordPress установился и доступен по адресу: http://localhost/webproject/
Осталось только определиться с шаблоном. Если делаете сайт на заказ, попробуйте подобрать подходящей вашей тематике шаблон на wordpress в интернете.
Далее вам останется только немного подредактировать ваш шаблон, неважно выбрали вы платный или бесплатный, мои уроки будут вам полезны, потому что вы возможно захотите
какой-то веб-компонент добавить, либо подправить, ну и собственно будете понимать сам принцип программирования для CMS WordPress.

Читать далее →

Интеграция jquery слайдера NivoSlider с CMS WordPress без плагинов

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

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

ШАГ 1

Скачиваем jQuery плагин NivoSlider на GitHub-е разработчика плагина: https://github.com/gilbitron/Nivo-Slider
Скачиваем архив по кнопке «Download ZIP»
Разархивируем.

ШАГ 2

Читать далее →

Интеграция галереи FancyBox с CMS WordPress без плагинов

ШАГ 1

Создаем в админке новую страницу, назовем ее «Галерея», дадим ей ярлык «gallery»
Добавим страницу в меню
ШАГ 2

Далее будем работать с шаблоном вывода страницы «Галерея». Откройте шаблон для всех страниц page.php и сохраните его как page-gallery.php
Убираем все лишнее из шаблона — слайдер, вывод контента WordPress, сайдбар…ШАГ3

Скачиваем FancyBox с официального сайта http://fancyapps.com/fancybox/
Скачиваем версию 2.1.5, или последнюю версию с GitHub’a: https://github.com/fancyapps/fancyBox

ШАГ 4

В папке с библиотеками вашей темы libs/ создайте папку fancybox/ и туда скопируйте содержимое папки sourceШАГ5

Подключаем стили и скрипты в functions.php:

Читать далее →