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

Почему WordPress – что это такое и 5 причин его использовать для сайта или блога

WordPress - это самая популярная система управления контентом (CMS). По данным Web Technology Surveys , на этом движке по состоянию на ноябрь 2018 года работает 32,3 % от общего числа существующих сайтов, а также 59,5 % сайтов, использующих CMS. В 2015 году WordPress использовали только 24 % ресурсов на CMS. Ниже перечислены основные причины популярности WordPress.

Бесплатный «движок» CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие. Практически неограниченные возможности С помощью WordPress можно создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа. Гибкая настройка внешнего вида и функциональности Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний вид. А с помощью плагинов можно решать технические задачи, обеспечивать необходимую функциональность сайта. Простота администрирования Чтобы работать с WordPress, не нужны специальные знания. Принципы работы с движком понятны на интуитивном уровне. Возможность создать сайт и опубликовать первый контент в течение 5 минут Конечно, придется потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на первую публикацию потратите не больше 5 минут.

Ну что, решили сделать сайт на WordPress? Тогда переходите к пошаговому руководству.

Шаг № 1: как выбрать хостинг и зарегистрировать домен

Если у вас некоммерческий проект, выбирайте бесплатный хостинг. Например, делиться с миром фотографиями котиков или вести дневник молодого бодибилдера можно на платформе WordPress. Адрес сайта будет выглядеть так: primer.wordpress.com. Если реализуете коммерческий проект, например, создаете тематический блог, корпоративный сайт или планируете зарабатывать с помощью ресурса любым способом, выбирайте платный хостинг.

Чтобы выбрать надежного хостинг-провайдера, . Если на это нет времени, воспользуйтесь услугами одной из перечисленных ниже компаний:

Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.

Шаг № 2: как установить WordPress своими руками

После покупки хостинга и регистрации доменного имени установите WordPress. Обратите внимание, некоторые хостинг-провайдеры предлагают тарифные планы с предустановленной CMS. Если вы выбрали один из них, сразу переходите к третьему шагу руководства. Если вы приобрели хостинг без установленного движка, следуйте инструкциям:

Перейдите на сайт WordPress и скачайте дистрибутив.

Распакуйте архив.

Как русифицировать тему WordPress

Русифицировать тему удобно с помощью бесплатной программы Poedit . Скачайте и установите ее на компьютер. Затем скачайте на компьютер языковые файлы выбранного шаблона. Для этого потребуется доступ к FTP. Его можно получить с помощью FTP-клиента, например, FileZilla, а также с помощью плагинов, например, File Manager . Если вы установили данный плагин, действуйте по описанному ниже алгоритму.

В консоли выберите меню FileManager – Configuration. Настройте конфигурации, как указано на иллюстрации.

В меню FileManager – FileManager выберите папку wp-content – themes.

Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.

Скачайте на компьютер файлы en.mo и en.po. Если таких файлов нет, скачайте на компьютер файл с расширением.pot.

Откройте программу Poedit и выберите опцию «Создать новый перевод».

Откройте файл перевода и укажите код языка.

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

Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po. С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.

Вы русифицировали шаблон.

Вместо программы для ПК Poedit можно использовать плагин Loco Translate . После установки и активации надстройки интерфейс для перевода шаблонов появляется прямо в админке сайта.

Шаг № 5: решаем практические задачи с помощью плагинов для WordPress

Плагины – одна из болезней начинающих владельцев сайтов на WordPress. Едва зарегистрировав ресурс, новоиспеченные вебмастера ищут в «Яндексе» статьи типа «100 лучших плагинов для WordPress» . Они устанавливают десятки расширений. Это негативно влияет на развитие ресурса. Дело не в замедлении работы сайта, хотя избыточное число плагинов может вызывать такую проблему.

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

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

• Обеспечить безопасность сайта.
• Бороться со спамом.
• Оптимизировать ресурс к требованиям поисковых систем.
• Повысить функциональность и улучшить юзабилити.

Как с помощью плагинов обеспечить безопасность сайта на WordPress

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

