Как создать свой блог самостоятельно? Пошаговая инструкция. Как сделать уникальный шаблон для wordpress своими руками за час
Сейчас объясню, как сделать из простого HTML-шаблона тему WordPress на примере дизайна из той статьи.
Адаптировать дизайн под WordPress может понадобиться по многим причинам, например, вы переносите на CMS свой некогда статичный сайт, или вам понравился дизайн, которого в коллекции WordPress ещё нет, или вы просто хотите разобраться, как устроены темы этой CMS изнутри.
Итак, приступим.
Распределяем код по файлам
1. Скачайте шаблон и распакуйте его в папку с темами WordPress (адрес вида адрес_блога_wordpress/wp-content/themes/ ). Если хотите, переименуйте папку с темой на свой вкус. Например, у меня шаблон располагается по адресу адрес_блога_wordpress/wp-content/themes/MyTheme/ .
2. Переименуйте файл styles.css в style.css .
3. Откройте style.css в редакторе кода (таком, как Notepad++) и в самое его начало вставьте следующие строки:
/* Theme Name: MyTheme Theme URI: http://test1.ru Author: NoName Author URI: http://test1.ru Description: Example of test Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */
Как вы могли догадаться, это служебная информация о теме оформления: название, автор, описание, лицензия, версия и т. д. Правые части строк вы можете заменить на собственные, то есть задать свои авторство, версию, описание и прочие данные.
4. Создайте файлы header.php , index.php , sidebar.php , footer.php и распределите по ним код из index.html .
4.1. В header.php скопируйте код по строчку , так как этот файл отвечает за верх сайта. styles.css замените в коде на style.css - новое корректное имя файла.
4.2. В index.php вставьте код основного блока (со строки по строку ).
4.3. В sidebar.php скопируйте код бокового меню (с по ).
4.4. В footer.php вставьте оставшиеся строки (с до конца документа index.html ).
5. Удалите index.html .
6. Перейдите в админ-панель и убедитесь, что шаблон MyTheme появился в разделе Внешний вид -> Темы . Вы даже можете попробовать его просмотреть или активировать, но ничего хорошего из этого пока не получится, ведь шаблон с WordPress мы ещё никак не интегрировали.
Адаптируем header
Теперь мы начнём из статичного шаблона делать динамическую тему, в которую будут подгружаться данные и настройки WordPress.
В шаблоне будут встречаться PHP-вставки. Начинается такой код с . Между ними расположен PHP-код, чаще всего вызывающий функции CMS
1. Откройте файл header.php и замените содержащийся в нём код до блока
на следующий:
>
"> "> " type="text/css" media="screen" />Мы сделали динамическим блок
Код вызывает функцию, возвращающую языковые атрибуты в контейнер.
">
Вместо того, чтобы прописывать кодировку константой, мы вызвали функцию, которая берёт значение из настроек CMS и автоматически подставляет его в код, то есть для смены кодировки уже не придётся править файл темы.
Важная функция, обеспечивающая работу на странице стилей, плагинов и скриптов.
2. Перейдите к редактированию файла index.php. В самом его начале пропишите
,
Строчки вызывают файлы шапки, боковой панели и низа сайта.
Теперь вы можете просмотреть или даже активировать MyTheme. В результате браузер отобразит уже знакомый шаблон со статическим меню и одной-единственной страницей. Чтобы меню стало динамическим и настраиваемым, а вместо одной страницы отображались все помещённые на сайт материалы, нужно преобразовывать шаблон дальше.
Делаем динамическим верхнее меню
Пока мы имеем полностью статическую тему оформления, в том числе и с неизменным горизонтальным верхним меню. Пока его нельзя настроить из админ-панели, и если оставить код в нынешнем виде, то для вставки/удаления/переноса пунктов придётся каждый раз редактировать файл header.php , что крайне неудобно.
Чтобы не мудрствовать лукаво и не погружаться в пучину увлекательного мира программирования, зададим динамическому меню статичное название. Вместо таблицы горизонтального меню вставьте код
так, чтобы получилось следующее:
Для того, чтобы меню стало отображаться, в панели управления сайтом откройте Внешний вид -> Настроить -> Меню и либо переименуйте уже созданное меню в menu, либо создайте меню и настройте его на своё усмотрение, но обязательно присвойте ему имя menu.
Суть действий в том, что файл header.php функцией wp_nav_menu("menu=menu"); открывает меню под названием menu, которое, чтобы отобразиться, должно быть правильно названо и настроено в панели администрирования WordPress. Название menu вы можете поменять на любое другое, главное, чтобы имя совпадало и в настройках сайта, и в коде header.php .
Навигация явно куда-то съезжает, хоть и делает это красивой лесенкой. Так происходит потому, что меню нашего шаблона было неосмотрительно реализовано внутри таблицы, а надо было оформлять его списком. Частично исправить ситуацию можно, добавив в файл style.css следующий код:
#menu ul { margin: 0; /* Обнуляем значение отступов */ padding: 4px; /* Значение полей */ font-size: 18px; } #menu ul li { display: inline; /* Отображать как строчный элемент */ margin-right: 5px; /* Отступ слева */ padding: 3px; /* Поля вокруг текста */ }
Так как он прокомментирован, дополнительные объяснения вряд ли нужны. Остаётся обновить страницу и посмотреть, что список наконец-то стал горизонтальным.
Меню, конечно, можно сделать ровней и красивее, но к адаптации шаблона отношения это действо не имеет, зато крепко связано с CSS, который вы можете подробно изучить.
Завершаем «шапку»
Единственные элементы файла header.php , оставшиеся статическими - имя и описание сайта. Чтобы они брались из настроек, задаваемых в админ-панели, замените отвечающий за вывод текста в шапке код на следующие строки:
Обновите страницу - результат не заставил себя долго ждать.
Работа с файлом header.php на этом завершена, в итоге он имеет следующий код:
>
"> "> " type="text/css" media="screen" />Выводим посты
Переходим к части, содержащей основной контент страницы - редактироваться будет файл index.php .
Удалите содержимое блока right и вместо него вставьте код динамического отображения постов. Либо же удалите из файла весь код и вместо него вставьте следующее:
">
/ /А здесь нет ничего:(404
Начало цикла, благодаря которому страница будет выводить посты, пока они не закончатся.
">
Отображает заголовок поста.
/ /
Дата в формате день, месяц (сокращённо), год. Теги, комментарии.
Вывод поста.
Конец цикла при условии, что записи были.
Если же материалов нет, вывести об этом соответствующую надпись и покинуть цикл.
Вывод постраничной навигации при условии, что на одной они не помещаются.
Простой с виду код глобально изменил страницу - блог стал по-настоящему динамическим. Каждый пост можно посмотреть, ссылки работают.
Дальнейшее оформление и размещение элементов зависит только от вашей фантазии и навыков вёрстки - с отображением данных можно делать всё, что угодно, но работа над шаблоном ещё не завершена.
Добавляем виджеты
Слева от основного контента в шаблоне есть панель, на ней - блок Информация (своего рода виджет) и боковое меню. Информационный блок не должен быть статичен, а так как он очень напоминает виджет, предлагаю виджетом его и сделать. Для этого необходимо:
- зарегистрировать блок виджетов;
- вывести его в нужном месте.
Теперь подробнее.
1. В каталоге темы создайте файл functions.php. В нём хранятся функции, обеспечивающие работу шаблона. Также он может содержать и другие пользовательские процедуры.
2. Внесите в следующий код:
"MySidebar", "before_widget" => "", "after_widget" => "", "before_title" => "
", "after_title" => "
",)); ?>Этот код регистрирует блок виджетов. Вместо MySidebar вы можете вписать любое другое название. Примерно такой же функцией в этом файле можно регистрировать и меню, но я решил обойтись малой кровью и этого не делать, чтобы соприкосновение с PHP сделать минимальным, а заодно и показать два разных подхода к решению одной задачи.
3. В файле sidebar.php сотрите строки:
Информация
Далее...
и вместо них запишите:
Блок Информация ожидаемо исчез, сбоку осталось только пока ещё статическое меню.
4. Зато перемены к лучшему произошли в админ-панели - раздел Внешний вид обзавёлся подпунктами Виджеты и Меню . Перейдите в первый. Откройте его и посмотрите: внутри появился зарегистрированный в файле functions.php блок (у меня это MySidebar).
5. Чтобы воссоздать информационный блок, перетащите на сайдбар виджет Текст , в поле Заголовок введите Информация , в поле Текст - код
Мы предлагаем Вам праздничные скидки. Далее...
6. Обновите страницу блога - блок удалось воссоздать практически один в один (мелкие нюансы меняются в файле style.css и заострять на них внимание я не буду).
Адаптируем меню
Вторая часть боковой панели - вертикальное меню. Его тоже нужно переделать из статического в динамическое, чтобы редактировать затем прямо из админки.
1. Удалите огромный вложенный список меню в файле sidebar.php и вместо него введите код:
2. В панели управления WordPress откройте Внешний вид -> Настроить -> Меню , нажмите кнопку Добавить меню, назовите его так, чтобы имя в админ-панели совпадало с именем в коде страницы sidebar.php (у меня это left_menu ) и добавьте все необходимые пункты.
3. Сохраните изменения, обновите страницу и убедитесь, что динамическое меню левой части сайта работает и отображается правильно.
Код страницы sidebar.php по сравнению с исходным сильно уменьшился и в итоге стал таким:
Меню
Фактически статичной осталась только надпись Меню . И то потому, что меняться вряд ли будет, хотя и её легко можно «оживить», например, реализовав этот блок в виде ещё одной области виджетов и добавив на него блок Произвольное меню, но это, если внимательно читали статью, вы можете теперь легко сделать самостоятельно.
Работаем с файлом footer.php
Бесплатный полноценный сайт уже давно не новость, уже несколько лет существует возможность использовать домены и хостинги, не оплачивая ни копейки. В этой статье я вам расскажу, как создать сайт на 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 бесплатно. У вас есть 2 варианта: сделать все самим по инструкции ниже либо пойти на бесплатный тренинг и сделать все с тренером и командой поддержки.
Если вы выбрали первый вариант, то читаем инструкцию и делаем все по шагам. Если выбрали второй, то приходите на мой бесплатный 4-х дневный курс по созданию сайтов и я открою для вас множество секретов! Чтобы записаться на обучение — переходите по ссылке: и регистрируйтесь. Моя инструкция – пошаговая. Поэтому у вас не возникнет проблем с тем, чтобы воплотить в жизнь свою мечту. Единственное, о чем хотел бы вас предупредить – будьте готовы к тому, что вам придется много работать. Успех просто так никому не дается!
Как создать сайт на WordPress бесплатно и почему именно WordPress?
Я буду рассказывать вам, как создать сайт на WordPress бесплатно. Но, вероятно, у наиболее любопытных обязательно возникнет вопрос – а почему, собственно, WordPress? Ведь есть и другие системы, позволяющие создавать веб-ресурсы. Например, Drupal или Joomla.
В свое время мною была проведена значительная аналитическая работа по сравнению нескольких систем. Ее результатом стал вывод, что именно WordPress является наиболее дружелюбной системой для новичков:
- идеален для создания блогов;
- интуитивно понятный интерфейс;
- имеется множество плагинов, повышающих функциональные возможности;
- удобный визуальный редактор.
Кстати! Если вы умеете работать в текстовых редакторах, у вас не возникнет проблем с публикацией и оформлением текстов. А вот на таких движках, как Drupal или Joomla есть некоторые сложности даже с этой простой опцией.
Учитывая все вышесказанное, могу сказать, что именно WordPress представляет собой оптимальную современную площадку для создания посещаемого блога и заработка на нем.
Надеюсь, я вас убедил, что нет ничего лучше описываемой платформы. Теперь приступаю к описанию пошаговой инструкции, как создать сайт на WordPress бесплатно.
1. Регистрация в хостинге
Хостинг – это фактическое место на сервере, где будет размещаться ваш сайт. Такие услуги предоставляют многие компании. При выборе конкретного хостинга следует ориентироваться на такие аспекты:
- стоимость хостинга;
- наличие дополнительных опций;
- качество технической поддержки;
- размер пространства, предоставляемого под размещение сайта.
Пошаговая инструкция как зарегистрироваться в хостинге (видео):
Для регистрации в хостинге TimeWeb перейдите по ссылке
2. Подбираем доменное имя
Начинать нужно с подбора имени своего сайта. Важно, чтобы имя отображало тематическую направленность создаваемого вами ресурса.
Обратите внимание! Если вы ведете личный блог, то можно использовать просто фамилию. Например, доменное имя будет иметь следующий вид petrenko.com. Но это не значит, что если сайт посвященным мобильным телефонам, в качестве имени нужно использовать название телефона – такой вариант заведомо проигрышный.
Для названия сайта можно писать русские слова латиницей. Например – futbol.ru. Хотя, конечно, в идеале рекомендуется использовать правильные английские слова, написанные без ошибок. Это придаст солидности сайту. Регистрация доменного имени проводится на специальных сайтах. Ничего сложного в этом нет – следуйте инструкция сайта и все у вас получится.
Совет! Для регистрации доменного имени рекомендую воспользоваться сервисом timeweb . Он отлично зарекомендовал себя, пользуюсь уже много лет – устраивает и стоимость, и поддержка. Переходите по ссылке и выбирайте вкладку Домены
Пошаговая инструкция как подобрать и зарегистрировать доменное имя (видео):
Но! Важный момент: если вы хотите сторонний домен с какой-то необычной доменной зоной (к примеру.com.ua), то смотрим видео как купить отдельный домен и привязать его к хостингу:
3. Установка сайта на сервер и предварительные настройки
Первый шаг – установка CMS. Начинать ее рекомендую на собственном компьютере, а только после того, как все будет сделано, переносить сайт на выбранный хостинг. Там нужно следовать подсказкам. Ничего особенного сложного нет. Но если у вас возникли проблемы с тем, как установить WordPress на хостинг, пишите в комментариях – либо отвечу там, либо, если запросов будет слишком много, напишу отдельную статью на эту тему.
Шаг 1
Шаг 2
4. Устанавливаем тему оформления
Найти тему для WordPress не проблема – их полно в Интернете в свободном доступе. Среди них можно найти массу интересного и необычного.
Совет! Но я настоятельно не рекомендую скачивать тему с непонятного сайта. Темы подбирайте на официальном сайте WordPress. Там они все безопасные и корректно работающие.
Выбрав тему, опубликуйте несколько статей и материалов на сайте. Сложностей с публикацией не будет. Как уже говорил выше – редактор очень простой и интуитивно понятный.
После публикации можете приступать к редактированию теме. Кстати, предварительная публикация статей нужна для того, чтобы лучше понимать, как будет меняться сайт, его внешний вид после редактирования темы.
Но на первых порах советую работать со стандартным шаблоном, не внося в него особых изменений. Лишь когда у вас появятся более фундаментальные навыки, а также вы поймете, что именно хотите получить в оформлении сайта, приступайте к редактированию шаблона.
Инструкция по подбору и установке темы для сайта (видео):
5. Контент и структура сайта
Рассказывая о том, как создать сайт на WordPress бесплатно, нельзя пройти мимо наполнения сайта контентом.
Под контентом подразумевается любая информация, представленная в разных формах:
- статьи;
- фотографии;
- диаграммы;
- видео и т.д.
Работать в административной панели просто. Не нужно ничего бояться – вы не испортите и не сломаете сайт!
Теперь переходим к структуре сайта. Она подразумевает следующие базовые элементы:
- страницы и записи;
- рубрики;
- виджеты.
К страницам относятся те разделы, что являются статическими элементами общей структуры – это:
- Главная;
- О сайте (О нас, О авторе);
- Контакты.
Обратите внимание! Страницы «О сайте» и «Контакты» — обязательны. Их наличие, а также адекватная информация формируют доверие пользователя к сайту.
О главной
В подавляющем большинстве случаев на движке WordPress главная страница – динамическая. То есть, она постоянно обновляется – новые статьи появляются вверху, а более старые опускаются вниз, переходят на другие страницы.
Появление новых статей приводит к обновлению главной страницы, что положительно отражается на сайте – поисковые роботы ценят обновленный контент.
- Футбол;
- Волейбол;
- Баскетбол;
- и т.п.
То есть, в каждой такой рубрике публикуются статьи, посвященные конкретному виду спорта.
О виджетах
Виджеты в WordPress – это отдельные блоки, которые помещаются в правой боковой колонке. В них содержится определенная информация. Например, посредством виджетах на страницах сайта можно выводить следующую информацию:
- Прогноз погоды;
- Календарь;
- Свежие записи;
- Форму авторизации;
- и многое др.
Обратите внимание! Некоторые темы поддерживают не все виджеты. Также не рекомендую устанавливать их слишком много. Во-первых, пользователь устанет от большого количества информации. Во-вторых, перегрузите сайт.
Что нужно продумать перед тем, как создавать сайт
Рассказывая о том, как создать сайт на WordPress, хочу отметить следующее – перед тем, как делать свой веб-ресурс, определитесь со следующим:
- необходимость наличия комментариев;
- какие функции вы хотите добавить и какие плагины для этих целей необходимы;
- сколько ресурсов (времени, сил, денег) вы готовы вкладывать в сайт;
- как вы планируете (и планируете ли вообще) монетизировать сайт.
Постарайтесь максимально полно описать все пункты. Это поможет вам сделать действительно функциональный и полезный сайт.
6. Плагины для WordPress: какие выбрать
Плагин – это особое программное обеспечение. Правильнее даже говорить – дополнение. Посредством плагинов повышается функциональность сайта. Существует большое количество плагинов, но это не значит, что вы должны использовать их все.
Совет! Слишком большое количество плагинов замедляет работу сайта. Поэтому устанавливайте только самые необходимые.
Подумайте, какие функциональные возможности должны быть у вашего сайта. Исходя из этого добавляйте соответствующие плагины. Расскажу о наиболее популярных и необходимых.
Позволит вам защититься от атаков спамеров в комментариях под статьями. Поверьте, спамеров будет много, если не установить плагин, они просто завалят ваш сайт непонятными комментариями и рекламными предложениями. В том числе, рекламируя продажу не совсем благонадежных товаров и услуг.
WordPress SEO от Yoast
Этот плагин необходим для обеспечения самостоятельного продвижения сайта в поисковых системах. У него есть бесплатная версия, имеющая все основные функции для продвижения.
Пользоваться плагином – легко. Он интуитивно понятный. И позволяет решить все основные задачи и вопросы, возникающие при продвижении сайта.
Чтобы не возникло проблем с использованием плагина, внимательно прочитайте руководство пользователя, представленное на сайте разработчиков.
RusToLat
Еще один важный и необходимый плагин, который существенно упростит вам жизнь. Он проводит автоматическое изменение URL-адреса, транслитерируя кириллицу в латиницу. Это крайне важно для нормальной работы и эффективного продвижения сайта.
Пожалуй, его нужно устанавливать вторым после Akismet.
Anti-XSS attack
Плагин, необходим для повышения уровня безопасности сайта. Он защитит от XSS-атак.
MaxSite Russian Date
Этот плагин нужен для правильного отображения дат. Если у вас они выводятся некорректно, просто установите этот плагин и проблема будет решена.
Russify Comments Number
Некоторые темы не могут правильно склонять слово «Комментарий», что приводит к некрасивому указанию количества комментариев под постом. Установив этот плагин, вы решите проблему.
Subscribe to Comments
Позволяет пользователям подписываться на комментарии. Весьма полезная фишка, поскольку повышает удобство использование сайта, а также мотивирует пользователей вернуться на сайт, чтобы прочитать или ответить на комментарии.
Dagon Design Sitemap Generator
Он поможет вам создать карту сайта. Она необходима для эффективного продвижения сайта. С ее помощью поисковые роботы проводят индексацию веб-ресурса.
Google XML Sitemaps
Еще один плагин, посредством которого формируется карта сайта. Создается она в формате XML – именно такой формат любят поисковые роботы. Создание карты, как говорилось выше, важно для нормальной индексации ресурса и его последующего продвижения.
WP-NoRef
Все ссылки, которые будут публиковаться на вашем сайте, автоматически закрываются от индексации поисковыми системами. Они помещаются в специальный тег теги noindex с добавлением атрибута rel со значением nofollow. Благодаря этому вы не будете передавать «вес» своего ресурса сайтам, на которые стоят ссылки. Что благоприятно скажется на продвижении.
Disable WordPress Updates
Отключает постоянный поиск обновлений, как самого движка, так и уже установленных плагинов. Это положительно отражается на скорости работы, загрузки сайта.
Hyper Cache
Плагин создает кэширование, что снижает общий уровень нагрузки на сервер, а это в свою очередь приводит к более быстрой работе самого сайта.
WordPress Related Posts
Нужный плагин! Он отображает похожие по тематике статьи под читаемым материалом. В итоге, это повышает удобство пользования сайтом – к тому же, вовлекает пользователя в просмотр все новых и новых страниц. В итоге, пользователь остается на сайте дольше времени, пересматривает больше статей.
Кстати, благодаря этому плагину создается , что весьма полезно для продвижения сайта.
Video Embedder
Если вы собираетесь добавлять на свой сайт видео-ролики, обязательно используйте данное расширение. Оно дает возможность добавлять ролики с наиболее просматриваемых видео-ресурсов.
Плагин простой в использовании. Даже если вы никогда не работали с расширениями, проблем у вас не возникнет.
WordPress Audio Player
Отличный плагин для публикации музыки, прочих ауди-файлов. Плеер имеет большое количество опций, без проблем подстраивается под внешнее оформление сайта.
Advertising Manager
Отличное расширение, упрощающее добавление рекламных блоков. Важный инструмент, если вы всерьез рассчитываете получать прибыль со своего веб-ресурса.
Использование плагина позволит вам помещать рекламные блоки фактически в любых частях сайта:
- в шаблоне;
- в статьях;
- и т.д.
Он помогает в размещении любых блоков. Даже от сервиса Google Adsense – все будет выполняться быстро и просто.
Обратите внимание! Конечно, для размещения блоков можно пользоваться еще одной методикой – она подразумевает использование только кода. С одной стороны – это хороший метод, поскольку не требует установку расширений, что снижает нагрузку на сервер. С другой стороны – не все знаю, что такое код и как с ним работать.
Насколько важно иметь на своем сайте кнопки социальных сетей, наверное, даже не стоит говорить. Ведь их наличие существенно упрощает процесс взаимодействия пользователя с вашими материалами.
Существует целый ряд плагинов, позволяющих установить кнопки социальных сетей. В целом, они все схожи. Основное отличие – внешний вид кнопок.
После установки понравившегося вам плагина вы сможете:
- выбрать кнопки определенных сетей;
- выбрать их размер;
- выбрать их месторасположение на сайте.
Обратите внимание! У каждого плагина имеется ряд настроек. После установки обязательно ознакомьтесь с официальным описанием расширения, чтобы правильно настроить его работу.
7. Оптимизация ускорения загрузки страниц
Не редко пользователи сталкиваются с ситуацией, когда сайт работает уж слишком медленно. Это не очень хорошо – во-первых, пользователи не любят ждать загрузки, во-вторых, поисковым роботам не понравиться такая работа сайта, а поэтому он будет плохо индексироваться.
Медленная работа – следствие установки большого количества плагинов. Хотя, описанные мною расширения работают хорошо и не создают большой нагрузки на сервер.
Но даже если сайт работает нормально, грузится хорошо, уделите внимание оптимизации. Среди методов ускорения работы стоит выделить кэширование страниц. Об это я говорил выше, при описании плагинов.
Среди прочих методов стоит выделить уменьшение изображений – не загружайте слишком большие картинки, уменьшайте их размер, оптимизируя под веб-ресурсы. Такую оптимизацию позволяют провести большинство редакторов изображений.
8. Финансирование и прибыль
Продолжая рассказ, как создать сайт на WordPress бесплатно, остановлюсь на монетизации ресурса. То есть, внедрение определенных фишек, позволяющих получить доход от сайта.
Множество сайтов закрываются только по одной причине – нет возможности получать прибыль. Но тут нужно сразу понимать – чтобы сайт стал успешным, в него нужно вкладывать силы, знания, ресурсы. Ничего просто так с неба вам падать не будет!
Как вариант, можно оплачивать работу копирайтера, контент-менеджера, сео-специалиста. Но если такой возможности нет, придется всю работу делать самостоятельно.
А для этого потребуются определенные знания, умения. Опыт – не обязателен, его вы получите в процессе работы, а вот знания обязательны.
Что нужно знать для создания успешного сайта на WordPress
О том, как создать сайт на WordPress пишут много людей и «специалистов». Все говорят о том, что это очень легко! Конечно, прочитав такие статьи, сразу хочется тут же начать работу над сайтом и получать огромные деньги от рекламы.
Я не буду вводить вас в заблуждение и надевать вам розовые очки! Наоборот, будут с вами предельно честным – создание успешного и посещаемого сайта, который будет приносить вам прибыль, дело не простое. Да, повторить определенные действия, описанные мною в статье, не сложно, но для достижения успеха придется вложить немало ежедневного труда.
А также получить определенные знания. В частности, следует владеть навыками работы с:
- текстовыми редакторами;
- графическими редакторами.
Обратите внимание! Для более глубокой проработки сайта потребуются знания кодировки – html, css и php. Хотя на начальном этапе можно обойтись и без них, но в будущем желательно все же изучить код.
Чтобы сайт был посещаем, статьи были на первых позициях в выдаче поисковых систем, важно знать хотя бы основы SEO. Это поможет вам провести эффективную оптимизацию всего сайта в целом и отдельных частей в частности.
Кстати! SEO весьма интересное направление. Потратив время и деньги на его изучение, вы узнаете много нового и полезного для вас. А впоследствии сможете даже зарабатывать деньги, продвигая чужие сайты.
В первую очередь вам необходимо будет составить семантическое ядро – это подбор запросов, по которым ваш сайт будут искать пользователи в будущем. Для подбора ключевых слов рекомендую пользоваться онлайн-сервисами:
- Яндекс Вебмастер;
- Google AdWords.
Поможет в этом и специальная программа KEYCollector.
Совет! Чтобы достичь успеха, обязательно изучите все возможные онлайн-сервисы, посредством которых можно развивать и продвигать свой сайт! Их много – о некоторых я пишу в этом блоге. Чтобы не пропустить интересные статьи – обязательно подпишитесь на рассылку новостей!
Как создать сайт на WordPress: подводя итог
Я подробно рассказал вам о 7-и этапах, как создать сайт на WordPress бесплатно! После поэтапного прохождения всех пунктов у вас будет полноценный сайт с высокой функциональностью – удобный и интересный для среднестатистического пользователя.
После этого вам нужно будет засучить рукава и приложить усилия для его наполнения и продвижения. Если вы настроены серьезно, все у вас обязательно получится.
Конечно, в дальнейшем вы сможете вносить изменения в функционал и работу сайта – это уже будет зависеть от ваших потребностей и запросов.
Если у вас еще остались вопросы, то пишите их внизу в комментариях.
Сайт созданный своими руками — это еще одна глобальная цель для человека 21 столетия, наряду с выращиванием дерева, постройкой дома и воспитанием сына. Своя площадка в Интернете — это шанс проявить себя как личность, как творческая натура, создатель продукта искусства. А для некоторых это шанс обрести финансовую свободу, ведь сайты на WordPress бывают разными: блог, форум, магазин, портфолио, одностраничник и т. д.
Что выберете вы — это полностью ваше решение.
Данная статья лишь начертит примерную карту действий, чтобы вы поняли как сделать сайт на WordPress самостоятельно и что для этого понадобится.
Помните, что лучшей помощью во время создания своего интернет-проекта будет внутренняя мотивация. Впереди вас ожидает нелегкий путь до момента становления веб-ресурса успешным и самостоятельным. Так что прежде чем приступить, попробуйте сформулировать на бумаге цели, которые вы преследуете пытаясь создать свой интернет-проект.
Почему лучше писать сайт на движке Вордпресс
Сайт на WordPress с нуля сможет создать даже школьник, который ничего не смыслит в сайтостроении и программировании. Необязательно быть мастером кода, понимать все процессы, протекающие на ресурсе, чтобы его создать. Вордпресс — это уникальная основа для любого нового проекта. На этой платформе вам будет легче создать какой-либо веб-ресурс, будь то форум или корпоративный блог. Ведь из-за популярности движка Вордпресс есть множество дополнений, шаблонов и функций, которые вы сможете добавить на сайт, не используя код.
Прежде чем закупать доменное имя и место на сервере, следует убедиться, что хостинг подходит для размещения на нем движка Вордпресс. Чтобы платформе сайта было комфортно на сервере, он должен соответствовать следующим требованиям:
- поддерживать PHP (уточняйте версию в зависимости от обновления движка);
- MySQL (аналогично проверьте соответствие версии);
- содержать модуль mod_rewrite для человекопонятных ссылок (по желанию);
- хостинг должен принимать удаленные соединения.
Планирование перед запуском сайта
Вам необходимо создать собственную карту действий. Неважно, создаете вы сайт бесплатно или инвестируете в него деньги. Разработка будет безуспешной, если вы все не спланируете. Стоит расписать пошагово план действий. Первым делом убедитесь, что хостинг соответствует требованиям, что указаны выше. Если не получается разобраться в этом вопросе, можете отыскать в Интернете подходящий форум, где излагается список подходящих хостинг-провайдеров. Либо посоветуйтесь об этом со знакомыми, у которых уже есть свой сайт на WordPress.
После выполнения определенного пункта подготовительно плана вносите изменения на вашу карту действий, чтобы видеть ситуацию в общем. Следующим шагом придумайте логин и пароль как для сервера, так и для движка. Рекомендуется использовать разные пароли для разных аккаунтов: на движке один «пассворд», на сервере — другой. Иначе повысится вероятность взлома админки.
Далее подготовьте программную составляющую — скачайте все необходимое ПО на компьютер, чтобы потом не делать это в спешке. Во-первых, установите правильный текстовый редактор. Он может понадобиться для редактирования отдельных элементов вашего проекта. Не волнуйтесь, в Интернете есть инструкция для всех этапов создания чего-либо для сайта, будь то дизайн, плагин или виджет. Лучшие редакторы — это Kwrite, Notepad++, Website Editor, JEdit и Coda. Кроме программы для редактуры кода, вам понадобится также FTP-клиент для переноса и изъятия данных с сервера. Лучший в своем роде — это FileZilla. Установите его или какой-либо другой.
Установка Вордпресс
Прелесть сайта на основе Вордпресс — это упрощенная установка. Вам не понадобится пользоваться помощью платного специалиста, чтобы переместить движок на хостинг — вы сможете сделать все своими руками. Сами создатели этой платформы утверждают, что установить ядро можно за 5 минут. И самое главное, что это бесплатно!
Итак, теперь разберем пошагово как создать сайт на WordPress с нуля, а точнее как установить его на выбранный вами сервер. Для начала необходимо загрузить дистрибутив WordPress на ваш компьютер. Используйте для этого любой веб-браузер. Потом воспользуйтесь помощью архиватора, чтобы распаковать движок на компьютер.
Далее вам следует уладить все вопросы с сервером. Для , вам необходимо создать базу MySQL. Обычно это происходит автоматически, если выбрать правильный хостинг. Лучше пролистать не один форум, прежде чем выбрать сервер, чтобы потом было проще с установкой. Если не понимаете как создать базу данных, то напишите в техническую поддержку — их помощью можно воспользоваться бесплатно, ведь вы уже заплатили за это. Создайте аккаунт в админке сервера.
В распакованном дистрибутиве вы найдете файл wp-config-sample.php. Вам необходимо переименовать его, оставив только wp-config.php. Именно на этом этапе вы и воспользуетесь помощью предустановленного ранее текстового редактора. Чтобы сайт на движке заработал, необходимо правильно указать информацию о базе данных, созданной на хостинге. Вам предстоит кое-что добавить в файле wp-config.php (писать много не придется):
- напротив DB_NAME впишите имя БД (базы данных);
- возле DB_USER укажите имя пользователя;
- там где DB_PASSWORD пропишите пароль;
- около DB_HOST обычно нужно указывать localhost, но не всегда (воспользуйтесь помощью поддержки сервера, чтобы это узнать);
- DB_CHARSET (также выясняйте в службе поддержки);
- DB_COLLATE (если не требуется, то не меняйте эту строку).
Теперь займитесь переносом вашего движка на сервер. Особая инструкция на этом этапе вам не понадобится — это легко сделать своими руками при помощи FTP-клиента, который вы ранее скачали. Если хотите, чтобы весь сайт был на ядре WordPress, тогда разместите его в корневой директории.
Если вы следовали данным шагам, значит вы уже вплотную подобрались к завершающему пункту установки. Теперь вам следует перейти по ссылке http://доменное_имя.ру/ wp-admin/install.php. URL будет иметь такой вид, если вы разместили движок в корневой папке. Если это не так, то возможно в данную цепочку нужно будет добавить еще пару названий директорий, куда вы загрузили дистрибутив.
После перехода по указанной ссылке ядро окончательно закрепится на вашем хостинге и вы уже и сами сможете обучать тому, как сделать сайт на WordPress. Сразу после установки зайдите в админку платформы. Вы создадите свой аккаунт, введя заранее придуманные имя пользователя и пароль. Теперь постарайтесь не заблудиться в дебрях административной панели и понять что к чему. , как уже говорилось, тем и хороша, что легко дается новичку. Так что вам не придется платить кому-либо за обучение — вы и сами бесплатно сможете научиться пользоваться этим ядром.
Настройка движка после установки
Следующий шаг, которого коснется наша пошаговая инструкция — это настройка функций внутри административной панели. Вам предстоит создать четкие принципы, по каким будет работать сайт. У каждого элемента есть свои функции, и вам предстоит выбрать какие из них будут работать, а которые лучше оставить на потом или вообще никогда не включать.
К примеру, сразу определите — будет ли на вашем ресурсе комментарии. Если у вас блог, лучше активировать обсуждения, а вот для интернет-магазина они ни к чему. Также определите количество авторов и пользователей Вордпресс, а также права, какими вы их наделяете. Добавьте свои параметры публикаций, чтобы авторам сайта было максимально удобно размещать свои материалы. Учитывайте при этом особенности СЕО. Лучше с самого начала позаботиться о семантическом ядре, чтобы раскрутить площадку можно было бесплатно, не пользуясь платной «помощью» сеошников.
Один из основополагающих моментов — это разработка структуры сайта. Загляните в вашу карту (план) действий — какой вы планировали создать проект? Определите несколько ключевых идей, какие вы планируете продвигать и создайте под них родительские рубрики. А уже к этим категориям добавьте дочерние разделы и подразделы, которые будут находиться ниже по иерархии. Настройте главную страницу, определив ее как динамичную (с размещением последних записей) либо как статическую.
Добавление новой темы
В Интернете есть море шаблонов, которые вы сможете скачать бесплатно для своего сайта. Отнеситесь к этому дело с долей серьезности — на карту ставится репутация вашего проекта, потому его оформление должно соответствовать вашим целям. Тема не обязательно должна в точности подходить под вашу задумку. В крайнем случае вы сможете отредактировать ее. Сделать это можно бесплатно, если почитаете в Сети тематические статьи о редактировании шаблонов.
Новая тема оформления устанавливается на сайт пошагово:
- Скачайте и разархивируйте шаблон на компьютере.
- Создайте на хостинге в разделе wp-content/themes папку с названием скачанной темы.
- Переместите файлы шаблона при помощи FTP-клиента на хостинг.
- Войдите в административную панель в профиль пользователя с правами админа.
- Откройте вкладку «Внешний вид», раздел «Темы».
- Выберите нужный шаблон из доступных тем.
- Активируйте его.
Как создать форум, блог соавторов и другой формат сайта? Как добавить новые функции?
Теперь у вас уже есть готовый проект, сырьевой сайт, на котором вы можете разместить все, что пожелаете. Для удобства рекомендуется использовать специальные дополнения — это плагины. В большинстве случаев их можно скачать бесплатно. С ними вы сможете сделать все, что угодно. К примеру, сможете сгенерировать из обыкновенной площадки функциональный форум либо добавить в боковое меню карту и т. д. Разберем эти два примера подробнее.
Как создать форум на Вордпресс при помощи плагинов
Нет ничего сложного в том, чтобы превратить ваш ресурс в форум. В Интернете есть ни один бесплатный плагин для этих целей. Разберем несколько модулей, которые вам подойдут (платные и бесплатные). Лидером среди подобных дополнений считается WP Symposium. Чтобы активировать его, вам даже не придется влазить в директории на сервере. Достаточно зайти в административную панель во вкладку «Плагины». Там вы увидите кнопку «Добавить новый» и «Загрузить». Нажимаете и указываете расположение модуля на компьютере. После его загрузки на движок вы сможете активировать его.
У каждого плагина есть свои особенности. Чтобы добавить форум при помощи WP Symposium, вам необходимо будет воспользоваться шорткодами. Это короткие коды-отсылки, которые активируют функции модуля в нужном месте на сайте. Инструмент сам сгенерирует такой код. Вам необходимо будет лишь разместить его в положенном месте в структуре страницы. После добавления шорткода на сайте появится форум с множеством категорий, веток и целым перечнем возможностей пользователя.
bbCode — это другой популярный инструмент, который поможет вам бесплатно создать форум на страницах сайта. Эта разработка вполне заменит целый комплекс плагинов, так как позволяет создать полностью автоматизированный сервис обсуждений и переписки людей. В модуле есть встроенная защита от взломов аккаунтов и функция борьбы со спамерами. Вы сможете добавить до 7 различных виджетов на сайт. Также есть функция прикрепления отдельных постов сверху страницы, для выделения важных тем. bbCode хорошо работает с интеграцией каких-либо БД, потому сможете загрузить в него любое содержимое. В итоге получите замечательный форум.
Еще один популярный формат форума, разработка, пришедшая в Рунет из Запада — это сайты вопросов/ответов. Ныне такие ресурсы пользуются огромной популярностью и хорошо индексируются поисковиками. Потому если создать хороший и интересный проект, вполне вероятно, что пользователи сами раскрутят его. А поможет в создании плагин CM Answers, который как раз и предназначен для генерации вопросно-ответного форума.
Как добавить карту и другие функциональные элементы на сайт WordPress
Следующий пример, которые мы обещали рассмотреть, — это как добавить карту при помощи плагина. Дело в том, что неважно, что вы собираетесь внести нового на ваш сайт. Вордпресс настолько популярен, что для него уже есть практически все необходимые дополнения. Вы сможете внести на страницу карту при помощи плагина MapifyPro, причем как управляемую, так и в виде графического скрина.
Главное, что вам необходимо усвоить — это то, что не имеет границ в своей функциональности. Как только вы поставите себе цель, загляните в Гугл в поисках решений — и наверняка найдете нужный ответ! Этот движок подходит для реализации любой задачи. Вы сможете справиться с достижением цели, какой бы сложной и непонятной она была! Теперь, когда вы знаете как создать сайт на WordPress, нет ничего невозможного. Приступайте!
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 созданы десятки тысяч шаблонов, и если создавать проект для серьезных целей, то вам нужен свой, уникальный. Вот тут мы и приходим к необходимости создания или переделки готового шаблона.
Создание своей темы – как?
Разработку собственного шаблона я вижу двумя способами.
Первый способ
Абсолютно с нуля, с чистого листа. Какие преимущества у такого способа:
- Вы можете получить чистый и короткий код, так как включите в шаблон только то, что вам нужно
- Вы можете изначально все оптимизировать, значительно повысить скорость загрузки
- Вы легко сможете вносить правки в шаблон в будущем, так как будете прекрасно знать его структуру и если нужно будет расширить функционал, вы сможете это сделать
- В шаблоне не будет никаких скрытых и закодированных ссылок на левые сайты
- Если вы мастер своего дела, то можете сделать кроссбраузерную и адаптивную тему
А теперь минусы:
- Вы должны обладать соответствующими знаниями по PHP и WordPress
- Тема создается не за один час, это длительный и кропотливый процесс
В принципе, это все недостатки. Все упирается в то, есть ли у вас время, желание и хорошие знания, чтобы сделать эту тему.
Где получить знания
Хорошо, скажете вы, я хочу научиться создавать шаблоны, хотя бы самые простые, а где мне обучиться этому? Я хочу порекомендовать вам видеокурс от команды Webformyself , в котором вы сможете пошагово создать шаблон для WordPress, даже если вы полный ноль в сайтостроении, а от слова “код” вас тошнит. Я уверен, таких подробных и разжеванных пояснений не найдете больше нигде.
По-моему, курс стоит около 5 тысяч рублей. Думаете, много? А я скажу вам, что если научиться создавать темы для WordPress, то на хлеб с маслом всегда сможете заработать. Даже создав один полностью уникальный шаблон вы полностью отобьете цену за курс.
Второй способ
Мне кажется, это даже более привлекательный вариант. Суть его в следующем: вы скачиваете в сети так называемые темы-болванки и на их основании делаете свою. Что такое тема-болванка? Это специальный шаблон, который создан для того, чтобы на его основании делать новые, уникальные темы.
Этот вариант мне больше нравится, потому что не нужно создавать ничего с нуля. Все файлы и стили уже прописаны, вам остается только менять все это на свое усмотрение, добавлять новый функционал и т.д. Я думаю, что процесс создания уникального шаблона таким образом можно ускорить и упростить.
Тема-болванка Bones
Недавно я обнаружил в сети как раз одну такую замечательную тему, которая заточена то, чтобы изменить ее под свои нужды. Скачать ее можно, перейдя по этой ссылке . Называется она Bones, но вы легко можете переименовать ее, я даже рекомендую это сделать сразу же.
Кроме этого в сети есть и другие пустышки, например:
- WordPress Bootstrap
- Roots
- Underscores
Устанавливаем Bones
Итак, сейчас я установлю ее на свой локальный сервер. Жмем в админке – темы – добавить новую – загрузить. Находим скачанный архив, он установится и можно сразу же активировать.
Вот что мне сразу нравится в этой теме, так это то, что она изначально выглядит достаточно неплохо. Но, конечно же, это пока неуникальный шаблон, осталось изменить его под свои нужды. Как изменить, это другой вопрос, давайте на нем немного остановимся.
Редактирование шаблонов WordPress
Если вы умеете создавать собственные темы, то редактирование готовых вообще не должно вызывать у вас вопросов. Но если вы новичок, конечно, вам придется потратить какое-то время на освоение базовых принципов.
Что желательно знать для изменения темы:
- Php, wordpress функции тем
На Php работает подавляющее большинство динамических сайтов. Html – это язык разметки гипертекста, с него начинается создание любого сайта (подробнее о нем ). Css – отвечает за внешний вид элементов на веб-страницах. Хорошее знание этого языка без проблем позволит вам изменить дизайн, но саму структуру страниц вы с его помощью не измените.
На самом деле в WordPress можно взять практически любую тему и переделать ее под себя, просто вышеприведенные шаблоны созданы специально для этого, специально для их изменения и доработки.
О том, где и как выучить html и css я написал в . WordPress вы можете изучать по тому курсу, который я вам предложил, а можете и бесплатно, в сети есть два замечательных сайта с русской документацией движка и я пользуюсь ими очень часто:
- WP-Kama
- WP-Docs
Уникализация в визуальном режиме
Конечно, некоторые самые простые настройки вы можете сделать чисто в визуальном режиме с помощью админки WordPress. Например, определить общий цвет фона страницы, а также поставить фоновые изображение, favicon, вставить логотип в шапку, добавить собственные уникальные виджеты. Все это первые шаги на пути к собственному уникальному и неповторимому дизайну.
А если я все-таки буду использовать полностью шаблонный дизайн без изменений?
Я вам скажу, что это не оптимальный вариант. Не смертельный, но и не оптимальный. Вам нужно добавить хоть какие-то уникальные фрагменты на сайт, хотя бы логотип и шапку изменить, потому что если в сети ваш проект по внешнему виду будет полной копией другого – это плохо.
В конце концов, в интернете также продаются премиум-темы. На самом деле в большинстве случаев их могут купить многие, но такие темы обладают простой визуальной настройко и разными цветовыми схемами, чтобы даже полный новичок, не разбирающийс в коде, мог легко внести изменения.
Одним из таких шаблонов считается Sahifa. Когда-то мне он достался бесплатно при покупке сайта на telderi. А вообще за премиум-тему вам придется заплатить от 20 долларов, в зависисмости от потребностей. В любом случае, это уже будет не самостоятельное создание шаблона для WordPress, поэтому это тема для отдельного разговора.
Короче говоря, чтобы самостоятельно сделать уникальный сайт на wordpress, нужно обладать определенной квалификацией, полный новичок этого сделать не сможет. В то же время, не стоит думать, что это слишком тяжело и не стоит даже браться.
Настройка WordPress
Как я уже и говорил, это начало. Если вы планируете развивать свой ресурс, вам предстоит еще огромная работа. Настройка внешнего вида, подбор шаблона или разработка нового с нуля, наполнение сайта, оптимизация его скорости, улучшение безопасности, дополнительные возможности (интернет-магазин, форум, фотохостинг). Сегодня на WordPress можно создать практически все!
Десятки тысяч шаблонов, плагинов, сотни настроек – изучать движок нужно постепенно. Конечно, можно отдать все это знающему человеку и он все вам настроит один раз, так что останется только добавлять на сайт новые товары, тексты или что там еще у вас есть.
Никто не отговаривает вас от такого пути. Иногда это даже разумнее – если есть деньги, но нет желания разбираться, а получить результат нужно быстро. Но любое дело приятно осваивать самостоятельно. И все равно найдутся люди, желающие освоить все самостоятельно, разобраться что к чему.
Тем более, что 95% проблем можно решить не обладая огромными знаниями в программировании. Иногда нужного результата можно достичь с помощью нужного плагина. Иногда можно взять готовый код, скопировать его в нужное место и получить то, что требовалось. А еще чаще проблема решается чисто в визуальном режиме с помощью базовых настроек WordPress.
Как видите, лезть в дебри движка нам не придется. Таким образом WordPress стал системой, которую выбирает для своих сайтов подавляющее количество людей.
Работу с движком нужно осваивать постепенно. Для начала пройдитесь по панели управление, создайте свои первые записи и страницы, потом попробуйте добавить на страницы виджеты, изменить внешний вид, поменять шаблон, установить плагин и т.д.