Перейти к содержимому

Сервис обмена электронных валют


Полное руководство по созданию полноценного блога

#1 Vermilion

Vermilion
  • Пользователь
  • 21 сообщений
  • Репутация: 6
10

Отправлено 22 Ноябрь 2012 - 19:03

Приветствую Вас многоуважаемые форумчане! Я автор блога artyomblog.ru. Начнем с того, что я занимаюсь в области сайтостроения более 3х лет и у меня не мало опыта в создание в полнее функциональных сайтов. Вот хочу поделиться своим бесценным опытом. Сегодня я пишу статью на тему создания блога, по этой инструкции мы создадим вот такой блог masterwebs-blog.pp.ua

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

Полное руководство по созданию блога:

1. Скачиваем необходимые программы и скрипты

2. Установка локального веб сервера Open Server

3. Установка WordPress на веб сервер

3.1 Обзор WordPress

3.2 Настройка WordPress

3.3 Поиск и установка шаблона на WordPress

3.4 Легкая верстка шаблона на WordPress

3.5 Установка плагинов на WordPress

4. Перенос сайта на хостинг

4.1 Регистрация домена

4.2 Регистрация хостинга

4.3 Перенос сайта на хостинг

Полное руководство по созданию полноценного блога, все тонкости и секреты от А до Я.

Глава 1: Скачиваем необходимые программы, скрипты и плагины

Для начало нам надо скачать все необходимые программы, скрипты и плагины. В качестве локального веб сервера будем использовать Open Server. Open Server - это портативная WAMP платформа, что бы вы поняли, расшифрую:

Windows — операционная система от компании Microsoft;
Apache — веб-сервер;
MySQL — СУБД;
PHP — язык программирования, используемый для создания веб-приложений.

Скачиваем Open Server с официального сайта версию Mini. (Full версию качать не нужно, в ней содержаться браузеры, проигрыватели, офисные и системные утилиты, они нам они не к чему)
Скачать Open Server Mini (107 Мб)

Далее нам понадобится две замечательные программы Notepad++ и FileZilla. С помощью Notepad мы будем редактировать текстовые файлы. FilleZila нам поможет передавать файлы по протоколу FTP.
Скачать Notepad++ (5.7 Мб)
Скачать FileZilla (5.7 Мб)

Что касается CMS которую мы будем использовать, это конечно же Wordpress. Блоггер и Wordpress вещи совместимые от бога. ;)
Скачать Wordpress (5.2 Мб)

В качестве дополнительных плагинов которые будут расширять функциональность Wordpress. Возьмем:
1. All in One SEO Pack - плагин для SEO оптимизатора.
2. Google XML Sitemaps - автоматическое создание карты сайта XML
3. RusToLat - автоматический перевод url с русского на английский
4. Akismet - хороший автоматический фильтр от спама(стандартно встроенный в Wordpress).
5. WP Security Scan - поиск уязвимостей и дыр в безопасности.
6. AntiVirus - проверка вашего блога на наличие вирусов и эксплойтов

Я собрал в один архив WordPress 3.4.2 актуальный на данный момент и плагины, которые я буду использовать в статье.
Скачать WordPress 3.4.2 + Плагины

Глава 2: Установка локального веб сервера Open Server

Изображение

Тут все просто, распаковываем наш архив, окаченный с официального сайта в папку "C:WebServer". Можете выбрать другой каталог, главное, что бы не было кириллицы на пути. Запускается наш веб сервер файлом "Open Server.exe", если будут проблемы - то запустите файл от имени администратора. После запуска программы у вас в трее появится маленький красный флажок:

Изображение

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

Изображение

Если веб сервер не запустился с первого запуска и написал в трее «Сбой запуска».


Изображение

Что бы исправить ошибку, то открываем программу и в трее и выбираем просмотр логов.

Изображение

Самые распространенные ошибки в логах, могут быть:

