Создание простой Wordpress темы. Как сделать уникальный шаблон для wordpress своими руками за час

Приветствую вас, мои уважаемые читатели! Рад вас видеть 🙂

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

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

Но почему из всех способов я уделяю внимание созданию сайтов на CMS наибольшее внимание? Все предельно просто 🙂

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

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

Я уже написал цикл статей, посвященных самостоятельному созданию Интернет-магазинов на базе — одного из самых популярных бесплатных движков для этих целей.

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

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

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

Все, что от вас потребуется для получения этой полезной информации – подписаться на обновления , чтобы вам на email приходили уведомления о выходящих статьях. Будет очень интересно! 🙂

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

План статьи будет следующим. Вначале я расскажу вам немного о CMS WordPress, а потом нами будет рассмотрен непосредственно процесс установки данного движка, как самого первого и главного этапа .

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

Поехали 🙂

Почему люди предпочитают создавать блоги на WordPress?

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

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

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

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

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

4 причины для создания блога на WordPress

Во-первых , это простота использования.

Поскольку блог – это не самый сложный тип сайта, то разработчики WordPress выбрали правильный вектор развития своего творения, максимально успростив его интерфейс.

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

Во-вторых , это простота разработки и доработки существующих сайтов, что очень на руку разработчикам.

Иногда веб-программисты даже шутят по этому поводу, говоря, что сделать блог на WordPress может даже ребенок 🙂

Несмотря на то, что WordPress не имеет MVC-структуру кода, которая среди разработчиков считается чуть ли не эталонной, работать с ним весьма удобно.

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

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

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

И это при том, что OpenCart- не самый сложный движок из существующих.

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

Тем более, что знание данной CMS поможет вам иметь хороший доход ввиду огромного числа сайтов на базе WordPress (на всех зарубежных фриланс-ресурсах заказы на доработку wordpress-базированных ресурсов составляют более 50% от общего числа).

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

При поиске ответов на вопросы, возникающие у меня при создании данного блога (да, я не оригинален, — он тоже сделан на WordPress:-)) я нашел массу статей, чего не встречал при разработке на OpenCart, где их можно было найти только на форумах.

Причем, это были не пустые публикации с какими-то авторскими методиками и ссылками на партнерки, а реальные советы со списком рабочих плагинов и фрагментов кода.

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

Данный момент, как и предыдущий, является как причиной популярности данного движка, так и ее следствием.

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

Причем, из блога в другой тип сайта ресурс на WordPress превращается посредством установки всего одного-единственного, но правильно подобранного плагина или шаблона.

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

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

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

При скачивании установщика движка не нужно оригинальничать и искать какие-то ссылки на форумах и сторонних сайтах, рискуя скачать некачественный продукт или подцепить вирус.

Лучший вариант – скачать дистрибутив с официального сайта https://ru.wordpress.org

На его главной странице расположена кнопка «Скачать», при нажатии на которую вы получите установочные файлы самой последней версии данной CMS.

Теперь инсталлятор у вас есть. Что же делать дальше?

Сейчас у многих хостинг-провайдеров в перечне их услуг можно найти услуги хостинга для сайтов на различных CMS. Это значит, что они помогут вам в установке движка прямо на хостинг.

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

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

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

Как создать блог на WordPress – установка движка

Шаг 1. Копируем скачанный дистрибутив в папку проекта на локальном сервере или хостинге.

Лично я при создании сайтов предпочитаю использовать локальный сервер, а затем переносить готовый ресурс на хостинг. При этом я пользуюсь продуктом под названием OpenServer.

Итак, я создал папку под названием «MyWP», которое будет являться автоматически именем моего сайта, скопировал туда дистрибутив и распаковал его.

Заходим в распакованный каталог и копируем содержимое папки «wordpress» в каталог сайта. Не забываем удалить архив и распакованный каталог. В итоге у вас должно получиться следующее.

Шаг 2. Создание БД сайта

– это хранилище, в котором будет храниться вся доступная на нем информация. Ее наличие – это обязательное условие при создании сайта любым способом.

Тем, кто решил создать блог на Вордпресс, как и с помощью других CMS, разрабатывать структуру БД самостоятельно нет надобности, т.к. установщик все сделает сам. Единственное, что требуется при установке — указать ее наименование.

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

