X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Полное руководство по созданию полноценного блога
Vermilion
Vermilion
Topic Starter сообщение 22.11.2012, 20:03; Ответить: Vermilion
Сообщение #1


Приветствую Вас многоуважаемые форумчане! Я автор блога 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 Перенос сайта на хостинг

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

Глава 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

[img]http://s51.radikal.ru/i133/1211/5b/7c024ef19af5.png[/img]

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

[img]http://s017.radikal.ru/i439/1211/b0/c3a29f1bba32.png[/img]

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

[img]http://s019.radikal.ru/i609/1211/b1/61efeb62e527.png[/img]

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


[img]http://s017.radikal.ru/i418/1211/2c/34d44433d51c.png[/img]

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

[img]http://s018.radikal.ru/i510/1211/8a/81bde95020bf.png[/img]

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

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!" значит веб сервер работает и это уже хорошо!!!

[img]http://s47.radikal.ru/i116/1211/fd/e941ebcc1dec.png[/img]


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

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

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

[img]http://i064.radikal.ru/1211/5e/ebc553de982b.png[/img]


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


[img]http://s018.radikal.ru/i505/1211/ae/da53c34bd60a.png[/img]


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


[img]http://s017.radikal.ru/i408/1211/59/f2dfcf648885.png[/img]


[img]http://s017.radikal.ru/i404/1211/8b/7e5f3ec4429a.png[/img]


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


[img]http://s019.radikal.ru/i626/1211/00/fe5be9f94e99.png[/img]


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

[img]http://i068.radikal.ru/1211/8f/5051d830d425.png[/img]


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


[img]http://s017.radikal.ru/i431/1211/57/82e81aa6f0a6.png[/img]


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


[img]http://s017.radikal.ru/i433/1211/ce/959498f9f2d3.png[/img]

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

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

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

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

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

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

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

[img]http://i066.radikal.ru/1211/bc/be03216102fe.png[/img]


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


[img]http://s44.radikal.ru/i103/1211/e2/1cdcd8450a33.png[/img]


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


[img]http://s017.radikal.ru/i417/1211/c3/f86b6778658e.png[/img]


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


[img]http://s41.radikal.ru/i094/1211/ed/477edb926fa9.png[/img]


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


[img]http://s017.radikal.ru/i442/1211/29/7ee46b92379f.png[/img]



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

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

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

[img]http://s41.radikal.ru/i093/1211/55/44ec9cc298bb.png[/img]



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


[img]http://s019.radikal.ru/i614/1211/86/8a508db122da.png[/img]


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


[img]http://s55.radikal.ru/i148/1211/b6/604f77b2ec2f.png[/img]

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

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

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

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

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

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

[img]http://s56.radikal.ru/i154/1211/c0/56a32a6e734f.png[/img]


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


[img]http://i052.radikal.ru/1211/1e/d0915c25d28b.png[/img]


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


[img]http://s018.radikal.ru/i519/1211/43/100e9f8d0686.png[/img]


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


[img]http://s48.radikal.ru/i121/1211/ca/f22299e54924.png[/img]


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


[img]http://s017.radikal.ru/i421/1211/5c/a72e38552086.png[/img]


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


[img]http://i064.radikal.ru/1211/a2/2743991c4335.png[/img]




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

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

[img]http://i056.radikal.ru/1211/a6/6b52c1679391.png[/img]


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

/%category%/%postname%.html


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

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

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

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

[img]http://s019.radikal.ru/i632/1211/f2/a7f8e7182e63.png[/img]

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

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

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

[img]http://i051.radikal.ru/1211/c7/7107327ac2a5.png[/img]

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

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

[img]http://i064.radikal.ru/1211/0d/183f359c2454.png[/img]


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


[img]http://s40.radikal.ru/i088/1211/2d/cb07ae63bd59.png[/img]



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

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


[img]http://s017.radikal.ru/i421/1211/0d/da41efba4598.png[/img]


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


[img]http://s05.radikal.ru/i178/1211/e0/4b085ffc39de.png[/img]


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