1.Невозможно занять порт 80 поскольку он уже используется «C:Program Files (x86)SkypePhoneSkype.exe»(если программа другая, то уже настраиваем под себя), в этом случае вам надо убрать использование 80 порта.
Исправляем: Делается это следующим образом, открываем программу Skype, далее Инструменты -> Настройки -> Дополнительно -> Соединение, далее убираем отметку на Использовать порты 80 и 433.

2.«Файл C:Windowssystem32driversetchosts недоступен для записи». В таком случае есть 2 варианта:

1)Антивирусная программа блокирует изменение файла Host, тогда попробуйте отключить антивирус и запустить заново.

2)Зайдите в каталог «C:WindowsSystem32driversetc» и в свойствах файла host уберите метку «Только для чтения»

После устранение ошибок, заново запускаем Open server, после открываем любой браузер и вписываем туда "http://localhost/". Если появилось сообщение вида "Добро пожаловать в Open Server!" значит веб сервер работает и это уже хорошо!!!

Изображение


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

Глава 3: Установка CMS на веб сервер

В этой части статьи я подробно распишу установку Wordpress. Что бы создать виртуальный хост для нашего сайта, нам нужно создать папку в определённом каталоге. Включаем наш веб сервер(если он не запущен), нажимаем в трее на программу и выбираем в меню "Папка с сайтами". В открывшемся каталоге создаем папку, для примера я создаю папку "masterwebs-blog.ru". Что бы задействовать наш виртуальный хост, нужно перезапустить Open server - для этого идем в трей нажимаем на программу и в контекстном меню нажимаем "Перезапустить".

Изображение


После того как мы создали виртуальный хост под наш блог, нужно распаковать наш архив с Wordpress в нашу папку masterwebs-blog.ru. Файлы readme.html, license.txt можно удалить, на работу Wordpress не повлияет.


Изображение


Далее заходим на наш блог через браузер, мы видим ошибку, wordpress не видит файл конфигурации, а сейчас мы его и создадим. Нажимаем "Создать файл настройки", далее нажимаем "Вперёд!".


Изображение


Изображение


Теперь wordpress у нас спрашивает данные от нашей базы данных, у нас её пока нет, но мы её сейчас создадим.


Изображение


Что бы создать базу данных нам надо зайти в PhpMyAdmin. Для этого заходим в трей и нажимаем "Дополнительно" далее "PhpMyAdmin".

Изображение


У нас открываются браузер, в поле пользователь вводим "root" и заходим в управление PhpMyAdmin.


Изображение


Здесь нам нужно создать нашу базу данных под Wordpress. Для этого переходим в вкладку "Базы данных", здесь нам нужно ввести название нашей базы данных в форму "Создать базу данных", к примеру я ввожу "masterwebs_blog"(можно написать своё название, решать вам) далее нажимаем создать.


Изображение

Возвращавшемся обратно на наш сайт, и вводим данные нашей базы данных:

Имя базы данных: masterwebs_blog

Имя пользователя: root

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

Сервер базы данных: localhost

Префикс: в целях безопасности лучшее не использовать префикс "wp_" , так что пишем свой, я же возьму "blog_"

После заполнения всех форм нажимаем "Отправить".

Изображение


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


Изображение


Далее вводим название своего сайта, наш логин и пароль от панели администратора и наш E-mail адрес.


Изображение


Нажимаем войти. Все на этом установка нашего движка под блог завершена.


Изображение