Для этого заходим в программу phpMyAdmin либо какой-то другой клиент БД, доступный на вашем локальном веб-сервере или хостинге.

Для создания новой БД перемещаемся на вкладку «Базы данных», вводим имя вашей БД в пустое поле и нажимаем «Создать»:

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

Шаг 3. Автоматическая установка WordPress

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

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

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

При этом в браузере всплывает небольшое сообщение под адресной строкой с текстом: «Вы действительно хотите перейти на «имя сайта»?».

Если этого не произошло, для того, чтобы все-таки попасть на свой сайт, нужно либо ввести в адресную строку «http://доменное_имя_сайта», либо воспользоваться интерфейсом локальных веб-серверов.

Например, в OpenServer попасть на сайт, расположенный на нем, можно следующим способом:

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

Когда все выполнено верно, в браузере появится следующий экран:

Его появление значит, что запустилась автоматическая установка, позволяющая создать блог на WordPress в течении 5 минут.

Также для создания блога на WordPress вам необходимо будет узнать имя пользователя и пароль для доступа к БД. Эта информация предоставляется вашим хостинг-провайдером. При использовании локального сервера вам нужно найти ее в руководстве к продукту, которым вы пользуетесь или поискать ответа в Интернете (в большинстве случаев Пользователь – «root», Пароль пустое поле).

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

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

Во всех остальных случаях сервер БД будет «localhost».

На следующем экране установки нужно всю эту информацию ввести в соответствующие поля:

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

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

Но здесь всё очень просто – данный префикс будет добавлен перед именами таблиц в БД, чтобы ассоциировать их с сайтом.

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

После ввода необходимой информации нажимаем на кнопку «Отправить» и переходим к следующему этапу, позволяющему создать блог на WordPress:

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

В принципе, можно было бы без него обойтись 🙂

Нажимаем кнопку «Запустить установку» и переходим на следующий экран:

Здесь вам необходимо ввести:

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

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

После ввода информации нажимаем на кнопку «Установить WordPress».

Вот и все 🙂 У нас получилось создать блог на WordPress. Все, что теперь остается – это нажать на кнопку «Войти» и наслаждаться плодами своего труда.

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

После входа мы видим админку созданного блога на WorPress.

Чтобы перейти в пользовательскую часть сайта, необходимо ввести в адресной строке веб-браузера «http://доменное_имя_сайта» или нажать на кнопку с изображением домика в левом верхнем углу кабинета администратора.

Вот и долгожданный блог!

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

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

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

Надеюсь, что информация была для вас полезной.

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

До новых встреч! 🙂

P.S. : если вам нужен сайт либо необходимо внести правки на существующий, но для этого нет времени и желания, могу предложить свои услуги. Более 5 лет опыта профессиональной разработки сайтов. Работа с PHP , OpenCart , WordPress , Laravel ,

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 стал системой, которую выбирает для своих сайтов подавляющее количество людей.

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

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

Как создать уникальный шаблон для wordpress-начинаем

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

1. Сменить картинки.
2. Изменить название шаблона.
3. Сделать мелкие правки в стилях.

Начнём разбор каждого пункта по порядку.

Меняем картинки

Самый простой момент, разберу на примере шаблона twenty eleven. Заменяем стоковые изображения на свои переделанные. Надо менять в шапке, подвале, фон и остальные мелкие.

Но особого решения я вывести не могу, в моём шаблоне минимум картинок (а те что есть громадные). В общем, надо большинство изображений заменить на свои. Давайте разберу два элемента, которые заменяются:

• Первый через саму админку.
• Второй через код.

Если принцип поймёте, то вам большой респект.

Через саму административную панель

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

Если тема сделана для людей, то глобальные настройки дизайна будут здесь, а с мелочами разберёмся ниже. В разделе покау на примере Twenty eleven.

1. Общие цвета темы. Настройки основных элементов (заголовков, надписей и тому подобного).
2. Изображение заголовка, то есть в шапке.
3. Фоновое изображение. Присутствует не на всех темах, можно настроить как картинкой, так и просто цветом.

На этом этапе вот что у меня получилось. Едем дальше.

Меняем картинки вручную

Предположим картинка какого-то элемента в шаблоне вас не устраивает, и вам хочется её поменять. Что же делать? Будем разбираться. Для примера я возьму вывод картинки количества комментаторов.