[img]http://s08.radikal.ru/i181/1211/87/859dd67a8339.png[/img]

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

<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" или просто в меню "Файл -> Сохранить".

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

[img]http://s005.radikal.ru/i210/1211/11/674c8a78d0d5.png[/img]

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

[img]http://s018.radikal.ru/i518/1211/09/ae0402bc484e.png[/img]

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

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

[img]http://s019.radikal.ru/i625/1211/b6/45078c2dd3da.png[/img]

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

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 поиска

[img]http://s017.radikal.ru/i420/1211/a8/7b9b854e41b4.png[/img]


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


[img]http://i064.radikal.ru/1211/a0/cef0b2524464.png[/img]

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

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


[img]http://s51.radikal.ru/i134/1211/90/6dd3bb3fb76f.png[/img]


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


[img]http://s017.radikal.ru/i405/1211/6e/da7543037d29.png[/img]

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

<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.

[img]http://s018.radikal.ru/i500/1211/b2/1e75c1818e91.png[/img]

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

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


[img]http://s42.radikal.ru/i095/1211/a4/2e007a620d92.png[/img]


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


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

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


[img]http://s017.radikal.ru/i418/1211/c2/30cf68677136.png[/img]

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

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

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

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

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

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

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

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

[img]http://s019.radikal.ru/i625/1211/bb/6c8b5bf30613.png[/img]

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

[img]http://s018.radikal.ru/i522/1211/81/ad1f86e98a97.png[/img]

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

[img]http://s017.radikal.ru/i408/1211/63/23329d59ffcc.png[/img]


Выбираем Personal.


[img]http://s017.radikal.ru/i430/1211/90/0a7e502fd7c1.png[/img]


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


[img]http://i064.radikal.ru/1211/79/8d867a144f59.png[/img]


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

[img]http://s018.radikal.ru/i512/1211/07/081c4b0d1c28.png[/img]

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

[img]http://s58.radikal.ru/i162/1211/cf/93c314b253ae.png[/img]

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




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

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

[img]http://s40.radikal.ru/i088/1211/9f/62381f57c3b2.png[/img]

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

[img]http://s017.radikal.ru/i429/1211/01/bf327c9b8da1.png[/img]


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


[img]http://s019.radikal.ru/i635/1211/a7/d69751a7f192.png[/img]


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

[img]http://s017.radikal.ru/i432/1211/90/f554965ca8cf.png[/img]


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


[img]http://s002.radikal.ru/i200/1211/08/2cf3caa59e26.png[/img]


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


[img]http://s004.radikal.ru/i206/1211/a3/1d272c56bf47.png[/img]



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


[img]http://s019.radikal.ru/i638/1211/15/2413a12320a3.png[/img]


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


[img]http://i022.radikal.ru/1211/f5/887064c5d946.png[/img]



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


[img]http://s47.radikal.ru/i116/1211/bd/54d75f3dc6f8.png[/img]



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


[img]http://s019.radikal.ru/i641/1211/90/e4af94419dc3.png[/img]



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


[img]http://i057.radikal.ru/1211/af/5950285b9151.png[/img]



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


[img]http://i064.radikal.ru/1211/d5/c64886144c5e.png[/img]



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


[img]http://s019.radikal.ru/i602/1211/7e/4936e0c19209.png[/img]



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


[img]http://s45.radikal.ru/i108/1211/8a/94f66845d45f.png[/img]

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


[img]http://s019.radikal.ru/i627/1211/68/08757079ac54.png[/img]


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

[img]http://i036.radikal.ru/1211/79/2b9804a1c109.png[/img]


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


[img]http://s017.radikal.ru/i417/1211/52/3a6de8955ddc.png[/img]


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

[img]http://s57.radikal.ru/i157/1211/ec/8c97377d447b.png[/img]



Продолжаем


[img]http://s001.radikal.ru/i195/1211/5a/dea51953d9d0.png[/img]



Проверяем


[img]http://s61.radikal.ru/i174/1211/2a/b8cd9798840d.png[/img]


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

[img]http://s017.radikal.ru/i443/1211/a7/1db91c00478e.png[/img]

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

[img]http://s16.radikal.ru/i190/1211/9e/26f11c522637.png[/img]

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

[img]http://s018.radikal.ru/i525/1211/75/1ef7b1f15d72.png[/img]

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

[img]http://s017.radikal.ru/i401/1211/34/8a211b68f38d.png[/img]

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

[img]http://i024.radikal.ru/1211/e9/444b52cb306b.png[/img]

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

[img]http://s019.radikal.ru/i608/1211/b2/b3e129bbd26a.png[/img]

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



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

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

[img]http://s45.radikal.ru/i107/1211/37/22ca573e2d57.png[/img]

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

[img]http://s51.radikal.ru/i133/1211/a5/8623a8320a86.png[/img]

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

[img]http://i074.radikal.ru/1211/12/c3870643e690.png[/img]

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

[img]http://i078.radikal.ru/1211/5a/f0166902e114.png[/img]

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

[img]http://s019.radikal.ru/i609/1211/e3/f73210b5c528.png[/img]

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

[img]http://s005.radikal.ru/i210/1211/c3/1025c3a60c8f.png[/img]
А вот тут нас просят ввести свой телефон, на него придет SMS с активацией.

[img]http://s001.radikal.ru/i194/1211/bf/184fffc61145.png[/img]
После приходит активация такого вида:

[img]http://s13.radikal.ru/i186/1211/bc/627af94cef99.png[/img]

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

[img]http://i076.radikal.ru/1211/26/d5cc3e9c6f5a.png[/img]

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

[img]http://s017.radikal.ru/i439/1211/62/4e516cbda2d7.png[/img]

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

[img]http://s017.radikal.ru/i405/1211/39/4325d5a746e7.png[/img]

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

[img]http://i066.radikal.ru/1211/bb/449cc4dd3eea.png[/img]

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

[img]http://s48.radikal.ru/i121/1211/5e/3d4b309a2a83.png[/img]

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

[img]http://i051.radikal.ru/1211/cf/24ddaef4ad5d.png[/img]


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

[img]http://s019.radikal.ru/i621/1211/38/799f5568e634.png[/img]


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

[img]http://s017.radikal.ru/i436/1211/be/08a53c5b2e7a.png[/img]

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

[img]http://s017.radikal.ru/i438/1211/9a/2f202741d00d.png[/img]

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

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

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

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

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

Порт: 21

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

[img]http://s018.radikal.ru/i521/1211/75/24fc02c2cb17.png[/img]

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

[img]http://s017.radikal.ru/i442/1211/95/ba8846c3537a.png[/img]

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

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

[img]http://i023.radikal.ru/1211/f8/97f25f996c54.png[/img]

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

[img]http://s017.radikal.ru/i439/1211/83/18b44a372e7e.png[/img]

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

[img]http://s019.radikal.ru/i606/1211/cf/7b4f9d2105e3.png[/img]

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

[img]http://i031.radikal.ru/1211/d1/b76341cb9fdc.png[/img]

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

[img]http://s017.radikal.ru/i440/1211/3c/a6fded75ef6c.png[/img]

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

[img]http://i036.radikal.ru/1211/e0/43873645c19a.png[/img]

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

[img]http://s017.radikal.ru/i426/1211/a8/df00f49a28e9.png[/img]

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

[img]http://s019.radikal.ru/i644/1211/10/1e646c2996c4.png[/img]

Открываем "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');



[img]http://s017.radikal.ru/i438/1211/12/8825c64762a6.png[/img]

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

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

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

[img]http://s59.radikal.ru/i163/1211/a2/964a16f14c30.png[/img]

Создаем файл с названием "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.

[img]http://s019.radikal.ru/i602/1211/b8/ab95c2ffffeb.png[/img]


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

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

При поддержке: SeoPult - система автоматизированного продвижения сайтов и управления контекстной рекламой. Обсудить на форуме.
[img]http://www.masterwebs.ru/sp/seopult.gif[/img]