Вторая угроза – несанкционированный доступ к ресурсу. Злоумышленники могут пытаться получить доступ к вашему сайту, чтобы установить на него вредоносный код или просто украсть его.

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

Чтобы установить выбранный плагин, войдите в меню «Плагины – Добавить новый». Введите название расширения в поле поиска в правом верхнем углу и нажмите «Ввод». Также вы можете скачать плагин с сайта разработчика и установить его с помощью функции «Загрузить плагин» в верхней части экрана административной панели.

Нажмите кнопку «Установить». После установки активируйте плагин. Теперь настройте параметры резервного копирования. Выберите меню «Инструменты – WP DB BackUp». Нажмите Create New Database BackUp. Вы создали резервную копию по требованию.

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

На вкладке Destination включите автоматическое сохранение архива на Google Drive или отправку на электронную почту.

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

Как бороться со спамом на сайте WordPress

Плагины для борьбы со спамом актуальны, если вы пользуетесь дефолтной системой комментирования WordPress. Сторонние системы комментирования , например, Disqus, защищаются от спама самостоятельно.

Защититься от спама можно с помощью плагинов, например, Akismet или Antispam Bee . После установки Antispam Bee плагин работает в фоновом режиме. Обычно подходят дефолтные настройки, но если нужно что-то поменять, перейдите в меню админки «Настройки – Antispam Bee».

Как обеспечить SEO сайта на WordPress

WordPress – SEO-дружественная CMS по умолчанию. Но есть задачи, без которых сайт нельзя считать полностью соответствующим требованиям поисковых систем. Вот они:

• Создание и обновление карты сайта.
• Канонизация URL.
• Оптимизация title страниц.
• Автоматическая генерация мета-данных страниц.
• Блокирование индексации дублированного контента.
• Создание микроразметки страниц .

Чтобы решить эти задачи, вы установите по одному SEO-плагину из трех групп: программы для создания карты сайта, программы для технической оптимизации ресурса и программы для создания микроразметки. Для создания карты сайта используйте один из следующих плагинов:

• Google XML Sitemaps.
• Simple WP Sitemap.
• Google Sitemap.

Google XML Sitemap . Для настройки плагина перейдите в меню «Настройки – XML-Sitemap».

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

Если вы считаете себя опытным вебмастером, можете изменить настройки плагина. В разделе «Дополнительные страницы» можно вручную включить в карту сайта URL, которые не были включены в нее автоматически. В разделе «Приоритет статьи» определите способ вычисления приоритетности индексирования контента. В разделах «Изменить частоты» и «Приоритеты» можете рекомендовать поисковым роботам наиболее приоритетные по вашему мнению типы контента.

Для технической оптимизации ресурса воспользуйтесь одним из следующих плагинов:

• All in One SEO Pack.
• WordPress SEO by Yoast.
• Platinum SEO Pack.

Установите и активируйте выбранный плагин, например, All in One SEO Pack . Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если считаете себя продвинутым веб-мастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню All in One SEO в консоли движка.

Обратите внимание на перечисленные ниже настройки.

В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Размечать страницу лучше с помощью отдельного плагина.

Если в качестве главной используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить».

В разделе «Настройки для вебмастера» укажите код верификации ресурса в кабинете для вебмастеров Google. Для этого добавьте в «Инструменты для вебмастеров» новый ресурс, выберите альтернативные методы верификации. Скопируйте часть кода HTML, указанную на иллюстрации.

Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.

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

Для разметки страниц воспользуйтесь одним из следующих плагинов:

Связка WPSSO и WPSSO JSON Первый плагин базовый, а второй представляет собой расширение . С помощью базового решения на сайт можно добавить разметку Open Graph. С помощью второго с помощью JSON-LD реализуется разметка Schema.org. WP SEO Structured Data Schema С помощью данного плагина на сайт можно добавить несколько типов разметки Schema.org, включая Article, BlogPosting и Review. Разметка реализуется с помощью JSON-LD. Плагин Schema App С помощью этой программы на сайт можно добавить разные типы разметки Schema.org. Она реализуется через JSON-LD. Бесплатная версия поддерживает базовые типы разметки. Также разметку можно реализовать с помощью онлайн-генератора Schema.org JSON-LD Generator .