Система действует для всех тем.

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

1. Сам элемент, нажимаем на нём правой кнопкой мыши.
2. Выбираем пункт “просмотреть код”.
3. Это сам код вывод HTML, на него внимания не обращаем.
4. Вот тот заветный адрес, куда надо идти с заменой. Искомый файл bubble.png, находящийся в папке images в самой теме.

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

Сделано, я открыл файлзиллу, и зашёл в активную тему twenty eleven в папку images (которую узнали выше). и простым перетаскиванием нового изображения вставляем в папку, с заменой. Все подробности на скриншоте.

Если все сделано хорошо, то новая картинка отобразиться на сайте, вот снимок.

Как понимаете, то таким методом можно сменить любую картинку, если нет настроек в административной панели.

Изменяем название шаблона

Менять можно только на бесплатных темах, это важно.

Есть два пункта и их надо сделать:

• Переделываем название в файле style.css
• Меняем название папки с темой.

Переделываем названия в style.css

Для этого заходим в редактор (напоминаю внешний вид-редактор ), и находим style.css.

На cкрине видим надпись, тут все надо изменить. В начале любого файла style.css в самом начале содержится информация о шаблоне. Её и надо изменить как минимум на эти строки.

Theme Name: moi-shablon Description: Standard version 1.. License: GPL

Должно получиться так, после замены.

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

Разобрались, переходим к следующему пункту.

Меняем название папки с темой

Делаем через файловый менеджер, у меня Filezilla. В предыдущем пункте меняли имя темы в строчке:

Theme Name: moi-shablon

Надо оригинальное имя twentyeleven изменить на новое, в моём случае, moi-shablon. Идём в FileZilla папку themes , и находим исходное название twentyeleven.

И меняем его на новое.

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

Мелкие правки в стилях

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

Правда, не очень? Я хочу сделать покрупнее шрифт заголовков, потому что мелкие и сливаются с фоном. Все шаги смотрим ниже на снимке.

1. Выбираем тот элемент, который хотим править. Нажимаем правой кнопкой мыши.
2. Нажимаем на “посмотреть код”.
3. Весь стиль этого заголовка.
4. Искомое название стиля.

Открываем файл style.css. Ищем название стиля с помощью комбинации клавиш CNTRL+F.

Я хочу сделать шрифт крупнее, под ним сделать сплошную линию, сменить цвет и толщину текста. Для этого я меняю либо добавляю вот такие параметры.

Color: #1a1a1a; font-size: 15px; font-weight: 600; border-bottom: 2px solid #271eb1;

Разберём строчки кода.

1. Изменение цвета.
2. Изменение размера.
3. Изменение ширины текста.
4. Добавление линии подчёркивания.

Соответственно меняем либо добавляем параметры в стиль. Должно получиться так.

Все изменения сразу покажутся на сайте.

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

Так со всеми остальными элементами, доводите до идеала. Показываю что получилось в рамках этой статьи.

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

Если будут вопросы, то прошу в комментарии. Успехов.

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

uKit – пожалуй, самый простой конструктор сайтов в нише. С его помощью можно буквально за 2-3 часа собрать достойный сайт-визитку для компании, личное онлайн-портфолио или даже небольшую витрину товаров.

Простота использования uKit никоим образом не уменьшает его функциональности. “Из коробки” доступны адаптивные шаблоны из более, чем 40 различных бизнес-тематик, полезные бизнес-виджеты и возможность тонкой настройки сайта под десктоп или мобайл. Нет необходимости дополнительной установки плагинов и скриптов.

Редактировать свой сайт в uKit можно сразу после регистрации, без заморочек с выбором хостинг-провайдера и настройки движка. При этом готовый результат работы виден сразу. Публикация и привязка домена происходит за пару кликов — и сайт доступен для просмотра в Интернет.

Установка WordPress

Мы определились с названием сайта, поэтому самое время перейти к установке WordPress.

Самый простой способ, в том случае, если Вы сделали выбор в пользу Sweb.ru это в панели управления, зайти в раздел «Установка программ», и нажать «Установить» рядом со значком WordPress. Обычно тоже самое можно сделать и на любом другом хостинге.

Второй способ — это установка в ручную.

Заходим на сайт WordPress.org и скачиваем последнюю актуальную версию программы.

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