Что бы посмотреть, как выглядит наш блог идем по заданному нами адресу (к примеру "http://masterwebs-blog.ru/)


Изображение



Глава 3.1: Обзор CMS.

Продолжаем создание нашего блога на примере "masterwebs-blog.ru". В этой части главы я разложу на составляющие консоль администрирования WordPress. Я рассмотрю все самые необходимые функции по администрированию блога. Статью буду сопровождать скриншотами, согласитесь лучше 1 раз показать, чем 100 раз рассказать.

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

Изображение



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


Изображение


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


Изображение

Как добавить новую запись?

1. Переходим в категорию "Записи" и нажимаем на подкатегорию "Добавить новую" .

2. Пишем заголовок. Краткий заголовок Вашей записи.

3. Текст. Текст Вашей записи.

4. Выбираем рублику. После я вам покажу, как создавать дополнительные рублики.

5. Опубликовать. После, Ваша публикация появиться на главной блога.

Изображение


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


Изображение


Панель «Комментарии». Здесь мы можем просмотреть, а также редактировать все комментарии, которые оставили на Вашем блоге.


Изображение


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


Изображение


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


Изображение


Панель «Параметры». Вот тут находятся все настройки WordPress. В следующей главе мы будем говорить о них.


Изображение




Глава 3.2 : Настройка WordPress

Первое что нам нужно сделать, после установки WordPress - настроить сам движок. Идем в "Параметры" общее. Здесь Вам настраивать под своё усмотрение. Измените название и краткое описание сайта, ваш E-Mail, могут ли пользователи регистрироваться на вашем сайте, Ваш часовой пояс, формат даты и времени.

Изображение


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

/%category%/%postname%.html


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

Я взял вот такие префиксы:

Префикс для рубрик: razdel

Префикс для меток: metka

Изображение

После пройдитесь по всем подкатегориями параметров, там все просто.

Глава 3.3: Поиск и установка шаблона на WordPress

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

Изображение

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

Здесь вы найдите шаблон под любой вкус, так же есть возможность предосмотра шаблонов. Для примера я устанавливаю шаблон, с название "Admired". Выбираем свой шаблон и жмем установить.

Изображение


После установки, активируем тему.


Изображение



Глава 3.4: Легкая верстка шаблона на WordPress

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


Изображение


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


Изображение


А убрать его можно следующим образом: заходим в нашу папку с сайтами(напоминаю, в меню Open Server > Папка с сайтами). Заходим в папку с нашим сайтом "masterwebs-blog.ruwp-contentthemes(название нашего шаблона) admired". Находим файл "footer.php". Вот теперь в силу вступает Notepad++, я думаю, установить его у вас не составило труда. Открываем "footer.php" через Notepad++ и делаем поиск по тексту с помощью клавиш "CTRL + F", далее копируем туда ссылку, который ссылал копирайт ( в поём примере "http://wp-ultra.com/") и жмем "Искать далее".


Изображение

Находим это строчку полностью:

<a href="<?php echo esc_url( __( 'http://wp-ultra.com/', 'admired' ) ); ?>" rel="generator"><?php printf( __( 'Admired Theme', 'admired' )); ?></a>


Мы видим что наш копирайт заключен <div id="site-generator"> и </div>
Что бы правильно удалить копирайт, удаляем полностью код вида:

<div id="site-generator">
<?php do_action( 'admired_credits' ); ?>
<a href="<?php echo esc_url( __( 'http://wp-ultra.com/', 'admired' ) ); ?>" rel="generator"><?php printf( __( 'Admired Theme', 'admired' )); ?></a>
</div>


Далее сохраняем клавишами "CTRL+ S" или просто в меню "Файл -> Сохранить".

Что получилось:

Изображение

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

Изображение

Переводим наш шаблон на русский язык.

Расписывать полный перевод я не буду, главное что бы уловили суть перевода. Заходим в папку нашего шаблона и видим файлы с расширением "php". В них мы находим английские слова и переводим их на русский. Для этого используем поиск в Notepad++ (так же используем функцию "Найти все во всех открытых документах", для этого открываем все php файлы). Очень важно, перед редактированием нашего файла надо перекодировать его в UTF-8 кодировку,
как это сделать - открываем в меню Notepad++: Кодировки > Кодировать UTF-8 (без BOM). Переводим слово и сохраняем.

Изображение

Слова, которые я должен перевести в моем шаблоне:

Posted in - Рублика (файл loop.php)

Posted on - Опубликовано (файл functions.php)

This entry was posted in - Запись была размещена в категории (файл loop-single.php)

by - Автор (файл loop-single.php)

Search - Поиск (файл searchform.php)

ONE THOUGHT ON - Коментарии оставленные для (файл comments.php)

Убираем 2 поиска в шаблоне.
Как Вы видите у нас присутствует 2 поиска

Изображение


Убрать поиск, который расположен в правой колонке просто. Достаточно зайти в админ панель, перейти во вкладку "Внешний вид" далее "Виджеты" и в окне "Main Sidebar" удалить поиск.


Изображение

Редактируем блок "Мета".

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


Изображение


Для редактирования виджета, заходим в папку с сайтом и переходим в каталог "wp-includes" находим файл "default-widgets.php". Открываем через Notepad++ и включаем поиск по тексту "CTRL + F" и пишем "<?php wp_register(); ?>". Ниже мы видим ссылки заключенные в теги <li></li>. К примеру нам надо удалить ссылку "WordPress.org".


Изображение

Удаляем код вида:

<li><a href="<?php esc_attr_e( 'http://wordpress.org/' ); ?>" title="<?php echo esc_attr(__('Powered by WordPress, state-of-the-art semantic personal publishing platform.')); ?>"><?php
/* translators: meta widget link text */
_e( 'WordPress.org' );
?></a></li>


Устанавливаем favicon на Wordpress.

Изображение

favicon - это маленькая иконка с логотипом или символом сайта, которая появляется в адресной строке, если зайти на сайт. Также фавикон выводятся слева от названия сайта в результатах поиска в. favicon имеет размер 16x16. Чтобы favicon отображался, заходим в папку своего сайта, далее переходим по каталогам wp-contentthemesadmired(название Вашего шаблона). Открываем файл "header.php" и между тегами <head></head> прописываем это строчку:

<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />

Изображение


После этого, нам надо выбрать саму иконку и закинуть в папку нашего шаблона, пример "wp-contentthemesadmired(название Вашего шаблона)". Картинка должна иметь формат ".ico" и имела размер 16х16. Найти favicon можно на сайте "favicon.cc"


3.5 Установка плагинов на WordPress

Все плагины на Wordpress устанавливаются в папку "masterwebs-blog.ruwp-contentplugins". Разархивирование все окаченные плагины в эту папку. После заходим в админ панель, переходим в "Плагины" и активируем их.


Изображение

Пояснение к плагинам:

Akismet - плагин для борьбы со спамом.

All in One SEO Pack - поискавая оптимизация

Antivirus - проверка вашего блога на наличие вирусов и эксплойтов

Google XML Sitemaps - генератор карты сайта

WP Security Scan - сканирование уязвимостей

rustolat - автоматический перевод url с русского на английски

После активации плагинов Akismet и All in One SEO Pack у нас вылазят 2 сообщения.

Изображение

Akismet просит нас ввести api ключ, получить который нужно на официальном сайте. Переходим в настройки Akismet, далее нажимаем "получить ключ".

Изображение

После нажимаем на большую кнопку Gen an Akismet API ky.

Изображение


Выбираем Personal.


Изображение


После вводим свои данные (вводим почтовый ящик правильно, именно на него и придет наш api key), сдвигаем ползунок до $0, далее continue. На вашу почту должен прийти ключ вида: d8dc1320xxxx.


Изображение


Водим ключ в настройках и нажимаем "Обновить настройки"

Изображение

У нас останься сообщение о All in One SEO Pack, просто активируйте его в настройках, далее в самом низу жмем "Обновить настройки"

Изображение

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




Глава 4.1: Регистрация домена

Заходим на сайт nic.ua и нажимаем "Регистрация"

Изображение

Заполняем все формы, соглашаемся с условиями и нажимаем "Регистрация"

Изображение


Теперь автоматизируется вводя свою почту и пароль при регистрации


Изображение


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

Изображение


Далее "Проверить телефон"


Изображение


Нажимаем "Отправить SMS с кодом"


Изображение



Вот тут вводим свой код, который пришел на телефон.


Изображение


Тут же жмем "Обработать код"


Изображение



Далее ставим отметки и сохраняем изменения.


Изображение



Теперь что касается регистрации самого домена бесплатно. Заходим на главную страницу nic.ua, нажимаем "Домены" выбираем "Найти свободный домен", после вводим название самого домена, вида masterwebs-blog. Справа выбираем "Украина" далее выбираем "pp.ua" после "Начать проверку доменов".


Изображение



Теперь в списке выбираем наш домен вида " masterwebs-blog.pp.ua" и оформляем заказ.


Изображение



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


Изображение



Здесь нам нужно выбрать владельца домена, нажимаем "Выбрать".


Изображение



Та как мы не регистрировали владельца домена, мы нажимаем "Добавить новый контакт"


Изображение

Здесь мы заполняем форма и создаем новый кодификатор.


Изображение


Проверяем и подтверждаем.

Изображение


Продолжаем оформлять заказ


Изображение


Проверяем что бы было "Парковка домена - бесплатно" и продолжаем оформлять заказ

Изображение



Продолжаем


Изображение



Проверяем


Изображение


После того как мы проделали все действия, нам на телефон придет уведомление:

Изображение

Значит, заходим на сайт pp.ua и нажимаем "активировать домен кодом".

Изображение

Заполняем все формы

Изображение

Теперь возвращаемся обратно на nic.ua и заходим в свой личный кабинет. Далее выбираем "Мои заказы" -> "Домены"

Изображение

Если Вы все сделали правильно, то левее нашего домена должно быть написано активен. Теперь нам нужно припарковать наш домен к нашему хостингу. Выбираем домен в списке и нажимаем "Изменить сервера имен(NS)".

Изображение

Выбираем свой список NS, далее вводим имя сервера: ns1.ngdns.ru, ns2.ngdns.ru, ns3.ngdns.ru. После "Установить для отмеченных доменов" и отправляем заявку на изменение серверов имен.

Изображение

Все на этом парковка домна под хостинг ng-host.ru завершена.



Глава 4.2: Регистрация хостинга

Размещать сайт будем на хостинге ng-host.ru, совершенно бесплатно на пол года, с помощью моего промо кода! Заходим на сайт ng-host.ru, нажимаем вход для клиентов и далее регистрация.

Изображение

Вот тут вводим свои данные.

Изображение

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

Изображение

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

Изображение

Выбираем виртуальный хостинг.

Изображение

Место расположение "Германия"( промо код работает на серверах Германии).

Изображение
А вот тут нас просят ввести свой телефон, на него придет SMS с активацией.

Изображение
После приходит активация такого вида:

Изображение

Вводим свой активационный код:

Изображение

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

Изображение

Тут вводим своё доменное имя которое вы зарегистрировали на nic.ua

Изображение

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

Изображение

Тут нажимаем готово, убедитесь что сумма должна быть 0.0 RUB

Изображение

После находим раздел товары и услуги и нажимаем на подраздел хостинг. В колонке состояние статус "Обрабатывается", дожидаемся состояние "Активен"

Изображение


Если я состояние "Активен" , то продолжаем перенос нашего сайта на хостинг.

Изображение


Выбираем наш виртуальный хостинг и жмем "На сервер".

Изображение

Сразу мы попадаем на раздел "FTP аккаунты", первое что мы сделаем это создадим для нашего FTP пароль. Нажимаем на наш FTP аккаунт далее "Изменить". Здесь вводим свой пароль или генерируем с помощью генератора паролей. Записываем пароль, он нам ещё пригодиться.

Изображение

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

Запустили программу, теперь вводим данные для подключения:

Хост: sh2.ngsv.ru (узнать можно на сервер в разделе FTP аккаунты, с верху где написан ваш логин вида userXXX)

Имя пользователя: userXXX( логин можно узнать на сервер в разделе FTP аккаунты, столбец "Имя")

Пароль: (тот который мы задавали в разделе FTP аккаунты)

Порт: 21

После заполнения данных, нажимаем "Быстрое соединение". (Что бы сохранить соединение, воспользуйтесь менеджером сайтов). После соединения, в правой колонке заходим в каталог(папку) WWW, после в папку с нашим доменом. Теперь нам надо удалить файл index.html, он нам не нужен. Теперь в левой колонке заходим в папку "WebServer" далее заходим в папку с нашим сайтом. После перекидываем все файлы в правую колонку. После загрузки файлов на сервер, закрываем FileZilla.

Изображение

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

Изображение

Создание базы данных.

Теперь приступим к созданию баз данных. Для этого заходим в панель управления сервером, далее "раздел инструменты" -> "базы данных". Создаем базу данных:
Все данные записываем или запоминаем.
Имя базы данных: выбираем любое
Имя пользователя: вводим любое
Пароль для базы данных: вводим пароль или генерируем.

Изображение

Имя базы данных и пользователя, будем брать от сюда.

Изображение

После всего, нужно вытащить нашу базу данных из Open Server и залить её на наш сервер.
Запускаем Open Server(если он, конечно, не был запущен). Заходим в треей, далее выбираем "Дополнительно" после "PhpMyAdmin". После вводим логин: root, без пароля.

Изображение

Теперь выбираем нашу базу, далее экспорт после "ОК". Сохраняем нашу базу в формате .sql.

Изображение

Возвращаемся в нашу панель управления сервером, ищем раздел Доп. приложения -> PhpMyAdmin.

Изображение

Водим пользователя и пароль.

Изображение

Выбираем нашу таблицу, ещё -> Импорт. Далее выбираем нашу базу, которую мы сохранили в формате .sql и нажимаем "OK".

Изображение

После нам нужно, подключить базу данных к движку Wordepress. Для этого заходим в Filezila, после подключаемся к серверу, далее заходим в папку с нашим сайтом и находим файл "wp-config.php". Сохраняем и перезаливаем файл.

Изображение

Открываем "wp-config.php" и находим строчку "Параметры MySQL". (Заменяем на свои данные)
define('DB_NAME', 'имя нашей базы, вида userxxx_masterwebs_blog');

define('DB_USER', 'пользователь , вида userxxx_name);

define('DB_PASSWORD', 'пароль от базы данных');

define('DB_HOST', ' sh2.ngsv.ru(уточнить можно в панеле управления сервером');



Ниже добавляем 2 строки с название нового домена:


define('WP_HOME', 'http://masterwebs-blog.pp.ua');

define('WP_SITEURL', 'http://masterwebs-blog.pp.ua');



Изображение

После проделанной работы, проверяем наш сайт и добавляем Вашу первую публикацию.

После заполнения блога контентом, зарегистрируйте сайт вот на этих сервисах и блог начнет индексироваться поисковиками)
1. http://webmaster.yandex.ru/
2. http://www.google.co.../ru/webmasters/

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

Изображение

Создаем файл с названием "robots" и расширением ".txt", и наполняем его вот таким содержимым:


User-agent: Yandex
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-trackback
Disallow: /wp-feed
Disallow: /wp-comments
Disallow: */trackback
Disallow: */feed
Disallow: */comments
Disallow: /*?s=

User-agent: Googlebot
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-trackback
Disallow: /wp-feed
Disallow: /wp-comments
Disallow: */trackback
Disallow: */feed
Disallow: */comments
Disallow: /*?s=

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-trackback
Disallow: /wp-feed
Disallow: /wp-comments
Disallow: */trackback
Disallow: */feed
Disallow: */comments
Disallow: /*?s=

Host: masterwebs-blog.pp.ua

Sitemap: http://masterwebs-blog.pp.ua/sitemap.xml

Ссылки в "Host" и "Sitemap" разумеется поменяйте на свои. Поле заливаем наш созданный файл, на сайт через FTP.

Изображение


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

Даю Вам ссылки на скачивание:
1) Веб сервер + сайт
2) Сайт + база данных

При поддержке: SeoPult - система автоматизированного продвижения сайтов и управления контекстной рекламой. Обсудить на форуме.
Изображение

 

 

Сообщение отредактировал Vermilion: 25 Ноябрь 2012 - 17:43

  • 1

#2 vervekin

vervekin
  • Пользователь
  • 38 сообщений
  • Репутация: 10

Отправлено 23 Ноябрь 2012 - 23:37

Масштаб проделанной работы впечатляет! Но, признаться, ум отказывается воспринимать содержание по элементарной причине:
Изображение
Количество орфографических, синтаксических и логических ошибок на одно предложение слишком велико. Да и с остальным текстом ситуация не лучше.

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

#3 Vermilion

Vermilion
    Topic Starter
  • Пользователь
  • 21 сообщений
  • Репутация: 6

Отправлено 30 Ноябрь 2012 - 14:44

vervekin, ошибки исправил
  • 2

#4 Evgeny

Evgeny
  • Пользователь
  • 8 сообщений
  • Репутация: 0

Отправлено 30 Ноябрь 2012 - 21:09

Хорошая статья..., мне понравилось, как все расписано! Пошаговая инструкция находчива объясняет алгоритм действий. ;)
  • 1

#5 Denbolt

Denbolt
  • Пользователь
  • 1 сообщений
  • Репутация: 1

Отправлено 30 Ноябрь 2012 - 21:57

Думаю, это самая отличная статья, в которой пошагово расписан ход действий создания своего блога. Нигде больше я не встречал такой статьи. Ради этого я зарегистрировался на сайте, что бы отблагодарить автора данной статьи. Для начинающего веб мастера как я, это самый отличный гайд. Хорошо расписана установка вордпресса. Ещё спасибо за несколько отличных ссылок. Так же поддерживаю вебсервер open-server, отличная программа для сайтостроения, и опять же очень подробно расписана установка на этот сервер, вордпресса. Возьму себе на сохранение эту статейку!
  • 1

#6 Vermilion

Vermilion
    Topic Starter
  • Пользователь
  • 21 сообщений
  • Репутация: 6

Отправлено 30 Ноябрь 2012 - 22:09

Denbolt,спасибо!!!, старался специально для начинающих веб мастеров
  • 1

#7 Upgoing

Upgoing
  • Пользователь
  • 21 сообщений
  • Репутация: 4

Отправлено 04 Декабрь 2012 - 23:10

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

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

В целом статья конечно интересная и проделан хороший объем работы, хотя я как сделал в первый раз, так походу и буду делать. Впрочем, если бы мне попалалась эта статья года 4 назад, то может быть делал все по другом :( Кстати, автор, вы написали что в сайтостроении уже более 3-х лет, а личному блогу только 3 месяца. Неужели так долго к этому шли?
  • 0

#8 Vermilion

Vermilion
    Topic Starter
  • Пользователь
  • 21 сообщений
  • Репутация: 6

Отправлено 09 Декабрь 2012 - 17:09

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

У меня было около пяти веб проектов, пару закинул остальные продал. В общем остался один блог.
  • 0

#9 Napoleon-007

Napoleon-007
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 14 Февраль 2013 - 08:30

Почему движок на WordPress бесплатный ? Или там в какой то момент будет реклама торчать ? ))
  • 0

#10 Sosnovskij

Sosnovskij
  • Администратор
  • 3 883 сообщений
  • Репутация: 565

Отправлено 17 Февраль 2013 - 20:34

Napoleon-007, движок абсолютно бесплатный и никакая реклама со временем не будет показываться :)
  • 1

Не стесняйтесь ставить оценки темам :) Правила форума. Мой блог http://sosnovskij.ru/.



robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru