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 стал системой, которую выбирает для своих сайтов подавляющее количество людей.
Работу с движком нужно осваивать постепенно. Для начала пройдитесь по панели управление, создайте свои первые записи и страницы, потом попробуйте добавить на страницы виджеты, изменить внешний вид, поменять шаблон, установить плагин и т.д.
Сейчас объясню, как сделать из простого 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 сайта и его адрес:
Только следует учесть, что вордпресс генерирует некоторые классы, которые должны присутствовать в таблице стилей. К примеру классы aligncenter, alignleft и alignright служат для выравнивания изображений и блочных элементов, и их нужно включить в свою таблицу стилей (можно скопировать из таблицы стилей дефолтной темы):
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
Следующие классы используются для выравнивания изображений, которые имеют подписи (можно скопировать из дефолтной темы, в дальнейшем при необходимости поправить):
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* необязательные параметры, которые сделают скругленные углы в поддерживаемых браузерах*/
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Кроме того, существует еще несколько классов WordPress, которые необязательно описывать в таблице стилей, но, т.к. WordPress генерирует страницы с их использованием, можно и им задать стиль:
.categories {...}
.cat-item /* Этот класс присваивается всем категориям */}
.current-cat {/* стиль текущей категории */}
.current-cat-parent {/* стиль для предка(ов) текущей категории */}
.children {/* класс для потомка */}
.pagenav {/* постраничная навигация */}
.page_item {/* любой элемент списка */}
.current_page_item {/* этот класс присваивается в списке страниц к текущей активной странице */}
.current_page_parent {/*класс для родительской страницы по отношению к текущей */}
.current_page_ancestor {/* любая страница верхних уровней по отношению к данной */}
.widget {/* все виджеты обворачиваются в этот класс */}
В процессе верстки используйте блоки и стили к ним, как это определено в скринах в начале статьи. Это не обязательно, но очень даже желательно.
К примеру в дальнейшем мы подключим поисковую форму на сайт через спец. тег wordpress , в результате чего wordpress выведет такую форму:
Поэтому учитываем это при верстки темы.
И последнее, что нужно добавить в style.css это информацию о себе любимом и о созданной теме. Информация размещается в начале файла в коментах:
/*Theme Name: Придумайте уникальное имя темы
Theme URI: http://ссылка-на-домашнюю-страницу-темы
Description: Описание темы
Author: Автор темы
Author URI: http://ссылка-на-страницу-автора
Template: название-темы-предка
Tags: теги темы - только из списка предлагаемого wordpress.org
Version: версия
Ну и здесь текст лицензии
*/
Также не забудьте сделать screenshot.png и положить его в папку с шаблоном (в корень). Информация, размещенная таким образом в таблице стилей, будет отображаться в админке в разделе Управление «темами» . Сверстанный шаблон тестируем в браузерах, если все норм, можно идти далее.
Код страниц сверстанного шаблона приводить не буду, т.к. он достаточно большой, вы его просто скачайте , далее будем работать с ним.
Принцип работы wp-темы
:
Если вы откроете папку темы по умолчанию (wp-content/themes/default), вы увидите множество файлов PHP (файлы темы) и одного файла style.css. Когда мы просматриваем блог, WP подключает файлы темы (index.php < На этом предварительная подготовка закончена и мы можем перейти к созданию темы из имеющегося исходного материала. Шаг 1:
Теперь файлы нашего шаблона нужно "распилить", т.е. вытащить в отдельные файлы footer, sidebar и header. Схема показывает упрощенный вид файла index.php
с метками, согласно которым будем его пилить: Шаг 2
- Header.php
Теперь идем в папку с дефолтной темой, открываем header.php
и копируем оттуда теги Шаг 3 - Sidebar.php
Таким образом мы вызываем 2 сайдбара. Если вы смотрели Sidebar.php
дефолтной темы, то заметили, что кода там гораздо больше. Дело в том, что там просто прописано дополнительное условие, которое по умолчанию выводит архив и категории, в случае, если админ не подключил ни одного виджета к сайдбару. Мы это условие прописывать не будем. Чтобы наши сайдбары заработали, их необходимо зарегистрировать. Для этого в директории темы создаем файл functions.php
и в нем пишем:
register_sidebar(array("name"=>"sidebar1")); Осталось подключить форму поиска. Сделать это можно либо из админки путем добаления виджета в один из сайдбаров, а можно вызвать ее в sidebar.php
, что мы и сделаем. В самом начале добавляем:
Шаг 4 - Footer.php
По нашему шаблону здесь же мы должны вывести последние записи блога (Recent Posts) и последние коментарии (Recent Comments). Последние записи будем выводить в количестве 5 штук - showposts=5
. Заменям все внутри
Вывод последних коментариев сделаем с помощью плагина simple_recent_comments.php , скачайте его и положите в папку нашей темы. Теперь в нужном месте его нам нужно вызвать (заменям содержимое блока
Шаг 5 - Index.php
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Read more... Шаг 6 - Вывод записей блога на странице index.php
Следующий рисунок демонстрирует принцип вывода записей блога. Сначала идет проверка, есть ли сообщения в базе, если нет выводит "Not Found". Если есть, выводит в цикле while
. Открываем наш index.php и заменям статичный текст между
Теперь тема должна уже быть доступна из админки в списке тем, ее можно активировать и посмотреть, что вышло. Мы использовали теги Wordpress:
the_time("M"), the_time("j") -
вывод месяца и дня соответственно Шаг 7- Single.php
Pages: ", "after" => " wp_link_pages
- Выводит ссылки на странице в многостраничном сообщении (при использовании ). Шаг 8 - page.php
Pages: ", "after" => " На этом можно и закончить. Основные файлы темы мы собрали. Вероятно вы заметили, что в дефолтной теме больше файлов. Например archive.php
, он не является обязательным. Однако если мы подключим виджет "Архивы" или "Календарь" в сайдбаре и перейдем в какой - нибудь архив по дате, записи по выбранной дате выведутся на индексной странице
, поэтому вполне можно обойтись без archive.php
:) Финал
.
/* query_posts("showposts=-1");
- выведет все записи. Сохраним это в файл archives.php
. Обратите внимание на комментарии в начале кода Template Name: Archives
, он здесь обязателен (далее вы поймете почему) Идем в админку и создаем новую страницу. Указываем только заголовок и указываем в "Атрибутах" шаблон Archives
, сохраняем страницу. И теперь на этой странице у нас будут выводиться все записи по шаблону archives.php
, который мы описали чуть выше: На сегодня это все. Спасибо за внимание. P.S собранная тема тестировалась на WordPress 2.8.5. Конечный результат скачать можно . Аналогично попробуйте создать свою тему, уверен, у вас получиться! Статья сборная, источники: http://www.webdesignerwall.com, http://themetation.com, http://codex.wordpress.org
Приветствую вас, мои уважаемые читатели! Рад вас видеть 🙂 Мы продолжаем серию статей, призванных помочь вам в создании сайтов с применением различных CMS. Для тех, кто не знает, что это такое и с чем его едят, рекомендую ознакомиться со статьей о . В ней вы узнаете о том, как вообще можно сделать сайт не только своими руками, но и как их разрабатывают престижные веб-студии. Но почему из всех способов я уделяю внимание созданию сайтов на CMS наибольшее внимание? Все предельно просто 🙂 Как я уже говорил в своих предыдущих публикациях, на сегодняшний день это один из самых перспективных и простых способов разработки сайтов, не требующих от разработчиков больших знаний и усилий. А поскольку цель ведения данного блога – это помочь вам, мои читатели, в создании сайта своими руками, то и внимание данному способу я уделяю соответствующее. Ведь это идеальный вариант для вас, позволяющий обзавестись собственным веб-проектом максимально быстро, просто и без лишних затрат. Я уже написал цикл статей, посвященных самостоятельному созданию Интернет-магазинов на базе — одного из самых популярных бесплатных движков для этих целей. Данной статьей мы открываем новый цикл публикаций, посвященный самостоятельному созданию сайтов на WordPress, в котором будут рассмотрены особенности разработки различных типов сайта на данной платформе. Также вас ждет обзор необходимых плагинов для достижения поставленных вами целей и различные примеры кода для ситуаций, когда можно обойтись без сторонних компонентов. Откуда лучше всего скачивать дополнения для WordPress, как их правильно устанавливать, а также, зачем нужен код, если есть масса виджетов, тем и плагинов, — обо всем этом читайте далее. Все, что от вас потребуется для получения этой полезной информации – подписаться на обновления , чтобы вам на email приходили уведомления о выходящих статьях. Будет очень интересно! 🙂 Переходим непосредственно к теме сегодняшней статьи, которая посвящена тому, как создать блог на WordPress
своими руками. План статьи будет следующим. Вначале я расскажу вам немного о CMS WordPress, а потом нами будет рассмотрен непосредственно процесс установки данного движка, как самого первого и главного этапа . Поэтому если вы уже наслышаны о данном движке и всё, что вам нужно – это создать свой блог на WordPress, то можете пропустить первую часть и перейти непосредственно к практическим действиям. Поехали 🙂 В Интернете при поиске информации по поводу создания собственного блога, наверное, на каждом сайте можно найти упоминания о данной CMS. При этом авторы иногда даже забывают сказать, что есть альтернативные способы обзавестись данным типом сайта. В целом, их можно понять, т.к. WordPress – это очень простой и, в тоже время, мощный инструмент, чтобы завести блог всем желающим, не зависимо от их уровня знаний. Поэтому нет необходимости «изобретать велосипед» 🙂 Изначально WordPress разрабатывался как блоговый движок и остается таким по сей день. Поэтому все, что вам нужно для того, чтобы создать свой блог на WordPress – это установить его. Сегодня существует огромное множество CMS и блоговых платформ как на платной, так и на бесплатной основе, прдназначенных для разработки блогов. Но, тем не менее, Вордпресс уже на протяжении длительного времени является лидером данного сегмента услуг, заслужив любовь и уважение пользователей по всему миру. Причем, к данному движку при разработке сайтов прибегают не только неопытные пользователи, решившие побыстрее запустить свой первый сайт, но и профессиональные разработчики и веб-студии, что свидетельствует о серьезности данной CMS, делающей ее пригодной для сайтов любой сложности. Во-первых
, это простота использования. Поскольку блог – это не самый сложный тип сайта, то разработчики WordPress выбрали правильный вектор развития своего творения, максимально успростив его интерфейс. Это касается как пользовательской части (то, что видит пользователь при переходе на ваш сайт), так и кабинета администратора, где все элементы структурированы и не вызывают проблем с их нахождением. Во-вторых
, это простота разработки и доработки существующих сайтов, что очень на руку разработчикам. Иногда веб-программисты даже шутят по этому поводу, говоря, что сделать блог на WordPress может даже ребенок 🙂 Несмотря на то, что WordPress не имеет MVC-структуру кода, которая среди разработчиков считается чуть ли не эталонной, работать с ним весьма удобно. Для всех, кто решил создать блог на Вордпресс, доступно огромное число функций. И их число пополняется с каждой новой версией движка. К тому же в движке по умолчанию доступен редактор кода, позволяющий вносить правки на сайт прямо из админки, находясь при этом абсолютно в любой точке земного шара и не имея соответствующего набора программ. Про себя могу сказать, что я начал свой путь веб-разработчика с CMS OpenCart, после которого WordPress мне показался детским лепетом – настолько просто с ним работать, причем, это касается как верстки, так и непосредственно программирования. И это при том, что OpenCart- не самый сложный движок из существующих. Так что если вы являетесь начинающим разработчиком, который в поисках CMS для старта, WordPress будет для вас идеальным вариантом, после которого вы, возможно, и не захотите пробовать что-то другое. Тем более, что знание данной CMS поможет вам иметь хороший доход ввиду огромного числа сайтов на базе WordPress (на всех зарубежных фриланс-ресурсах заказы на доработку wordpress-базированных ресурсов составляют более 50% от общего числа). Третьей причиной
создания блога на WordPress является огромное количество документации.Этот момент находится в прямой зависимости с популярностью самого движка. Чем больше спрос, тем больше и предложение 🙂 При поиске ответов на вопросы, возникающие у меня при создании данного блога (да, я не оригинален, — он тоже сделан на WordPress:-)) я нашел массу статей, чего не встречал при разработке на OpenCart, где их можно было найти только на форумах. Причем, это были не пустые публикации с какими-то авторскими методиками и ссылками на партнерки, а реальные советы со списком рабочих плагинов и фрагментов кода. Четвертой причиной
популярности WordPress является возможность создавать на базе данного движка различные типы сайтов. Данный момент, как и предыдущий, является как причиной популярности данного движка, так и ее следствием. Сегодня, кроме того, как сделать блог на WordPress, данный движок подойдет для создания интернет-магазинов, видеохостингов, форумов и каталогов. Причем, из блога в другой тип сайта ресурс на WordPress превращается посредством установки всего одного-единственного, но правильно подобранного плагина или шаблона. Поэтому созданию каждого типа ресурса, входящего в современную , на WordPress я посвящу отдельные статьи. Сейчас же самое время поговорить о том, с чего этот процесс начинается, — об установке WordPress. Итак, как я сказал ранее, на данный момент WordPress подходит для создания различных типов сайтов. Но, независимо от типа ресурса, движок сначала нужно скачать и установить. При скачивании установщика движка не нужно оригинальничать и искать какие-то ссылки на форумах и сторонних сайтах, рискуя скачать некачественный продукт или подцепить вирус. Лучший вариант – скачать дистрибутив с официального сайта https://ru.wordpress.org На его главной странице расположена кнопка «Скачать», при нажатии на которую вы получите установочные файлы самой последней версии данной CMS. Теперь инсталлятор у вас есть. Что же делать дальше? Сейчас у многих хостинг-провайдеров в перечне их услуг можно найти услуги хостинга для сайтов на различных CMS. Это значит, что они помогут вам в установке движка прямо на хостинг. Если ваша цель – это сделать блог на WordPress, то вам нужно будет выбрать данную CMS из списка всех предложенных на экране автоматической установки, попасть на который вам поможет техническая поддержка вашего хостинг-провайдера. В случае же, когда вы решили создать WordPress блог сперва на локальном сервере, а затем перенести его на хостинг (что является правильным подходом), то для этого вам необходимо будет произвести действия, описанные ниже. Также данный алгоритм будет справедлив, если у вашего хостинг-провайдера нет автоматической установки или вы по каким-то причинам решили от нее отказаться. Шаг 1.
Копируем скачанный дистрибутив в папку проекта на локальном сервере или хостинге. Лично я при создании сайтов предпочитаю использовать локальный сервер, а затем переносить готовый ресурс на хостинг. При этом я пользуюсь продуктом под названием OpenServer. Итак, я создал папку под названием «MyWP», которое будет являться автоматически именем моего сайта, скопировал туда дистрибутив и распаковал его. – это хранилище, в котором будет храниться вся доступная на нем информация. Ее наличие – это обязательное условие при создании сайта любым способом. Тем, кто решил создать блог на Вордпресс, как и с помощью других CMS, разрабатывать структуру БД самостоятельно нет надобности, т.к. установщик все сделает сам. Единственное, что требуется при установке — указать ее наименование. Поэтому, чтобы не отвлекаться в процессе установки, создадим базу данных будущего сайта сейчас. Для этого заходим в программу phpMyAdmin либо какой-то другой клиент БД, доступный на вашем локальном веб-сервере или хостинге. Для создания новой БД перемещаемся на вкладку «Базы данных», вводим имя вашей БД в пустое поле и нажимаем «Создать»: Шаг 3.
Автоматическая установка WordPress Приятной отличительной особенностью создания сайтов на CMS является полная автоматизация процесса. Все, что нужно для получения готового сайта — это запустить процесс установки, а далее система все сделает сама. Поэтому для того, чтобы создать блог на WordPress, мы заходим в любой веб-браузер и вводим в адресной строке доменное имя вашего сайта (имя папки на локальном сервере или хостинге, куда вы копировали дистрибутив). Если ничего не произошло, проверьте, запущен ли у вас локальный сервер и есть ли соединение с Интернетом. Иногда, при использовании локального сервера и давая сайтам простые названия без доменных зон вроде.com, .ru, .com.ua браузер воспринимает такой адрес как поисковый запрос, поэтому ищет данное слово в поисковой системе, установленной по умолчанию. При этом в браузере всплывает небольшое сообщение под адресной строкой с текстом: «Вы действительно хотите перейти на «имя сайта»?». Если этого не произошло, для того, чтобы все-таки попасть на свой сайт, нужно либо ввести в адресную строку «http://доменное_имя_сайта», либо воспользоваться интерфейсом локальных веб-серверов. Например, в OpenServer попасть на сайт, расположенный на нем, можно следующим способом: Когда все выполнено верно, в браузере появится следующий экран: Также для создания блога на WordPress вам необходимо будет узнать имя пользователя и пароль для доступа к БД. Эта информация предоставляется вашим хостинг-провайдером. При использовании локального сервера вам нужно найти ее в руководстве к продукту, которым вы пользуетесь или поискать ответа в Интернете (в большинстве случаев Пользователь – «root», Пароль пустое поле). Адрес сервера БД понадобится только в случае, если у вас очень большой проект и для распределения нагрузки компоненты вашего сайта расположены на различных серверах или же такая структура сайтов характерна для вашего хостинг-провайдера. В любом случае, при любых неясностях стоит обратиться в техническую поддержку хостинга, объяснив им, что вы хотите создать блог на WordPress и обрисовав характер вашей проблемы. Во всех остальных случаях сервер БД будет «localhost». На следующем экране установки нужно всю эту информацию ввести в соответствующие поля: Единственный вопрос, который может возникнуть у тех, кто решил создать блог на WordPress впервые, это назначение поля «Префикс таблиц». Но здесь всё очень просто – данный префикс будет добавлен перед именами таблиц в БД, чтобы ассоциировать их с сайтом. Благодаря этому механизму в одной БД может быть расположена информация для нескольких сайтов, таблицы которых будут отличаться друг от друга подобными префиксами. Поэтому менять значение по умолчанию не стоит. После ввода необходимой информации нажимаем на кнопку «Отправить» и переходим к следующему этапу, позволяющему создать блог на WordPress: В принципе, можно было бы без него обойтись 🙂 Нажимаем кнопку «Запустить установку» и переходим на следующий экран: Последний пункт имеет смысл отмечать только в случае, если вы решили создать блог на WordPress сразу на хостинге, и он еще длительное время будет, что называется «сырым», чтобы поисковики не «сформировали свое мнение» раньше времени, которое, кстати, может влиять на его позиции в дальнейшем. После ввода информации нажимаем на кнопку «Установить WordPress». Для этого входим в кабинет администратора под учетной записью, которую вы создали на этапе установки движка. Чтобы перейти в пользовательскую часть сайта, необходимо ввести в адресной строке веб-браузера «http://доменное_имя_сайта» или нажать на кнопку с изображением домика в левом верхнем углу кабинета администратора. Выглядит неказисто, но эта проблема разрешима с помощью шаблонов и плагинов, к которым прибегают все без исключения, кто решил создать блог на WordPress. Данные этапы мы обязательно рассмотрим в следующих статьях, чтобы сделать ваш ресурс по-настоящему качественным и достойным внимания пользователей. А сегодняшняя публикация, в которой я помог вам создать блог на WordPress, подходит к концу. Надеюсь, что информация была для вас полезной. Жду ваши отзывы и оценки в комментариях под статьей, а также не забывайте делиться записью со своими друзьями в соц. сетях, чтобы помочь создать блог на WordPress и им. До новых встреч! 🙂 P.S.
: если вам нужен сайт либо необходимо внести правки на существующий, но для этого нет времени и желания, могу предложить свои услуги. Более 5 лет опыта
профессиональной разработки сайтов. Работа с PHP
, OpenCart
, WordPress
, Laravel
,
Для начала в директории тем вордпресса (wp-content/themes) создайте папку с именем нашей темы. Пусть это будет ruseller_lessons
. Затем из папки темы по умолчанию (wp-content/themes/default) скопируйте файлы comments.php, search.php
и 404.php
в папку нашей темы. Эти файлы отвечают за комментарии и поиск на блоге. Затем в ruseller_lessons
скопируйте таблицу стилей style.css
нашего шаблона, screenshot.png (300x225)
и папку images
.
Открываем index.html
и вырезаем все, что находится до коментария , создаем новый файл header.php
и вставляем в него вырезанный код, сохраняем в директории нашей темы ruseller_lessons
:
My Blog
" type="text/css" media="screen" />
" />
/">
Возращаемся к файлу index.htm. Первым делом удаляем всю форму поиска, затем вырезаем из него все от вызовом сайдбаров, получаем следующий код:
register_sidebar(array("name"=>"sidebar2"));
?>
...............................................
Возращаемся к файлу index.html и вырезаем из него все от
:
" rel="bookmark" title=" ">
Recent Comments", ""); } ?>
Все что осталось в index.html
сохраняем как index.php
в папку с нашей темой, затем подключаем вызов header
, sidebar и footer
:Sample Blog Entry
News 3 comments
">
Ничего не найдено
the_permalink()
- отображает постоянную ссылку записи
the_title_attribute()
- заголовок текущей записи.
the_title()
- заголовок записи или страницы
the_category(", ")
- ссылку на категорию или категории, к которым принадлежит запись
comments_popup_link -
выведет ссылку для комментариев во всплывающем окне если comments_ popup_script() используется, иначе выводит обычную ссылку на комментарии.
the_content
- выводит содержание текущей записи. Если используется тег то сообщение показывается только до (только на главной странице, на странице записи будет показываться полностью).
next_posts_link
- ссылка на предыдущие сообщения.
previous_posts_link -
ссылка на следующие сообщения.
Этот файл мы создадим из только что законченного index.php
, немного изменив его:
"
Ничего не найдено
comments_template()
- Подключает файл шаблона comments.php
из текущей папки темы
previous_post_link(" %link"), next_post_link("%link")
- выведет заголовки предыдущей и следующей записи
Этот шаг проще предыдущего. Файл single.php
сохраняем как page.php
. Удаляем из page.php
вывод даты, комменты, next/previous:
"
Ничего не найдено
Иногда нужно/полезно вывести на странице заголовки всех записей. Для этой цели воспользуемся тегом wordpress query_post
:
Template Name: Archives
*/
?>
" title="">
|
Почему люди предпочитают создавать блоги на WordPress?
4 причины для создания блога на WordPress
Как создать свой блог на WordPress – подготовка к установке
Как создать блог на WordPress – установка движка
Заходим в распакованный каталог и копируем содержимое папки «wordpress» в каталог сайта. Не забываем удалить архив и распакованный каталог. В итоге у вас должно получиться следующее.
Шаг 2.
Создание БД сайта
Если вы все сделали правильно, то в списке баз данных должно появиться наименование, которое вы только что ввели.
Если в этом списке вашего сайта нет, перезапустите веб-сервер. Если он снова не появился – проверьте правильность выполнения предыдущих шагов.
Его появление значит, что запустилась автоматическая установка, позволяющая создать блог на WordPress в течении 5 минут.
Как видите, ничего лишнего, только самые необходимые данные, поэтому проблем с заполнением возникнуть не должно.
Как видите, он не несет какой-то особой смысловой нагрузки и является промежуточным звеном между заполнением информации для создания БД и вводом настроек пользователя.
Здесь вам необходимо ввести:
Вот и все 🙂 У нас получилось создать блог на WordPress. Все, что теперь остается – это нажать на кнопку «Войти» и наслаждаться плодами своего труда.
После входа мы видим админку созданного блога на WorPress.
Вот и долгожданный блог!