Установите и активируйте плагины WPSSO и WPSSO JSON. В консоли на странице настроек плагинов в разделе Essential Settings укажите информацию о сайте, а также сведения для разметки Open Graph. Не меняйте другие настройки.

Перейдите в раздел Schema Markup. В полях Organization Logo Image URL и Organization Banner URL укажите URL логотипа и баннера сайта. Эти изображения могут использоваться на странице поисковой выдачи.

С помощью выпадающего меню выберите базовый тип разметки для страницы записей блога, статической главной страницы. Вам нужны следующие типы: Blog и Website соответственно.

Выберите тип разметки для страниц публикаций, статических страниц и страниц медиафайлов. Для страниц записей подходят типы разметки Article и BlogPosting. Выбор зависит от формата публикаций в блоге.

Тип разметки BlogPosting – производное Article. Кроме BlogPosting, к частностям Article относится тип разметки News Article или «Новость». То есть BlogPosting содержит все семантические данные разметки Article.

Используйте тип BlogPosting, если публикуете небольшие заметки, личные наблюдения и впечатления. Используйте тип Article, если публикуете обзоры, аналитические статьи, руководства. Вот пример: для публикаций в блоге «Текстерры» подходит тип разметки Article, а для дневника Екатерины Безымянной в ЖЖ подходит тип BlogPosting. Для статических страниц и страниц медиафайлов укажите тип разметки WebPage.

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

Что делать, если вы публикуете материалы разного типа: лонгриды, небольшие заметки и новости? В этом случае для каждой публикации лучше выбрать подходящую разметку. Вместо надстройки WPSSO JSON воспользуйтесь плагином WP SEO Structured Data Schema.

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

Недостаток плагина – необходимость размечать каждую публикацию вручную. А к преимуществам можно отнести поддержку дополнительных типов разметки, например, Review, Product и Aggregate Ratings. Бесплатная версия WPSSO JSON не поддерживает эти типы.

Как повысить функциональность и юзабилити ресурса

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

Бесплатный полноценный сайт уже давно не новость, уже несколько лет существует возможность использовать домены и хостинги, не оплачивая ни копейки. В этой статье я вам расскажу, как создать сайт на WordPress бесплатно, при этом, на вашем проекте никто не поставит рекламу без вашего ведома, с вас не возьмут денег, у вас будет домен второго уровня (без всяких приставок, типа.ucoz.ru или.narod.ru) и хостинг с PHP и службой поддержки.

В чём подвох? На самом деле подвоха действительно нет. Однако, конечно же, те, кто раздают бесплатные домены и хостинги, имеют свои корыстные цели.

Так, в этой инструкции мы будем использовать домен второго уровня.tk, он бесплатный и принадлежит тихоокеанским островам Токелау (бедного государства, зависимого от Новой Зеландии). Целью их раздачи халявы является привлечение инвесторов к их региону, которые могут оказать какую-либо помощь.

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

Сайт состоит из трёх вещей – домен, хостинг и CMS. Бесплатный домен от.tk и бесплатный хостинг от Hostinger появился из-за желания привлечь внимание. А , на которой мы будем делать сайт, всегда была и будет бесплатным проектом.

Перестали беспокоиться из-за скрытого подвоха? Тогда приступайте. Чтобы создать сайт на WordPress бесплатно, сделайте всё по моей пошаговой инструкции, опирайтесь на скриншоты, если что-то не понятно, запаситесь терпением, будьте внимательны, и в конце у вас будет готовый сайт, пригодный для наполнения вашими материалами.

Сервис https://avi1.ru использует только белые и проверенные способы SMM продвижения в социальных сетях. С его помощью можно например: раскрутить свою группу Вконтакте, накрутить лайки в Instagram, раскрутить канала на YouTube и Telegram.

Как создать сайт на WordPress бесплатно – пошаговая инструкция

1. Регистрируем домен

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