Сообщение отредактировал Vermilion - 25.11.2012, 18:43
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vervekin_mw
vervekin_mw
сообщение 24.11.2012, 0:37; Ответить: vervekin_mw
Сообщение #2


Масштаб проделанной работы впечатляет! Но, признаться, ум отказывается воспринимать содержание по элементарной причине:
[img]http://vervekin.ru/images/nuinu.jpg[/img]
Количество орфографических, синтаксических и логических ошибок на одно предложение слишком велико. Да и с остальным текстом ситуация не лучше.

Информативность сырого материала заметно ниже, и такой подход говорит о неуважении к читателю. Вы бы вычитали и причесали статью, это можно сделать и после публикации.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vermilion
Vermilion
Topic Starter сообщение 30.11.2012, 15:44; Ответить: Vermilion
Сообщение #3


[member=vervekin], ошибки исправил
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Evgeny_mw
Evgeny_mw
сообщение 30.11.2012, 22:09; Ответить: Evgeny_mw
Сообщение #4


Хорошая статья..., мне понравилось, как все расписано! Пошаговая инструкция находчива объясняет алгоритм действий. ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Denbolt
Denbolt
сообщение 30.11.2012, 22:57; Ответить: Denbolt
Сообщение #5


Думаю, это самая отличная статья, в которой пошагово расписан ход действий создания своего блога. Нигде больше я не встречал такой статьи. Ради этого я зарегистрировался на сайте, что бы отблагодарить автора данной статьи. Для начинающего веб мастера как я, это самый отличный гайд. Хорошо расписана установка вордпресса. Ещё спасибо за несколько отличных ссылок. Так же поддерживаю вебсервер open-server, отличная программа для сайтостроения, и опять же очень подробно расписана установка на этот сервер, вордпресса. Возьму себе на сохранение эту статейку!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vermilion
Vermilion
Topic Starter сообщение 30.11.2012, 23:09; Ответить: Vermilion
Сообщение #6


[member=Denbolt],спасибо!!!, старался специально для начинающих веб мастеров
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Upgoing_mw
Upgoing_mw
сообщение 5.12.2012, 0:10; Ответить: Upgoing_mw
Сообщение #7


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

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

В целом статья конечно интересная и проделан хороший объем работы, хотя я как сделал в первый раз, так походу и буду делать. Впрочем, если бы мне попалалась эта статья года 4 назад, то может быть делал все по другом :( Кстати, автор, вы написали что в сайтостроении уже более 3-х лет, а личному блогу только 3 месяца. Неужели так долго к этому шли?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vermilion
Vermilion
Topic Starter сообщение 9.12.2012, 18:09; Ответить: Vermilion
Сообщение #8


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

У меня было около пяти веб проектов, пару закинул остальные продал. В общем остался один блог.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Napoleon-007
Napoleon-007
сообщение 14.2.2013, 9:30; Ответить: Napoleon-007
Сообщение #9


Почему движок на WordPress бесплатный ? Или там в какой то момент будет реклама торчать ? ))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sosnovskij
sosnovskij
сообщение 17.2.2013, 21:34; Ответить: sosnovskij
Сообщение #10


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1129 24.11.2023, 14:46
автор: alexey
Открытая тема (нет новых ответов) Нужен рерайтер для экспертного блога (таргет, смм)
1 Asgerd 2823 13.9.2021, 3:11
автор: Ostromir
Открытая тема (нет новых ответов) Создаю простое приложение для блога
4 pishu-text 5579 11.3.2021, 7:42
автор: Grakal
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыНовогодний SEO конкурс 2019-2020, марафон по созданию и продвижению сайтов
280 jack 95072 3.12.2020, 12:39
автор: ZennoMan
Открытая тема (нет новых ответов) Ведение корпоративного блога
6 wep 1664 24.10.2020, 16:07
автор: adamsadriane


 



RSS Текстовая версия Сейчас: 19.3.2024, 6:42
Дизайн