Делаем сайт для СМИ

В данной статье пойдёт речь о том, как сделать простой и удобный сайт для вашего СМИ или ФС. Идея о написании подобного материала уже давно витала в воздухе и наконец-то реализована. Возможно, если тема будет интересна, то последует продолжение. Как пример, верстка PDF СМИ.

 

ХОСТИНГ

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

Когда-то я спросил совета на счет хостинга у goleger, который имел большой опыт в данной области. Он дал мне несколько ссылок, которые почти все я и опробовал. Платные, бесплатные, дорогие и не очень, но выбор мой пал на простой vagonchik.com

 

1) Заходим на сайт, спускаемся вниз страницы и создаем бесплатный хостинговый аккаунт

2) Соглашаемся с правилами пользования сайтом и даём описание нашего будущего сайта.

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

4) Нажимаем «создать сайт»!

 

Вам на почту пришло письмо с логином и паролем к панели управлении хостингом, ftp и MySQL. Заходим в панель управления сайтом и сразу обращаем внимание на поле «Информация о FTP». Лично я пользуюсь веб-клиентом, что предлагает сайт. Мне так удобно, но Вы можете скачать в сети специальные программы (FTP-клиенты).

Открываем FTP клиент и вводим логин с паролем. Попадая на хостинг мы видим папку SITE, в неё мы и будем загружать наш сайт/движок.

ДВИЖОК

Движок сайта – система управления содержимым сайта. Их существует великое множество, к примеру, такие как DLE, joomla, wordpress – на последнем мы и остановимся. WordPress – это блоговый движок, на котором как раз работает «Бомбардир». Удобный и простой, размещать текст и картинки самое то.

Идем на сайт http://ru.wordpress.org и скачиваем русскоязычную версию движка 3.3.2.

Лучше всего закинуть его на хостинг и там распаковать. Главное, чтобы содержимое архива (wp-admin, wp-content, wp-includes и другие файлы) оказалось в итоге в папке site.

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

От Вас требуется из письма ввести логин в поля Database name и User name, а в поле Password пароль. Нажимаете Submit, если все ОК, то Вам предложат начать установку сайта (о да, мы её ещё не начали))). Заполняем все поля, и нажимаем «установить wordpress».

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

 

 

АДМИНКА

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

- Записи

- Медиафайлы

- Ссылки

- Страницы

- Комментарии

- Внешний вид

- Плагины

- Пользователи

- Инструменты

- Настройки

 

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

Все темы wordpress, в принципе, похожи друг на друга. Они могут состоять из 1, 2, 3 или 4 колонок. Сколько Вам необходимо, Вы уж определяйтесь сами. Сайтов с шаблонами в интернете море, стоит лишь набрать в поисковике “шаблоны wordpress”, и Вы получите тысячи ссылок. Иногда, можно просмотреть сотни страниц, прежде чем Вы найдёте что-то интересное – все зависит от Вас. Я ищу везде, но обязательно просматриваю сайт http://morestyle.ru, т.к. на нем бывают стоящие шаблоны. Во время поиска темы Вы можете натыкаться на классные платные темы. Не советую сразу закрывать на них глаза, попробуйте скопировать название и «погуглить», ведь, возможно, её уже слили в сеть.

 

Покопавшись некоторое время, я нашел простенькую тему «Blogum» – её и будем устанавливать. Скачиваем её себе на компьютер. Идем в админку сайта по следующему пути Дизайн – темы – установка тем – загрузить файл. И загружаем скачанный архив на сайт и активируем тему.  Прошу обратить внимание, что это должен быть zip-архив.

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

Все шаблоны WP состоят по большей части из нескольких блоков, таких как Header (шапка сайта), Footer (низ сайта), Side bar (боковая колонка для виджетов, к примеру), Контента – более подробную информацию можно прочитать тут (советую это сделать). Вот их мы будем понемногу редактировать.

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

Для отката есть два способа, в зависимости от того, насколько сильно Вы накосячили))

1) Отредактировать файл через админку сайта в разделе «Дизайн – редактор – имя файла.php».

2) Через FTP.

Там приходится заходить панель управления хостингом и искать файл, который Вы редактировали. Идём в FTP (тот же путь, что и при установке движка), он будет примерно следующий: /site/wp-content/themes/тема_вашего_сайта

 