• Перейдите на .
• Напишите в сроке домен, который вы хотите зарегистрировать. Например, я пишу «system-wp». Нажмите кнопку «Go».

Если домен, который вы выбираете, окажется занят, то вы увидите сообщение «Данный домен уже занят, пожалуйста, выберите другой». Придётся выбрать другой. А также некоторые домены могут оказаться коммерческими, платными, например, те, что состоят из одного слова или из 2-4 символов. Чтобы получить бесплатный, тоже придётся выбрать какой-то другой домен. Методом тыка можно подобрать себе вполне приличное запоминающееся имя.

• На следующей странице обратите внимание на пункт «Используйте свой новый домен». Здесь нужно выбрать «Используйте DNS». А затем появятся две вкладки, в которых нужно нажать на «Ваш собственный DNS». В первой строке «Имя сервера» запишите «ns1.hostinger.ru» (без кавычек), а во второй строке «Имя сервера» — «ns2.hostinger.ru» (без кавычек). Поля «IP адрес» можно оставить пустыми.

Регистрация бесплатного домена

• Идём далее, и видим пункт «Длина регистрации». Здесь в выпадающем списке нужно выбрать «12 месяцев». Это значит, что через год вам нужно будет продлить домен. Продление тоже бесплатное.
• В пункте «Введите символы с картинки» введите предложенную капчу.
• Нажмите кнопку «Регистрация».
• Теперь необходимо зарегистрироваться самому на этом сайте. После нажатия на кнопку «Регистрация» внизу появилось сообщение «У вас нет ни одного такого аккаунта? Используйте ваш адрес электронной почты, чтобы зарегистрироваться!» Нажимайте на него, и введите адрес своей электронной почты в появившемся поле. Потом нажмите кнопку «Далее».

Регистрация бесплатного домена

На почту @mail.ru, @bk.ru, @list.ru и @inbox.ru могут не прийти подтверждающие письма. Рекомендую использовать @yandex.ru или @gmail.com.

• В поле «Ваше полное имя» напишите своё имя. А в поля «Пароль» и «Повторите пароль» введите придуманный пароль.
• Нажмите кнопку «Создать учётную запись».

Регистрация бесплатного домена

На указанную вами электронную почту должно прийти письмо с подтверждающей ссылкой. Кликните на неё, и вы прейдёте на страницу сайта нашего регистратора. Там нужно ввести код подтверждения, который также есть в этом письме. Вставьте его в нужное поле и нажмите кнопку «Подтвердить».

Регистрация бесплатного домена
Регистрация бесплатного домена

На следующей странице, если хотите, вы можете рассказать в социальных сетях о своём новом домене. Потом необходимо залогиниться в своём персональном кабинете, нажав кнопку «Login» внизу.

Регистрация бесплатного домена

Мы перешли на главную страницу регистратора (не пугайтесь, что это сайт с другим адресом, ваш домен там уже есть). В верхнем меню нажимаем «Domains» и выбираем пункт «My domains».

Регистрация бесплатного домена

На следующей странице вы увидите свой зарегистрированный домен. Кликните кнопку «Manage domain».

Регистрация бесплатного домена

На следующей странице в верхнем меню выберите пункт «Management tools», а затем «Nameserver». Здесь нам необходимо дописать оставшиеся имена северов нашего будущего хостинга. Поля «Nameserver 1» и «Nameserver 2» уже будут заполнены. Теперь нужно заполнить «Nameserver 3» и «Nameserver 4» — туда пишем «ns3.hostinger.ru» и «ns4.hostinger.ru», соответственно. Поле «Nameserver 5» оставляем пустым и нажимаем кнопку «Change nameserver».

Регистрация бесплатного домена

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

2. Регистрируем хостинг, припарковываем к нему домен и устанавливаем WordPress

Чтобы создать сайт на WordPress бесплатно, нам нужен хостинг.

• Перейдите на сайт и нажмите на ссылку «Создать аккаунт». (Обновление: бесплатный хостинг переехал — )
• В поле «Ваше имя» введите имя, в «Ваш e-mail» напишите электронную почту. Заполните также поля «Пароль» и «Повторите пароль». Пройдите простую капчу и нажмите кнопку «Создать аккаунт».