Теперь нам нужно, эти файлы залить на свой хостинг. Для этого лучше воспользоваться FTP-клиентом, например программой FileZilla (она бесплатная). И с её помощью загружаем файлы в папку public_html или в корневой каталог домена, на любом другом хостинге.

После успешной загрузки файлов, требуется создать базу данных. В панели управления, заходим в раздел Базы MySQL и жмём «Создать базу». В открывшемся окне, создаём имя базу и пароль. Их нужно запомнить, они потребуются Вам на следующем шаге.

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

Чтобы соединить место хранение наших будующих публикаций со скелетом сайта, необходимо в файле wp-config.php указать имя базы данных, имя пользователя и пароль. Имя пользователя совпадает с названием базы данных. Ссмотрите рисунок ниже.

И теперь последний шаг, установка WordPress. В адресной строке браузера напишите адрес своего сайта, и вас автомтически перебросить на страницу установки my-site.ru/wp-admin/install.php, где потребуется указать оставшиейся настройки, такие, как название сайта, логин и пароль администратора, а так же e-mail администратора.

Поздравляем! Установка WordPress завершена! Можно двигаться дальше.

Выбор темы для WordPress

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

Бесплатные темы

В административной панели, в разделе «Внешний вид» выбираем вкладку «Темы» и затем жмём «Добавить новую тему».

Далее заходим в «Фильтр характеристик» и ставим галочку напротив поля «Адаптивный дизайн». После этого нам будут показаны темы WordPress с уже готовым адаптивным дизайном, что позволит не делать отдельно мобильную версию сайта и сэкономит вам кучу времени и сил.

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

Премиум шаблоны

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

Например, можно купить тему на сайте themeforest.net. Практически все премиум шаблоны WordPress имеют адаптивную вёсртку, но есть ещё ряд характеристик, которым должна соответствовать тема, чтобы с ней было удобно работать:

1) Перевод на русский язык
2) Visual Composer или Page Builder (встроенный конструктор)

Выберите подходящую для себя тему и переходим к настройке.

Настройка WordPress

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

Заходим в раздел «Настройки» и выбираем вкладку «Общие». Затем, как показно на рисунке вносим данные.

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

Настройки написания

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

Настройки чтения

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

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

Настройки обсуждения

Раздел «Настройки обсуждения» позволяет выбрать то, каким образом будут публиковаться комментарии на вашем сайте, куда будут приходить уведомления о новых комментариях, какие комменты будут помечаться, как спам, а какие уходить на модерацию, можно ли отвечать на комментарии других пользователей (древовидные комментарии) и прочее. При количестве трафика более 300 уникомов в сутки, на ваш сайт станут систематически заходить боты и оставлять спамные комментарии. Чтобы защититься от них используйте плагин Akismet, он бесплатный и автоматически определяет комментарии ботов.

В принципе можно оставить настройки по умолчанию.

Медиафайлы

Постоянные ссылки

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

Ниже можно задать префиксы для рубрик и меток.

При создании сайта на WordPress, огромное значение имеет выбранная тема или шаблон. Темы обладают разным набор настроек и функционала. Заходим «Внешний вид» — «Настройки обсуждения».

Рассмотрим настройку темы на примере дефаултной темы Twenty Fifteen.

Здесь необходимо указать название сайта и короткое описание, о чём сайт. Загрузить логотип, который будет отображаться в верхней части сайта, а также добавить иконку сайта (favicon), которая будет показываться слева от названия сайта во вкладке браузера.

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

Либо можете оставить фон белым и ничего не добавлять.

Фоновое изображение

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

Меню

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

Здесь же можно создать дополнительное меню или меню из ссылок на социальные сети.

Виджеты

Виджеты — это дополнительные модули WordPress, которые отображаются в боковой колонке (sidebar) или в подвале сайта (footer). Это могут быть самые свежие или популярные статьи на сайте, последние комментарии, поиск по сайту и прочее.

Нажмите «Добавить виджет» и выберите нужный из списка, чтобы установить дополнительный модуль на свой сайт.

Статистическая главная страница

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

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

Теперь у меня есть свой сайт?

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

Мы обязательно продолжим публикации на тему создания сайтов и WordPress, следя за которыми вы сможете довести свой сайт до совершенства!

