Как бесплатно сделать сайт со своим портфолио?

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

Собственно именно для решения данной задачи и посвящен этот пост.  Для начала давайте определим, что же должно быть на сайте с портфолио?

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

• Приветствие (на главной странице)
• Автобиография (или «Об авторе»)
• Портфолио
• Галерея
• Контакты

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

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

Достоинства этого хостинга очевидны:

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

Безусловно, что преимуществ еще много, но стоит упомянуть и о недостатках:

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

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

1. Регистрируемся по ссылке http://ru.wordpress.com/signup/

Перейдя по ссылке для регистрации, Вы увидите следующую страницу:

Где, необходимо указать логин (имя пользователя для входа в систему), пароль (случайный набор букв и цифр, который знаете только Вы) и адрес почтового ящика. Обязательно нужно отметить галочки возле фраз: «I have read and agree to the fascinating terms of service» (соглашение с правилами системы) и «Gimme a blog! (Like username.wordpress.com)» (согласие с тем, чтобы в системе был создан новый блог с адресом в виде «Логин.wordpress.com», где вместо логин будет использовано значение, которое Вы ввели в поле «Логин»).

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

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

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

Вносим изменения в соответствующие поля, и нажимает на кнопку «Сохранить профиль».

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

Поздравляю, теперь вы успешно зарегистрировалась!

2. После регистрации необходимо авторизоваться в системе.

Для этого перейдите по ссылке https://ru.wordpress.com/wp-login.php и введите в соответствующих полях свой логин и пароль.

Вот так выглядит админ панель вордпресса, сверху есть ссылка “Visit site” (на этой картинке ее не видно) нажав на которую можно посмотреть на свой сайт.

3. Теперь необходимо удалить примеры поста, комментария, страницы и ссылок.

Слева в панели выбираем вкладку «Comments». На рисунке я ее выделил желтым цветом.

После того как перейдете на страницу управления комментариями наведите курсор мышки на пример комментария созданный Mr WordPress и в появившемся меню нажмите на ссылку «Trash» (удалить).

Далее переходим на вкладку «Post» и выбирает пункт «Edit»

Теперь таким же образом, как и в случае с комментарием наводим курсор мышки на пример поста и нажимаем на ссылку «Trash» (удалить).

Осталось только удалить страницу в разделе «Pages», подраздел «Edit» и ссылки в разделе «Links», подраздел «Edit». Только с ссылками для их удаления нужно  нажимать «Delete». Все делается таким же образом, поэтому данные пункты я не буду описывать.

Также следует отметить, что в принципе удалять пост и страницу совсем не обязательно, их можно было просто отредактировать (нажимая не на «Trash» а на «Edit»), но это уже дело вкуса.

4. Создаем страницы «Автобиография», «Портфолио», «Галерея» и «Контакты».

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

Дело в том, что по своей идеологии блог является некой лентой динамически сменяющих себя новостей, статей и заметок. Обычно на главной странице сайта отображается 10-30 анонсов самых последних постов. А вот страницы — это если так можно выразиться статические элементы, которые содержат некоторые информационные данные.

Как думаете, такие элементы сайта, как «Автобиография», «Портфолио», «Галерея» и «Контакты» входят в категорию постов или страниц?

Правильно, конечно же это страницы.

Итак, чтобы создать страницу открывает вкладку «Pages» и нажимаем на ссылку «Add New»:

После загрузки страницы Вы увидите следующую картину:

Где, в полях необходимо написать свои данные.

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

После чего в открывшемся окне нужно нажать на кнопку «Select Files» (выбрать файлы).

Далее выберите файл и нажмите «Открыть».

Теперь в появившихся настройках можно задать параметры отображения (например выравнивание, размер картинки и т.д.) и нажать на кнопку “Insert into Post”, после чего картинка будет добавлена на страницу.

Также отмечу, что на страницах, как впрочем и на постах в случае если Вы не собираетесь часто модерировать сайт лучше снимать галочки с пунктов «Allow Comments» (разрешать комментирование) и «Allow trackbacks and pingbacks on this page» (разрешать трекбеки и пингбеки).

Все Ваша запись готова и проверив ее содержание можно смело нажимать на кнопку «Publish» (опубликовать), которая находится справа в вверху страницы.

Таким образом, создаем страницы: «Автобиография», «Портфолио», «Галерея» и «Контакты».

5. Теперь создаем пост с приветствием.

В целом создание поста практически ничем не отличается от создания страницы.

Переходим на вкладку «Posts» и нажимаем на ссылку «Add New»:

Далее заполняем поля:

Проверяем текст на ошибки и если все в порядке нажимаем на кнопку «Publish».

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

Если блог о Вас и Вашем портфолио, то можно делать краткие анонсы или писать интересные статьи о том, чем занимаетесь и т.д.

6. Создав все необходимые страницы, советую еще изменить дизайн сайта.

Сделать это очень легко, нужно просто на вкладке «Appearance» нажать на ссылку «Themes»:

и выбрав понравившуюся тему нажать рядом с ней на ссылку «Activate»:

Еще при настройке дизайна сайта рекомендую обратить внимание на виджеты (вкладка «Appearance», подрубрика «Widgets»).

7. Все Ваш сайт готов, теперь нажмите на ссылку «Visit Site» вверху админ панели, чтобы посмотреть на результат своей работы.

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

Если есть какие-либо вопросы, то пишите, я с удовольствием на них отвечу.