На вашу электронную почту придёт письмо с подтверждающей ссылкой. Кликните по ней, и вы вернётесь в свой аккаунт на хостинге.

Регистрация бесплатного хостинга

В хостинговом аккаунте в секции «Выберите тарифный план» выберите «Бесплатный» и нажмите кнопку «Заказать» (обратите внимание на ограничения по объёму и трафику, этого вам для начала вполне хватит – 2 000 Мб места и 100 Гб трафика).

Регистрация бесплатного хостинга

Обновление: Сейчас на этом этапе кое-что изменилось. Вам придётся подтвердить свой аккаунт с помощью отправки СМС с телефона. Это не дорого, не лохотрон, и делается в целях безопасности.

• На следующей странице нажмите на кнопку «Субдомен», чтобы переключиться в режим регистрации домена второго уровня.
• В поле «Домен» напишите наш зарегистрированный домен. В моём случае я пишу «system-wp.tk».

Регистрация бесплатного хостинга

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

Регистрация бесплатного хостинга

Вы попадёте на страницу со списком ваших хостинг аккаунтов, где будет ваш домен, припаркованный уже к вашему хостингу. На вашу электронную почту должно прийти письмо с данными аккаунта. Это письмо нужно сохранить. Теперь, чтобы создать сайт на WordPress бесплатно, нужно установить саму CMS. Для этого кликаем в списке на наш домен и выбираем «Авто-установщик».

Регистрация бесплатного хостинга

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

Регистрация бесплатного хостинга

Если не хотите чтобы ваш сайт взломали, придумайте сложный пароль, и не выбирайте имя пользователя «admin», «administrator» или что-то в этом роде.

• Нам уже почти удалось создать сайт на WordPress бесплатно, осталась совсем немного. Когда CMS установится, перейдите в верхнем меню хостингового аккаунта в пункт «Хостинг» и выберите ваш аккаунт (в моём случае «system-wp.tk»). Здесь у вас может появиться сообщение о том, что NS-сервера не настроены, хоть мы всё и настраивали в самом начале. Это нормально, так как обновление DNS и делегирование доменов может происходить в течение 72 часов. Пока DNS не обновилось, сайтом нельзя пользоваться полноценно. О делегировании и DNS я рассказывал . Но можно начать работать сразу. Для этого необходимо отыскать на компьютере файл C:\Windows\System32\drivers\etc\hosts (где «С» – это диск, на котором установлена Windows), открыть его через блокнот, и вписать в самый конец IP сайта и его адрес:

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

Зачем вообще может понадобиться создание собственного шаблона WordPress, когда можно воспользоваться имеющимися в базе заготовками? Вот какие причины могут подтолкнуть к этому:

• Можно получить уникальный сайт или лэндинг, отличный от конкурентов. Учитывая миллионы блогов, построенных на этой CMS, каждый типовой дизайн используется как минимум сотню раз.
• Полная свобода действий на этапе разработки. Можно добавлять собственный функционал с нужными именно вам рабочими элементами.
• Можно применять разные дизайны для разных разделов сайта, что невозможно при использовании готового шаблона.
• Можно сделать несколько видов и предоставить посетителям возможность переключаться между разными темами, что повысит интерес и лояльность к веб-ресурсу.
• Простота работы на Вордпресс делает ее доступной для многих (в помощь будут видео-уроки в интернете). А значит, собственноручная разработка главной или создание дочерней темы позволит сэкономить деньги на привлечении сторонних дизайнеров и программистов.
• Можно воспользоваться возможностью дочерних тем – когда корректировки вносятся в дублеры таблицы стилей style.css, а главный файл при этом остается нетронутым. Это позволяет быстро отменить изменения, если они окажутся неудачными, а также не терять наработки при обновлении основной темы.

Краткая инструкция

