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

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

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

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

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

Установка WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настройка WordPress

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

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

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

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

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

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

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

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

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

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

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

Медиафайлы

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

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

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

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

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

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

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

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

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

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

Меню

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

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

Виджеты

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • WordPress Bootstrap
  • Roots
  • Underscores

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

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

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

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

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

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

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

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

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

  1. WP-Kama
  2. WP-Docs

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

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

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

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

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

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

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

Настройка WordPress

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

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

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

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

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

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

Привет, дорогие читатели!

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

Выбор тематики. Как загрузить WordPress на компьютер?

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

Для начала на официальном сайте ru.wordpress.org скачайте платформу WordPress (последнюю русскоязычную версию этой CMS).

Локальный сервер для WordPress

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

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

Как создать контент для блога?

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

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

Основное требование к содержанию постов – это их доступность и актуальность для читателей.

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

Пошаговая инструкция создания блога: домен и хостинг

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

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

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

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

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

P.S. Вчера решила почистить старый ноутбук от пыли внутри, разобрала, а собрать обратно не могу. Вот беда, что же делать?

2 голоса

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

1. Сбылась мечта идиота

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

Карта шла 21 день, и вот сегодня пришло СМС, что карта ожидает меня на почте. Естественно, почтовое извещение я ждать не стал, ведь это Почта России:). Сходил и получил вот такой конверт, внутри Инструкция и приветственной письмо с самой картой.


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

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

А какими картами вы предпочитаете пользоваться, и почему?

Теперь по существу сегодняшнего вопроса.

2. Дизайн

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

2.1. Вы нанимаете дизайнера

Не так давно работал над полной доработкой сайта дверей. Меня позвали, потому что портал не приносил никакой пользы. В его дизайн угрохали 60 000 рублей и ничего. Один-два человека в месяц, которые сбегали быстрее, чем с парохода «Титаник».

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

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

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

Мы вместе с несчастным чертом бесконечно ломали ноги и пытались привести все это в хоть какой-нибудь порядок.

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

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

Работа с соискателем отнимает время и деньги. Теоретически, он может оказаться довольно неплохим в том случае если заказчик точно формулирует свои желания. Фактически – это утопия, особенно если вы новичок. Исполнитель должен задавать грамотные вопросы и провести большую работу, а не выдавать сходу 10 000 предложений.

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

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

  • Со временем вы будете улучшать свои навыки и знания в области информационных технологий и вам захочется большего, а за все это придется платить еще раз. У вас практически нет шансов найти дизайнера, который будет бесплатно дополнять ваш сайт и реализовывать новые желания. Более того, некоторые специалисты нарочно не следуют правилам и ГОСТам, а делают свою систему, прячут файлы так, чтобы работать с движком впоследствии смогли только они.

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

Я не просто так решил пройтись по дизайнерам. Наболело. Воюю с ними регулярно.

2.2. Бесплатные или платные шаблоны

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

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

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

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

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

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

2.3. Вы можете сделать дизайн сами

Это будет довольно сложно и, возможно, придется запастись не одним томом из серии «Основы коммерческого веб-дизайна », «Основы CSS », «HTML для начинающих » (по ссылкам можете скачать их бесплатно), просмотреть не один десяток видео уроков, а также пройти через ряд сложностей и неудач. Но в принципе, если вы решитесь на этот шаг - мое почтение. Хватит сил, мужества и упорства реализовать затею - нереальный респект!

3. Базовая настройка – пошаговая инструкция

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

Главная страница – самый важный элемент вашего сайта. Настроим ее: для этого перейдем в «Настройки – Чтение»:

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

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

Первая часть.

Навигация по странице: wordpress создание сайтов для начинающих

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

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

Техническое задание: создание сайта на wordpress с нуля для начинающих

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

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

Пошаговая инструкция создание сайта на вордпресс

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

2) В отдельном окне открываем папку со скачанными хтмл файлами, надеюсь вы их распаковали из zip архива 🙂 . Папка тут называется "testsite"

3) Находим и копируем из папки "testsite" файл "style.css" в папку "shabtestsite". А также копируем папку "img" в "shabtestsite" .

4) Открываем файл "style.css" в каталоге "shabtestsite" и забрасываем туда в самое начало вот такой код:

/*
Theme Name: Test-Site
Description: WordPress themes by сайт

Смотрите как на скине (откроется поверх всех окон в просмотре):

Этим кодом мы сообщаем WordPress название нашего шаблона, его автора и версию. Без этого файла шаблон работать не будет.

Файл "style.css" оставляем открытым, он нам нужен в следующем шаге.

5) Продолжаем править "style.css". Теперь нам нужно забросить в конец стилей вот такой код:

Aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right:20px; margin-bottom:15px; } .alignright { float: right; margin-left:20px; margin-bottom:15px; } .wp-caption { margin: 10px; padding-top: 4px; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-pagenavi{ padding:30px 0px 5px 0px; font-size:14px; text-align:center; }

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

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

6) На этом, файл "style.css" можно сохранить и закрыть, пока мы его править не будем. Вот так у меня сейчас выглядит каталог "shabtestsite":

7) Работаем дальше, теперь нам нужно в нашей папке шаблона "shabtestsite" создать текстовый файл "header.php" в кодировке, как я писал ранее utf-8 без BOM. Делается это очень просто, достаточно войти в нотепад ++ или дримвьювер, нажать на первую вкладку файл, потом выбрать создать. Далее, если кодировка отличная от utf-8 мы можем просто перекодировать, выше я писал как это сделать.

8) Файл "header.php" оставляем открытым, если закрыли то открываем заново. Также из папки "testsite", где у нас хтмл макет лежит, нам нужно открыть файл "index.html".

9) В файле "index.html" выделяем код от начала до тега "

", как на рисунке и копируем его. Вставляем этот кусок в файл "header.php", в самое начало.

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

10.1) Найдите код "": сюда мы должны добавить функцию wp_title() - для вывода СЕО заголовков наших страниц. Вот так получится:

<?php wp_title();?>

10.2) Найдите код "": здесь нам нужно прописать абсолютный путь к теме, а конкретно к стилям. Для этого вызовем функцию bloginfo("stylesheet_directory") с таким параметром. Будет вот так выглядеть:

/style.css" rel="stylesheet" type="text/css">

10.3) Также, перед закрывающимся тегом "", нам нужно вставить вот такой кусок кода:

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

10.4) Дальше ищем код "" и для ссылки с логотипа ставим bloginfo("url") (на главную), а для изображения опять прописываем абсолютный путь, как мы делали для стилей в п. 10.2. Вот так получится:

" id="logo">/img/logo.png" alt=""/>

10.5) Ищем тег "

" и удаляем все что у нас внутри. На место удаленного кода мы вставляем функцию wp_nav_menu, вот так должно получиться:

11) Сохраняем файл "header.php" и проверяем с моим скином, должно выйти один в один вот так (код не добавляю, в конце будет архив шаблона для скачивания целиком):
12) Можем закрывать файл "header.php", предварительно все сохранив.

13) Аналогично п.7, создаем в каталоге "shabtestsite" файл с именем "page.php".

14) Из уже открытого файла "index.html" нам нужно скопировать весь хтмл код, начиная с "

" до "
". Сначала выделяем, потом копируем, как мы это уже делали.
Скопированную часть нужно вставить в файл "page.php".

14.1) Самая первая пхп вставка - для подключения файла "header.php" к странице типа page. Вставку нужно сделать на первую строку.

14.2) Находим тег "

" и после него вставляем:

Это наше начало основного цикла WordPress. Тут будем выводить динамический контент в перемешку с хтмл тегами.

14.4) Вместо вот такого хтмл "

Заголовок

", вам нужно вставить динамический вывод заголовка страницы

. (Не путать плз. с СЕО заголовком. Это разные вещи.)

14.5) Находим начало "

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

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

14.7) По аналогии с п.7, в "shabtestsite" создаем файл с именем "sidebar.php".

14.8) Создание сайта на wordpress продолжается, в файле "page.php" нам нужно выделить и скопировать блок, который начинается с "

" и заканчивается "
". Вот он:
Вставляем этот код в файл "sidebar.php", и пока оставляем его.

В файле "page.php", на место выделенного кода, нужно вставить вот такой код подключения сайдбара:

14.9) Сохраняем файл "page.php", который сейчас должен у вас выглядеть вот так:

15) Создание сайта на вордпресс набирает обороты, если вы закрыли файл "sidebar.php", то его нужно открыть заново, будем править его. Сейчас я покажу вам как создать сайт на wordpress с блоком новости в сайдбаре. Будем делать дополнительный цикл WP.

15.1) После этого тега "

" вам нужно вставить выборку из категории Новости. Выглядит она вот так:

global $post;
$tmp_post=$post;
global $more;
$tmp_more = $more;
$tpost=get_posts("cat=1&posts_per_page=3");
if($tpost){
foreach($tpost as $post){setup_postdata($post);
?>

Если решим что 3 новости для нас много или мало, нужно менять вот этот параметр posts_per_page=3.

Продолжение: wordpress создание сайта бесплатно

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