Итак, вы, наконец, решили создать свой собственный веб-сайт на вордпресс. Например, чтобы создать выгодный бизнес-блог в интернете. Это замечательные новости! Но, знаете ли вы, как создать сайт на wordpress и как его правильно настроить? Конечно же нет. Ведь иначе вы бы не читали эту статью:)

Итак, вы пришли в правильное место. Как только вы закончите работу с этим полным руководством, у вас будет собственный сайт WordPress, который будет работать правильно и уже через 60 минут. Да, это действительно так просто!

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

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

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

Для кого это руководство?

Это руководство по настройке и созданию wordpress сайта для всех: от начинающих до продвинутых пользователей Интернета. Вам не нужно никакого опыта в системе CMS-wordpress, веб-дизайне или программировании, чтобы следовать этому руководству.

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

Именно поэтому мы решили создать этот новаторский Ultimate Guide с более подробными пошаговыми инструкциями по настройке собственного сайта на вордпресс.

Основные шаги по созданию сайта

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

На самом деле это простой процесс из пяти шагов:

1. Выбрать CMS (система управления сайтом).
2. Подобрать доменное имя будущего сайта.
3. Выбрать хостинг и тарифный план.
4. Выбрать тему для сайта.
5. Установить сайт.

Поговорим о каждом шаге более подробно. Итак, приступим.

Что такое CMS?

Прежде чем мы перейдем к самой увлекательной части этого руководства, важно , чтобы вы получили общее представление о том, что на самом деле такое WordPress и что это за программное обеспечение. У нас есть отдельная статья про то, . Прочитайте и вернитесь сюда. Здесь мы будет говорить конкретно про CMS WordPress.

WordPress — это система управления контентом (CMS), и сегодня она является самой популярной CMS в мире. CMS — это программное обеспечение, которое вы можете использовать для простого управления содержимым вашего сайта, например изображениями, видеороликами и статьями из простой в использовании панели инструментов.

Хотя WordPress является наиболее предпочтительной CMS в Интернете, есть несколько других программ, которые также подходят для создания сайтов, таких как Drupal и Joomla. Но будьте готовы к тому, что вам придется самостоятельно привлекать программистов для разработки дополнительного функционала.

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

Почему Стоит Выбрать WordPress?

Простота использования — не единственная причина, за что все любят WordPress. Это также мощное ПО, которое можно использовать для создания практически любого сайта, от простого личного блога до интернет-магазина или даже собственной социальной сети.

«WordPress используется в 27,4% всех сайтов в интернете». — по данным W3Techs

Даже некоторые из крупнейших корпоративных компаний в мире используют WordPress для включения своих официальных сайтов. Некоторые из этих крупных включают Quartz, Target, Bloomberg, Forbes, Bata и многие другие.

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

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

Automattic, разработчик под вордпресс, постоянно выкатывает новые обновления для платформы, чтобы исправить ошибки и еще больше улучшить платформу.

Ну вот и все, теперь, когда мы закончили скучный материал, давайте перейдем к самой интересной части: созданию сайта!

Найдите идеальное доменное имя

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

При выборе имени домена разумно получить доменное имя с расширением.ru для России, .ua для Украины, .kz для Казахстана и.by для Белоруссии. Они признаны как авторитетные расширения имени домена для этих стран, и мгновенно дают вашему сайту хорошую репутацию. Например в России, при прочих равных, сайты с зоной ru имеют преимущество. Но, в России это самое популярное расширение, поэтому подобрать имя в зоне.ru иногда непросто. Но, если вы достаточно креативны, найти отличное доменное имя не составит труда.

Например, если вы все названия уже заняты, попробуйте добавить дополнительное короткое слово к основному названию. Не используйте цифры, точки и прочие символы в названии. Если у вас нет выбора, вы можете проверить имя в друзой зоне, например.com, .biz или.Blog. Не используйте зоны для России такие как: .рф и.su.

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

Покупка доменного имени и хостинга

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

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

Хостинг-провайдеры предлагают несколько различных типов хостинга для создания различных типов сайтов:

1. Обычный (виртуальный) хостинг.
2. Управляемый хостинг WordPress.
3. Виртуальные частные серверы (VPS).
4. Выделенный хостинг.

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

Многие хостинг-провайдеры предлагают вам бесплатное доменное имя при покупке пакета хостинга, в замен лишая вас свободы и полного контроля над вашим доменным именем. Поэтому мы мы рекомендуем Beget.ru , у бегет все чисто и прозрачно.

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