Конечно, пройти полное обучение тому, как создать шаблон страницы, с помощью одной статьи не получится. Для начала важно понять основы – как делаются самые простые темы. На основе них уже можно заняться «творчеством» и создать лэндинг или сайт по своим желаниям. Сейчас дадим вам краткую шпаргалку с поэтапными инструкциями – она поможет понять, как происходит создание сайта.

Шаг первый: подготовительные работы

Перед началом работ надо убедиться, что у вас есть текстовый редактор (самым простым является Блокнот или Nodepad++, тем более скачать их можно бесплатно). Следующий шаг – установка движка WordPress и набора Denwer на локальный компьютер. Денвер – это пакет важных инструментов для программистов. С помощью них значительно облегчается и ускоряется процесс разработки и внесения изменения сайтов. Как его устанавливать, подскажет это видео:

Шаг второй: создают папку новой темы

Переходим в нужную директорию. Она чаще всего имеет следующий путь: . Здесь хранятся все темы – и стандартные, и произвольные. Заходим в нее создаем новую папку. Называем ее, например, «MyFirstTheme».

Теперь переходим в новую папку и обязательно добавляем два файла, сделанных через Nodepad++ или другой редактор. Это index.php и style.css. Пока эти документы пусть останутся пустыми, потом мы еще займемся их наполнением. Еще добавьте в «MyFirstTheme» сюда папку images. куда можно будет добавлять картинки для оформления шаблона.

В последствии в «MyFirstTheme» можно добавлять шаблоны для отдельных частей сайта: боковой панели (sidebar.php), сайта (header.php), записей на страничках (single.php), комментариев (comments.php) и пр. Набор дополнительных файлов зависит от структуры, которую вы запланируете для своего веб-ресурса.

Шаг третий: наполнение index.php

Первое, что надо сделать – заполнить индексный файл (index.php). Вот пример самого простого кода, по которому у сайта будет четыре области: header, main, sidebar и footer.

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

Шаг четвертый: заполняем и style.css

Теперь надо открыть style.css, добавить и заполнить следующие поля (вписать вместо *** собственную информацию о сайте и владельце). Введенные данные будут отображаться в админке.

/*Theme Name: ***

Theme URI: http:// ***

Author URI: http:// ***

Description: ***

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

(информация в /**/ — это комментарии, а не части кода)

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

Шаг пятый: разбиваем файлы

Все элементы, указанные в index.php следует продублировать отдельными файлами. В шаге первом в примере помимо главной части main были указаны header, sidebar и footer – следовательно, для них создаем свои документы в формате.php.

Например, создаем файл header.php, открываем index.php. находим соответствующий участок кода и вставляем его в новый файл. Это будет:

Тоже самое проделывается для остальных частей. Это надо сделать для более легкой навигации. Когда элементов будущего сайта будет много, то отдельные файлы помогут лучше ориентироваться для проверки или внесения изменений.
Чтобы главный индексный файл был согласован с дополнительными, в index.php под блоками для каждой части надо прописать следующее:

Ниже приведен список стандартных файлов шаблонов, используемых WordPress. Их можно не использовать или добавлять свои разделы:

• Header – стиль шапки вашего сайта.
• Comments – шаблон для создания комментариев.
• Home – тема для главной страницы.
• Page — определяет тему, если создадите отдельные странички на сайте
• Category – шаблон для разбивки на категории
• Date – определяет стиль вывода даты-времени.
• Archive – шаблон для архивного раздела со старыми материалами.
• Search – файл, в котором указываются параметры для поиска на сайте.
• 404 — шаблон для страницы, на которой сообщается об ошибке 404 Not Found.
• Footer – определяет стиль подвала вашего сайта.

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

Шапка в header.php:

Добавление контента:

Стилизация комментариев:

Подвал на сайте:

Как можно вносить изменения без опасений

Когда надо вносить изменения на страницы сайта, то есть риск что-то неправильно прописать и не суметь «откатить» назад. Также может случиться так, что внесения в таблицу стилей исчезнут при обновлении главной темы.

Чтобы этого не произошло, можно создать дочернюю тему WordPress (подтему) – это дублер файла стилей style.css, не затрагивающий главный файл (изменения в одном не отменяют обновления в другом).