ДИЗАЙН

Для начала сделаем шапку сайта, нарисовав её на скорую руку в фотошопе. Редактировать мы будем файл header.php. Мы видим, что в шапке помимо картинки находится поиск по сайту – он мне не нужен, поэтому пока я его удалю и, возможно, потом верну в другое место сайта. Можно и не возвращать, если хорошо настроить рубрикацию на сайте.

 

Лого в шапку нарисовали, поэтому отправляемся по адресу в админке «Медиафайлы – загрузить файл» и загружаем картинку. Чтобы составить код для вставки в Header, я предпочитаю использовать редактор самого сайта «Записи – добавить запись», т.к. всё равно не шибко разбираюсь в кодировках и тому подобном. Вставляем картинку, делаем на неё гиперссылку на главную страницу нашего сайта и выравниваем по центру. Далее из визуального редактора переходим в HTML и копируем получившийся код – его мы и будем вставлять в шапку.

 

Открываем «Дизайн – редактор – Заголовок (header.php)». Находим, где в коде находится и начинается . После боди мы удаляем надпись “- Interview “ её код

«<h1><a href=”<?php bloginfo(‘home’); ?>”>&mdash; <?php bloginfo(‘name’); ?></a></h1>»

и вставляем туда наш код с картинкой. Там же рядом удаляем поисковик  <?php (код такой «get_search_form(); ?>»).

Если картинка встала криво, то мы можем её подогнать через редактирование ширины и высоты (width=”***” height=”***”) или заново переделываем картинку.

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

 

РУБРИКИ

Создаются они по адресу «Записи – рубрики»: вводим название, ярлык латинскими буквами и описание, если необходимо.

 

МЕНЮ

Допустим, мы создали страницу «О журнале», рубрики «Об Игре», «О прессе», «О людях» и т.п.. Нам теперь все это как-то нужно вывести на главную страницу, для этого существует «редактор меню» (Дизайн – меню).

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

 

Если мы не устанавливаем никакие виджеты, то на их месте могут размещаться предусмотренные темой собственные виджеты. В данном случае: «Об авторе», «Свежие записи» и «Последние комментарии» – этот текст можно редактировать по адресу «Дизайн – редактор – Sidebar.php»

 

ПЛАГИНЫ

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

1)    wp-super-cache – поможет сайту быстро загружаться, и не заставлять посетителей сайта утомительно ждать загрузку страницы.

2)    WP Widget Cache – тоже плагин, сокращающий время загрузки страниц.

3)    NextGEN Gallery – удобный и красивый вывод изображений в записях сайта.

4)   GD Star Rating – отличный плагин для оценок статей/комментариев и т.п.

5)  NewStatPress – удобный плагин, ведущий статистику посещений сайта, переходов не него, ссылающихся сайтов и т.п

6) Video Embedder – плагин позволяет удобно вставлять видео на сайт с таких сервисов как youtube

7)   Wp super edit – визуальный редактор, который поможет нам оформлять статьи.

8) Wp_polls – для опросов, если, конечно, ты их планируешь.

9)  Exclude Category – не всегда необходимо выводить абсолютно все рубрики на главную страницу, поэтому очень удобный фильтр рубрик нам пригодится.

10 ) Audio player – если будет необходимость проигрывать аудио-файлы на сайте.

Добавляются они в разделе “Плагин – добавить плагин – загрузить файл”.

Далее, некоторые плагины отображаются в панели управления в разделе «Настройки» + в меню «Дизайн – виджеты».

 

ЗАВЕРШЕНИЕ

Не хочу превращать статью в пособие чайнику-веб-дизайнеру, поэтому остановлюсь. Я лишь хотел показать, что делать сайты довольно просто, достаточно немного усидчивости и терпения. По wordpress’у в сети есть много статей, которые Вам доступно подскажут, как его настроить. Удачи! И если что, обращайтесь))

Похожие статьи:

• Личный опыт: как работал журнал La Gazzetta dello Sport
• Лицензированное СМИ – это просто!
• Журналистика на проекте «Золотая Бутса». Инструкция по применению!
• Журналисты-футболисты
• Литературное раздвоение личности

Делаем сайт для СМИ, 9.5 out of 10 based on 11 ratings

Tags choice