Кроме того, Бегет поддерживает водрпресс для блоггеров с множеством полезных функций, таких как автообновление вордпресс, бесплатный SSL, бесплатные ежедневные резервные копии и многое другое. Даже если злоумышленники взломают ваш сайт и поменяют пароль, вы сможете сделать бекап из резервной копии. Именно поэтому мы выбрали Beget.ru для себя и для этой инструкции.

Вот как вы можете приобрести доменное имя и хостинг на Beget:

Шаг 1 : откройте сайт регистратора бегет по этой ссылке и введите в поле имя домена для регистрации:

Шаг 2 : Если ваше доменное имя доступно, и перейдите к выбору тарифа хостинга. Для первого сайта более чем достаточно выбрать виртуальный хостинг на тарифе: «Blog». Данного тарифа более чем достаточно пока на вашем сайте нет посещаемости в несколько тысяч посетителей в сутки. Далее укажите ФИО, логин, телефон, email и нажмите кнопку «Зеригистрироваться». Затем вам на телефон придет sms с кодом для подтверждения аккаунта.

Шаг 3 : после успешной регистрации, вы получите доступ к панели управления Beget, из которой, как за бортом самолета, можете управлять всеми функциями: доменом, хостингом, тарифами, создавать дополнительные сайты, воспользоваться файловым менеджером, выбрать и установить CMS и многое другое. Меню простое и интуитивно понятное.

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

Как установить вордпресс на хостинг

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

Шаг 1 . Перейдите на вкладку «Хостинг», а затем в раздел «Сайты».

Шаг 2 . В разделе сайты создайте новый сайт, в качестве имени укажите ваш домен.

Шаг 4 . Перейдите на вкладку «Хостинг», а затем в раздел «CMS»:

Шаг 5 . Перед вами откроется список всех самых популярных CMS, найдите среди них установщик WordPress и щелкните по нему.

Шаг 6 . Заполните все необходимое поля и щелкните по кнопке «Установить».

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

Все готово! Теперь вы можете увидеть свой новый сайт WordPress изнутри. Чтобы получить доступ к панели администратора WordPress, перейдите по ссылке yourdomain.com/wp-admin и введите имя пользователя и пароль, которые вы получили ранее.

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

Поиск темы для вашего сайта

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

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

Чтобы сделать ваш сайт более профессиональным, важно, чтобы вы использовали премиум-тему WordPress для своего сайта.

Где найти лучшие темы WordPress

Темы WordPress Premium могут стоить от $ 19 до $ 59, в зависимости от того, где вы их покупаете. Лучшее место для поиска красивых тем WordPress по доступным ценам — ThemeForest.

ThemeForest имеет более 8500 тем, разработанных и закодированных профессиональными веб-разработчиками. Эти темы не только сделают ваш сайт более профессиональным, но также помогут вашему сайту повысить рейтинг в Google и Yandex, потому что темы уже оптимизированы для поисковых систем.

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

Лайф-хак. Прежде чем покупать и тратить большие деньги на тему, которая вам может не понравиться или не подойди, хорошо бы испробовать ее. Для этого я использую сайт wpnull_org. На котором любую из премиальных тем с Themeforest, можно купить всего за 250 рублей. Таким образом на на своей шкуре испробовал десяток тем, и выбрал лучшую, и только потом купил ее на тимфоресте. Например, для создания интернет-магазина на wordpress для продажи электроники и гаджетов, я испробовал десятки тем, лучшей для меня оказалась тема «Electro».

Кстати, темы, которые вы можете купить для вордпресс, могут обойтись вам всего в 5000-6000 тысяч рублей, при этом аналогичные темы на битрикс стоят порядка 50 000 — 200 000 тысяч рублей. При этом битрикс давно морально и технологически устарела. Но все продолжают стать, думая: «если сосед поставил битрикс, значит и я поставлю»

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

Настройка сайта WordPress

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

Начнем с основных настроек сайта.

Настройка базовых параметров

Шаг 1 : Откройте панель управления WordPress, перейдя по ссылке вида: yourdomain.com/wp-admin и введите ваше имя пользователя и пароль.