Создание дочерней темы WordPress не составит никакого труда. Надо сделать новую папку в основном каталоге C:\WebServers\home\localhost\www\НАЗВАНИЕ_ЗАДАННОЕ_ПРИ_УСТАНОВКЕ\wp-content\themes . В новой папке делаем свой файл style.css с вот таким содержимым:

Theme Name: НАЗВАНИЕ ТЕМЫ

Template: НАЗВАНИЕ ПАПКИ В ДОЧЕРНЕЙ ТЕМОЙ

Theme URI: ЗАПОЛНИТЬ

Description: ЗАПОЛНИТЬ

Author URI: ЗАПОЛНИТЬ

/* импортируем стили родительской темы */

@import url(«../НАЗВАНИЕ/style.css»);

/* Свои дополнительные стили */

Foo{ color:red; }

Теперь можно в админке зайти во «Внешний вид›Темы» и активировать дочерний шаблон. В дальнейшем можно работать в новом файле. В дополнение небольшая видео-презентация на тему дочерних шаблонов:

WordPress – самый популярный движок для сайтов в мире. По разным данным на нем работают 70-90% всех интернет-ресурсов. В связи с этим очень многим людям приходится работать с этой CMS (системой управления сайтом). Но прежде всего нужно знать, как создать сайт на wordpress, а уже потом настраивать все остальное. На этом сайте вы найдете полезные статьи по настройке этого движка.

Как создать сайт на wordpress с нуля – установка за 5 минут

Один из главных плюсов этого движка – простота в установке. Конечно, нельзя вот просто так скачать WordPress и сразу начать создавать на нем свой сайт. Перед этим необходимо пройти очень важные шаги по регистрации доменного имени вашего будущего проекта. Также нужно купить услуги у одной из хостинг-компаний. Если сайт вам нужен для серьезных целей, лучше выбирайте надежного хостера.

Я не буду останавливаться на этих шагах, потому что описал их в . Здесь же я хотел описать именно процесс установки WordPress на ваш сервер.

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

Перейдите на официальный сайт WordPress-а. Скачайте самую свежую версию движка. Полученный архив нужно будет распаковать в корень вашего сайта. Это можно сделать через FTP или CPanel (панель управления сайтом). Распаковали? Отлично, двигаемся дальше.

Следующие шаги установки

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

А требуется от вас немного – имя базы данных, с которой будет интегрироваться движок, а также имя и пароль пользователя БД. Не спешите хвататься за голову, если ничего не поняли. Все это легко создается в панели управление, в пункте “Базы данных MySQL” , там же создается и пользователь для БД (базы данных). Показываю скриншот, как это выглядит на моем хостинге. У вас может быть немного по-другому, но название инструментов примерно такие же.

Также создать новую БД можно через утилиту phpMyAdmin. Вот так выглядит этот процесс в ней:

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

Соответственно, просто скопируйте в установщик WordPress имя новой базы данных, а также введите имя пользователя и пароль, который вы задали. Еще одна настройка, которая есть на этом этапе – префикс таблиц. Настоятельно рекомендую сменить его на любой другой. По умолчанию стоит wp, поставьте любой другой. Например, wd, cy или xb .

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


Логин вводите сами, а пароль а рекомендую генерировать автоматически. Установщик отлично с этим справляется и предлагает очень сложные пароли. Сразу же сохраните свой пароль в надежное место. Также нужно ввести имя сайта. К этой настройке можно отнестись не так серьезно – все равно потом сможете поменять. Также нужно указать адрес электронной почты. И лучше указывать надежный.

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

WordPress установлен!

Вот вы и поняли, как создать сайт на wordpress с нуля. Было не сложно, правда ведь? После окончания установки перед вами откроется страница входа, а после этого админка WordPress. Если вы видите ее перед собой первый раз, то едва ли сможете моментально разобраться. Впрочем, движок является одним из самых простых в плане визуального управления.

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

Что делать дальше?

Формально у вас уже действительно есть сайт. Он доступен в сети по определенному url-адресу и полностью работоспособен, он установлен в базу данных, и теперь вы можете в визуальном редакторе добавлять на сайт статьи, медиафайлы, страницы, а другие пользователи смогут оставлять на вашем ресурсе комментарии.

Но тут есть одно но: устроит ли вас то оформление, которое по умолчанию поставил вам движок? Тысячи сайтов на wordpress каждый день появляются в сети, и у всех их по умолчанию стоит такой дизайн, и у многих он таким и останется.

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

Создание своей темы – как?

Разработку собственного шаблона я вижу двумя способами.

Первый способ
Абсолютно с нуля, с чистого листа. Какие преимущества у такого способа:

1. Вы можете получить чистый и короткий код, так как включите в шаблон только то, что вам нужно
2. Вы можете изначально все оптимизировать, значительно повысить скорость загрузки
3. Вы легко сможете вносить правки в шаблон в будущем, так как будете прекрасно знать его структуру и если нужно будет расширить функционал, вы сможете это сделать
4. В шаблоне не будет никаких скрытых и закодированных ссылок на левые сайты
5. Если вы мастер своего дела, то можете сделать кроссбраузерную и адаптивную тему

А теперь минусы:

1. Вы должны обладать соответствующими знаниями по PHP и WordPress
2. Тема создается не за один час, это длительный и кропотливый процесс

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

Где получить знания

Хорошо, скажете вы, я хочу научиться создавать шаблоны, хотя бы самые простые, а где мне обучиться этому? Я хочу порекомендовать вам видеокурс от команды Webformyself , в котором вы сможете пошагово создать шаблон для WordPress, даже если вы полный ноль в сайтостроении, а от слова “код” вас тошнит. Я уверен, таких подробных и разжеванных пояснений не найдете больше нигде.

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

Второй способ

Мне кажется, это даже более привлекательный вариант. Суть его в следующем: вы скачиваете в сети так называемые темы-болванки и на их основании делаете свою. Что такое тема-болванка? Это специальный шаблон, который создан для того, чтобы на его основании делать новые, уникальные темы.

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

Тема-болванка Bones

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

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

• WordPress Bootstrap
• Roots
• Underscores

Устанавливаем Bones

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

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

Редактирование шаблонов WordPress

Если вы умеете создавать собственные темы, то редактирование готовых вообще не должно вызывать у вас вопросов. Но если вы новичок, конечно, вам придется потратить какое-то время на освоение базовых принципов.

Что желательно знать для изменения темы:

• Php, wordpress функции тем

На Php работает подавляющее большинство динамических сайтов. Html – это язык разметки гипертекста, с него начинается создание любого сайта (подробнее о нем ). Css – отвечает за внешний вид элементов на веб-страницах. Хорошее знание этого языка без проблем позволит вам изменить дизайн, но саму структуру страниц вы с его помощью не измените.

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

О том, где и как выучить html и css я написал в . WordPress вы можете изучать по тому курсу, который я вам предложил, а можете и бесплатно, в сети есть два замечательных сайта с русской документацией движка и я пользуюсь ими очень часто:

1. WP-Kama
2. WP-Docs

Уникализация в визуальном режиме

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

А если я все-таки буду использовать полностью шаблонный дизайн без изменений?

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

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

Одним из таких шаблонов считается Sahifa. Когда-то мне он достался бесплатно при покупке сайта на telderi. А вообще за премиум-тему вам придется заплатить от 20 долларов, в зависисмости от потребностей. В любом случае, это уже будет не самостоятельное создание шаблона для WordPress, поэтому это тема для отдельного разговора.

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

Настройка WordPress

Как я уже и говорил, это начало. Если вы планируете развивать свой ресурс, вам предстоит еще огромная работа. Настройка внешнего вида, подбор шаблона или разработка нового с нуля, наполнение сайта, оптимизация его скорости, улучшение безопасности, дополнительные возможности (интернет-магазин, форум, фотохостинг). Сегодня на WordPress можно создать практически все!

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

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

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

Как видите, лезть в дебри движка нам не придется. Таким образом WordPress стал системой, которую выбирает для своих сайтов подавляющее количество людей.

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