Шаг 2 . Перейдите в раздел «Настройки». На вкладках общее и написание интуитивно все понятно, на них вам нужно выбрать свой часовой пояс, формат даты или даже можете изменить имя своего сайта. А вот на вкладке чтение есть свои ньюансы. Здесь нужно установить опции RSS как на картинке:

Если оставить опцию RSS — полный текст , то боты будут воровать ваш контент.

Шаг 3 : перейдите к настройкам постоянных ссылок, чтобы изменить способ отображения URL-адресов вашего сайта. Я себе сделал так как показано на скриншоте. Такой формат позволяет формировать простые и короткие URL, рекомендую сделать также. И не беспокойтесь, мои статьи выходят в топ с такими короткими ссылками.

Установка темы вашего сайта

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

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

Затем установите свою новую тему через панель инструментов WordPress. Для этой демонстрации мы будем использовать тему бесплатного блога, Карен.

Шаг 1 : Перейдите на страницу темы на панели управления WordPress и выберите Добавить новую. Затем нажмите кнопку «загрузить тему «.

Шаг 2 . Найдите на своем компьютере файл темы.ZIP. Выберите его и нажмите «Установить сейчас ».

Шаг 3 : после завершения установки нажмите кнопку активировать . Теперь на вашем сайте появилась новая тема. Теперь вам нужно настроить тему в соответствии с вашим .

Настройка Темы

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

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

Шаг 1 : Перейдите в раздел Внешний вид и выберите Настроить на панели управления WordPress.

Шаг 2 : здесь вы можете изменить цвета, добавить фоновые изображения, изменить макет, и персонализировать вашу тему, как вам нравится.

Настройка Меню

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

Шаг 1 . зайдем в меню «Внешний вид» > и создать новое меню.

Шаг 2 : затем вы можете добавить свои страницы, категории и ссылки в меню.

Шаг 3 : Выберите область отображения меню.

Шаг 4 : Сохраните изменения. Откройте сайт и посмотрите на изменения.

Теперь вы должны увидеть свое новое меню.

Установка Плагинов

Установка плагинов — отличный способ добавить больше возможностей на ваш сайт. В каталоге WordPress есть тысячи плагинов.

Вот как вы можете их установить.

Шаг 1: Перейдите к плагинам и выберите добавить новый .

Шаг 2: Найдите плагин, который вы хотите установить, и нажмите установить .

Шаг 3: Теперь нажмите кнопку Активировать , чтобы инициализировать работу плагина.

Шаг 4: Вот и все!

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

Плагин Cyr to Lat enhanced

Плагин расширяет функционал вордпресс, тем что он делает транслитерацию названий рубрик и записей из кирилицы в латиницу. Это позволяет автоматически формировать URL-ссылки с правильным ЧПУ. Это очень удобно!

Broken Link Checker — плагин для отслеживания битых ссылок

Google XML Sitemaps — плагин для создания визуальной карты сайта

Yoast SEO — плагин расширяющий возможности настроек SEO-параметров. Title, все теги, description и другое.

WP Super Cache — плагин кеширования, для ускорения работы сайта.

Table of Content Plus — плагин для автоматического формирования содержания статей

iThemes Security — плагин для защиты сайта от хакерских атак и взлома.

Настройка боковой панели (сайдбар) сайта

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

Чтобы настроить боковую панель, перейдите в меню Внешний вид > Виджеты . Оттуда вы можете добавлять новые виджеты на боковую панель или даже удалять ненужные виджеты. Количетво и виды виджетов зависят от темы. Премиальные темы включают в себя большой набор виджетов, которые значительно расширяют возможности сайта

Создание новых категорий, страниц и записей

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

В чем отличие записей от страниц? Записи — это публикации, статьи, основной способ создания контента. Страницы — это служебные страницы, такие как «Контакты», «Служебная информация».

Чтобы создать Категорию, перейдите в раздел все записи > рубрики . Просто введите название категории и нажмите кнопку создать . Вы также можете добавить только что созданные категории в меню.

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

На этом наше руководство подошло к концу

Напутствие

Поздравляем! Теперь вы являетесь гордым владельцем сайта на вордпрессе.

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

И так, чего же вы ждете? Приступайте прямо сейчас и превратите ваш сайт в произведение искусства! Чтобы в интернете стало еще на один шедевр больше! И не забудьте оставить комментарий и рассказать нам, каково это было, сделать сайт на wordpress в первый раз.

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