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

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

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

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

Где лучше вести блог?

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

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

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

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

Пошаговое руководство

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

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

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

Подготовка

• Как выбрать нишу для сайта?
• Урок в БЗ «Как выбрать нишу сайта ».
• Урок в БЗ «Как провести анализ ниши и конкурентов ».
• Как составить структуру сайта (рубрики)?
• Урок в БЗ «Как правильно составить структуру сайта ».
• Придумать название и описание сайта

Создание блога

Настройка и оптимизация

• Настройка плагина Hyper Cache
• Установка логотипа (фавикона)
• Хлебные крошки
• Кнопки расшаривания в социальных сетях
• Как сделать резервную копию базы данных и всего сайта
• Настройка страницы ошибки 404

Подключение аналитики

• Подключение Яндекс Метрики
• Подключение Яндекс Вебмастер
• Подключение Гугл Аналитики
• Подключение Гугл Вебмастер
• Подключение статистики LiveInternet
• Расширения для браузера LiveInternet и RDS Bar

Базовые уроки по работе с WordPress

• Как создать рубрики?
• Как создавать новые записи (статьи) и редактировать их?
• Как создать страницу (добавление обязательных страниц)?
• Как настроить виджеты?
• Как настроить меню?
• Выпадающее меню настроек страницы в админке?

Написание и оптимизация статей

• Структура статьи (заголовки)
• Сбор ключевых слов для статьи
• Анализ конкурентов
• Обзор сервиса Keys.so. Сервис Keys.so помогает анализировать конкурентов и собирать поисковые запросы по статьям конкурентов.
• Как настроить программу KeyCollector?

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

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

Что это и зачем

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

• Текстовые записи. Изначально это был единственный способ, но и сейчас он остаётся основным;
• Изображения. Картинки могут прекрасно отражать всё самое важное;
• Аудио и видео. Почему бы не наполнить свой блог приятной музыкой и красивыми роликами.

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

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

• Реклама чего-либо. Блог может быть посвящен определенной фирме или продукту. В таком случае, все записи связывает одна тема, и велика вероятность того, что читатели такого дневника – целевая аудитория;
• Новости. Для журналистики блог – это также прекрасная площадка, ведь людей интересуют только самые свежие события, а в большинстве онлайн-дневников последние записи отображаются в самом верху страницы;
• Традиционное применение. На просторах всемирной паутины можно создать личный блог, и это всё еще чрезвычайно актуально для многих людей. Преимущество над бумажным вариантом – возможность получать комментарии других пользователей при сохранении полной анонимности;
• Заработок. Если блог популярен, он может приносить неплохой доход. Реклама стала «золотой жилой» интернет-бизнеса, и целью ведения многих онлайн-дневников является привлечения как можно большего числа посетителей.

Как удобнее создать

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

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

• Лёгкость использования. Не нужно знать технологии, на которых основывается блог, от вас требует только добавлять новые сообщения;
• Большое количество «соседей ». Самыми популярными блогами интересуются миллионы людей, а среди них с высокой долей вероятности найдутся единомышленники;
• Быстрота. От мысли «Где создать бесплатный блог? » до первого поста может пройти минут пять.

Однако у такого подхода существуют и некоторые недостатки.

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

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

К положительным сторонам платных блогов можно отнести:

• Неограниченный функционал. Вы сами решаете: как и что будет происходить в вашем блоге. Можно воплотить в жизнь совершенно новые идеи;
• Доход. Чтобы создать блог для заработка – лучше не прибегать к бесплатным сервисам. Можно размещать рекламу в любой форме и количествах.

В качестве минусов выступают:

• Необходимость платить за хостинг и доменное имя;
• Придется знать внутреннюю структуру блога, а не просто публиковать новые посты.

Блоги Google и Яндекс

В 1999 году амбициозная компания Pyra Labs запустила первый в своём роде сервис Blogger . Однако в 2003 году корпорация Google обратила предметное внимание на этот популярный проект и приобрела Pyra Labs вместе со всеми технологиями, которые разрабатывала компания.

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

У отечественного поискового гиганта всё сложилось гораздо печальнее. С 2007 года Яндекс поддерживал сервис я.ру , и поначалу дела у этого хостинга блогов шли достаточно неплохо. Но в последние годы популярность сервиса значительно упала, и в июне 2014 года Яндекс объявил о закрытии я.ру и переносе материалов пользователей в Живой Журнал :

Где создать бесплатный блог?

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

— WordPress.com . Одна из самых популярных платформ для создания блогов. Предоставляет огромное количество функций как для обеспечения внешнего вида онлайн-дневника, так и для совершенствования технических параметров:

— Blogger.com . Уже рассмотренный в этой статье хостинг блогов от компании Google пользуется огромной популярностью среди интернет-пользователей. Отличается простотой и удобством использования:

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

— Twitter . Данный сервис относится к разряду микроблогов, так как длина сообщений строго ограничена. Тем не менее, нельзя не упомянуть этот невероятно популярный и быстроразвивающийся проект:

Как заработать на блоге?

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

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

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

• Постоянно обновляйте информацию;

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

Создание и публикация статьи (материала) в Joomla.

Давайте для начала просто попробуем создать и опубликовать первый материал (article) на сайте и посмотрим, появится ли он на нашем сайте. Запомните, что любые операции с материалами в Joomla (создание новых, редактирование существующих, публикация, снятие с публикации и удаление статей) производятся в менеджере материалов. Чтобы туда попасть логинимся в админку Joomla, далее в верхнем меню переходим Материалы -> Менеджер материалов . Для создания материала жмем наверху на кнопку Создать .

Мы попадем на страницу создания материала. Данная страница состоит из нескольких вкладок. При добавлении на сайт новых статей я пользуюсь в основном вкладками: Материал и Публикация . Давайте пробежимся по всем вкладкам.

Вне вкладок расположено два элемента:

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

Алиас . Псевдоним, использующийся для формирования URL адреса страницы с нашим материалом. Если оставить пустым, то джумла сама заполнит это поле, переведя название статьи в транслит. Можно заполнить самому латинскими буквами без пробелов, допускаются дефисы и знаки подчеркивания.

Остальные элементы расположены во вкладках.

Вкладка Материал. Это основная вкладка. В ней присутствует текстовый редактор, в котором мы и набиваем непосредственно текст статьи. По умолчанию Joomla поставляется с WYSIWYG редактором TinyMCE . Кнопки редактора очень похожи на кнопки обычного текстового редактора. При наведении на кнопку появляется всплывающая подсказка, так что думаю здесь вы и сами разберетесь.

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

Справа от редактора есть еще группа полей, которые показаны на рисунке ниже.

Давайте пробежимся по ним.

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

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

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

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

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

Следующее поле Метки появилось в Joomla начиная с версии 3.x. Метки (их еще называют тегами, англ. tags ) чем то напоминают категории, но в то же время они дополняют их, позволяя объединять в группы материалы из разных категорий. Пока оставляем это поле пустым.

Возьмите за правило всегда заполнять поля Мета-тег Description и Мета-тег Keywords . Многие вебмастера утверждают, что поисковики уже не учитывают содержимое данных полей и их заполнять не нужно. Хочу вам сказать, что по крайней мере Гугл учитывает содержимое этих полей. Вкратце скажу, что содержимое мета-тега Description используется поисковыми системами при формировании сниппетов в поисковой выдаче, а при помощи мета-тега Keywords вы помогаете понять поисковой системе какие ключевые слова несут основную смысловую нагрузку в данной статье. Ключевые слова заполняем через запятую. Пять шесть ключевиков достаточно, указываем те слова, по которым можно составить представление о содержании статьи.

Поле Мета-тег Robots указывает поисковым роботам каким образом индексировать вашу статью и нужно ли ее вообще индексировать. Если вы хотите запретить индексирование данной статьи (т.е. чтобы она не появлялась в выдаче поисковых систем), то можете выставить это поле в значение No index . Значение No Follow означает, будут ли переходить поисковые роботы по ссылкам, содержащимся на данной странице и передавать другим страницам, на которые ведут ссылки, "вес" текущей страницы. В нашем случае оставляем это поле в значении По умолчанию , что равноценно значению Index, Follow .

Остальные поля в данной вкладке заполнять не обязательно.

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

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

Нам нужно понять, что выводится на главной странице сайта сразу после его установки и как сделать, чтобы созданная нами статья появилась на сайте. Для этого в верхнем меню админки Джумлы переходим по пунктам Меню - > Менеджер меню . Открываем одно единственное меню. Открываем в нем единственный пункт меню Главная и видим, что пункт меню Главная выводит Избранные материалы .

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

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

Вставляем картинки в статью на Joomla.

Какая же статья обходится без красивой картинки? Редактор TinyMCE, который используется по умолчанию в Joomla, позволяет легко и быстро добавить картинку в материал.

Есть два способа отображения картинки в материале:

• Первый способ - это когда мы загружаем картинку на сервер нашего сайта и затем встраиваем ее в наш материал.
• Второй способ - это когда мы заливаем картинку на какой нибудь внешний хостинг картинок типа радикала или на внешние диски (Яндекс.Диск, Google Drive, Microsoft SkyDrive, DropBox) и затем встраиваем картинку в наш материал.

Плюсы и минусы загрузки картинки на локальный и на внешний серверы:

Загрузка картинки на локальный сервер.
Отсутствуют исходящие ссылки на внешние ресурсы, т.к. все картинки загружены на сервер сайта.	Каждая такая картинка по сути является исходящей ссылкой на внешний ресурс, где она располагается. Чем больше картинок, тем больше исходящих ссылок на внешние ресурсы. Большое количество исходящих ссылок не любят поисковые системы. Результатом может быть снижение SEO показателей сайта и некоторое проседание позиций сайта в поисковой выдаче.
Картинка всегда доступна, пока работает сайт.	Внешний ресурс, где хранятся картинки может оказаться недоступным, и картинки не смогут отображаться на сайте.
При открытии страницы сайта картинки подгружаются быстро, т.к. грузятся с локального сервера.	При открытии страницы сайта картинки могут долго подгружаться, т.к. загружаются с внешнего ресурса.
Чуть большая нагрузка на сервер, чем при втором способе, т.к. при каждом открытии страницы серверу приходится выполнять работу по отдаче картинки. Заметно только на сайтах с очень большой посещаемостью, на которых много картинок. Решается правильной конфигурацией веб сервера.	Нет нагрузки на сервер вашего сайта, т.к. работа по отдаче картинки возложена на внешний сервер.
Подвержен хотлинкингу. Это когда люди вставляют ваши картинки на других сайтах вторым способом, т.е. в виде ссылок на ваш сайт. В этом случае серверу вашего сайта приходится выполнять дополнительную скрытую работу по отдаче картинки каждый раз, когда кем то запрашивается страница внешнего сайта, на которой опубликована картинка вашего сайта вторым способом. После выбора папки для загрузки картинки с компьютера на сервер прокручиваем модальное окно до самого низа и в разделе Загрузить файл жмем на кнопку Обзор . Выбираем нужную картинку на компьютере, которую хотим загрузить на сервер и жмем на кнопку Загрузить . В итоге наша картинка закачается в выбранную нами папку. Но это еще не все. Мы только закачали картинку на наш сервер и теперь она доступна для вставки в нашу статью. Теперь, чтобы вставить картинку в статью мы выбираем нашу картинку из списка загруженных в нашей папке и жмем на кнопку Вставить , которая расположена в правом верхнем углу модального окна. Вот теперь наша картинка появилась в нужном месте нашего редактора. Но мы видим, что наша картинка вставилась как то не так. Появился ненужный отступ в тексте. Нам нужно, что бы текст огибал картинку слева или справа. Для этого выбираем курсором мыши нашу картинку и жмем на маленькую кнопку insert/edit image в панели кнопок нашего редактора. Появится другое модальное окно, в котором в поле Source уже забит путь к нашей картинке. Переходим во вкладку Advanced и в поле Style вбиваем следующую строку: Float:left; Данное стилевое свойство выравняет картинку по левому краю и заставит текст обтекать ее справа. Для выравнивания картинки по правому краю и соответственно обтекания ее текстом слева вбиваем следующую строку: Float:right; При необходимости, мы также можем задать отступ текста от картинки указав в полях Vertical space и Horizontal space соответственно отступ по вертикали и отступ по горизонтали в пикселях. В поле Border вкладки Advanced можем указать в пикселях ширину границы вокруг картинки. Как расширить текстовый редактор в Joomla. Для того, чтобы перевезти текстовый редактор TinyMCE в расширенный режим, идем в Расширения -> Менеджер плагинов . Находим в списке плагин с названием Редактор - TinyMCE и открываем его. В поле Режим редактора выбираем Расширенный и сохраняем настройки. Редактор в расширенном режиме имеет уже набор кнопок как на рисунке ниже. Вот мы и опубликовали первую статью в категории по умолчанию Uncategorised . Наверняка на вашем сайте, который вы собираетесь создать, вы планируете создать несколько разделов и даже подразделов для статей. За это в Joomla отвечает менеджер категорий. В следующем уроке мы научимся создавать категории (разделы) и подкатегории сайта . Вы можете помочь проекту, рассказав о нем в социальных сетях: Спасибо! Вперёд You have no rights to post comments

Это система управления содержимым сайта (его контентом, функционалом и т.д.), которая принимает на данный момент самые разнообразные формы за счет использования различных вложений, которые в Джумле называются расширениями и компонентами. CMS используется для более гибкого и многофункционального построения сайта и управления им. Это своего рода скелет, каркас, на который уже навешиваются всякие-разные плагины, модули, расширения и компоненты. На сегодня существует много конструкторов сайтов (CMS), например, тот же , или DLE, но мы сегодня рассмотрим наиболее популярную после WordPress систему – .

По правде говоря, лет 10-15 назад Джумла была ведущей CMS в интернете – на ее основе делались почти все сайты, по крайней мере, большая их часть. Со временем WordPress стал вытеснять Joomla своей более развитой функциональностью и простотой в установке и в работе. Но, тем не менее, сейчас на Joomla работает около 30% пользователей и веб-мастеров, так что имеет прямой смысл ознакомиться с этим конструктором поближе. Итак, начинаем.

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

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

Поэтому, если вы решили работать с Joomla, то лучше всего пользоваться ее официальным русскоязычным сайтом — http://joomla.ru/ . На сегодня можно скачать и установить версию Joomla 3.0.3 – это уже наиболее продвинутый вариант конструктора, русскоязычный и имеющий много предустановленного функционала. Устанавливать Джумлу практически так же легко, как и Вопдпресс – ну, немного подольше и больше шагов нужно будет сделать. Да и админпанель тоже радикально отличается, но при определенном навыке вы сможете с закрытыми глазами управлять своим сайтом – панель рассчитана на интуитивное понимание интерфейса.

Ниже видео, как установить Joomla 3 на хостинг

Я, когда впервые прочитал слово «Joomla», подумал, что это какой-то африканский зверь. Действительность оказалась проще и не такой страшно. Если перевести с суахили, то слово Joomla означает «Все вместе!». То есть, в названии – прямой намек на то, что это бесплатный конструктор с открытым исходным кодом. Любой желающий может предложить внести свои изменения в этой CMS, и ему ничего за это не будет, кроме известности. Правда, денег он тоже не получит . Сообщество сторонников Джумлы – это многотысячная армия, а может быть, уже и многомиллионная. На разных российских и зарубежных форумах более миллиона человек обсуждают работу с Joomla, и каждый год их становится все больше, как становится больше и сайтов на движке Joomla.

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

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

Компоненты CMS Joomla – для чего они нужны

На этой CMS можно буквально творить чудеса. Просто приведу несколько примеров компонентов, и вы поймете о Joomla немного больше. Итак:

1. Компонент для резервного копирования Akeeba Backup

Все компоненты Joomla являются бесплатными в распространении, и новая версия компонента Akeeba Backup 3.1 – не исключение. Это расширение является компонентом с открытым исходным кодом, и предназначено оно для создания резервных копий сайта на Joomla и его базы данных. Архив, который можно создать при помощи этого компонента, включает в себя все файлы Joomla, резервную копию БД, а также с его помощью можно восстановить весь сайт в любой момент. Компонент имеет и расширенные платные версии. В этой улучшенной версии добавлено три новых функции и исправлены ошибки предыдущих версий, одна из которых была критической.

2. Компонент для организации форума Kunena

Разработчики расширения форума для Joomla Kunena 1.5.13 объявили о создании новой версии. В этом расширении в основном были исправлены ошибки предыдущих версий, ничего нового не добавлялось. Форумы создают многие веб-мастера, и форум на Джумла является весьма функциональным инструментом. Привлечение пользователей к общению на форумах происходит намного оживленнее, если правильно организовать его

3. Компонент для организации на сайте гостевой книги Phoca Guestbook

Улучшенный бесплатный компонент гостевой книги для Joomla под названием Phoca Guestbook 1.4.3. В этой версии вызовы функций eregi чешский разработчик Jan Pavelka заменил на preg_match. Это улучшило совместимость функционала с PHP 5.4, также появился новый параметр — суффикс, который выполняет функции изменения имени сессии CAPTCHA.

4. Компонент для создания PDF-документов из контента Phoca PDF

Тот же Jan Pavelka опубликовал новую версию компонента Phoca PDF 1.0.8. В основе этого функционала лежит некоммерческая библиотека TCPDF, компонент может создавать PDF-файлы из контента сайта на Joomla. Библиотека TCPDF в новом компоненте обновилась до версии 5.9.009, и теперь Phoca PDF имеет возможность работать с плагином Phoca PDF VirtueMart.

5. Компонент для создания галереи XGallery

Компонент для создания галереи изображений для сайтов на Joomla под названием XGallery 1.9.2. В результате работы компонент теперь для главного названия использует название рубрики на сайте. Это качественно улучшает SEO-показатели галереи. Добавилась функция для визуального отображения дескрипшена. Для того, чтобы ее включить, необходимо добавить небольшое описание для основной рубрики — ID=1.

6. Компонент управления базами данных Art Adminer

Компонент Art Adminer 1.0.1 — простой и удобный инструмент для работы с БД сайта. Это расширение — аналог всем известного веб-приложения phpMyAdmin, но отличается тем, что с его помощью можно заходить в базу данных прямо из панели администратора сайта. Это действительно удобно – не нужно заходить на хостинг, затем в phpMyAdmin, и т.д. Можно подключаться в автоматическом режиме и работать со всеми имеющимися базами данных.

7. Компонент для быстрой вставки готовых заметок Snippets

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

8. Компонент Feed Gator — агрегатор новостей для сайта

Бесплатный компонент-агрегатор новостей версии Feed Gator 2.3 RC1 уже готов к использованию. Это расширение может импортировать содержимое RSS-лент ваших подписок и отображать на сайте в любом доступном для Joomla формате. Ранние beta-версии имели несколько серьезных ошибок, которые в новом выпуске исправлены, добавлено несколько новых возможностей. Версия Feed Gator 2.3 RC1 работает стабильно, поэтому и рекомендована к бесплатному использованию.

9. Узконаправленный компонент Ticketmaster – для заказа билетов на мероприятия

Компонент Ticketmaster 1.0.9 создан на коммерческой основе. Так сделано потому, что это узкоспециализированное расширение выполняет следующие функции: оно позволяет пользователю заказывать на вашем сайте билеты на разные мероприятия. Билет добавляется в корзину, а затем в PDF формате высылается на адрес заказчика. Ticketmaster имеет свои собственные библиотеки для работы с PDF файлами. В этой версии исправлены предыдущие ошибки, добавился планировщик для автоматического создания билетов и их отсылки пользователю.

10. Компонент для загрузки файлов в материалы сайта Attachments for content articles

Бесплатный компонент версии Attachments for content articles 2.1.2 также уже доступен в сети. Компонент загружает файл и присоединяет его к тексту или к другому контенту на сайте (к изображению, таблице, к другим файлам). Эту функцию можно организовать как в административной части, так и в пользовательском интерфейсе. Возможностей у расширения много, и ознакомиться со всеми можно на официальном сайте Joomla или на сайте разработчика.

Поддержка конструктора Joomla

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

Joomla Extensions Catalog — официальный каталог компонентов и расширений. С этого репозитария можно скачать все доступные расширения, плагины или компоненты

Сайт www.joomla.org — официальный сайт CMS Joomla

Сайт help.joomla.org — документация, учебники, руководства – в общем, все, что касается работы с Joomla

Joom.Ru . Сайт «Русский дом Joomla!» — официальный сайт для русскоязычных пользователей Joomla

Что может Joomla

Теперь вы немного представляете себе, что такое Джумла. Но важно помнить одно: Joomla — это только инструмент в руках веб-мастера. Чтобы ваш новый сайт действительно был эффективным, приносил прибыль и привлекал новых пользователей, важно качество контента, его правильная архитектура и, несомненно, дизайн сайта. Как в Joomla организовано построение контента? Это разделы, потом идут категории (рубрики) разделов, в которых уже публикуется сам контент (содержимое, статьи) сайта. Это только начало. Определитесь, как вы организуете контент на сайте, и вам будет проще настроить CMS для правильного отображения информации. Иерархическое построение контента на сайте будет приблизительно таким:

1. Раздел 1.0

5. Раздел 2.0

И так, сколько нужно.

Правда, организовать контент в Joomla можно по-разному. Ниже видео — Логика организации контента в Джумла

Дальше вам необходимо создать меню сайта – с его помощью посетителю будет намного легче найти ту информацию, которая его интересует. Меню может указывать не только на разделы или категории, но и на отдельные страницы или записи. Нужно правильно озаглавить как меню, так и рубрики, страницы и страницы записей на сайте. Это тоже нужно для более понятной ориентации. Интересный факт – посетитель читает текст на сайте на 25% быстрее, чем на машинописной странице. И это печально, потому что у вас будет всего (в среднем) 7 секунд, чтобы пользователь заинтересовался сайтом. Теперь понятно, почему так важно правильно все построить и расположить? Вот вам для общего понимания ситуации несколько проверенных советов:

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

2. Самые значимые определения (фактически это – ключевые слова) нужно размещать в начале предложения или в его середине, но никак не в конце.

3. Чаще пользуйтесь структурированными списками для отображения данных.

4. Пишите подзаголовки: объясните посетителям, о чем будет идти речь дальше в статье.

Если вы пользовались Joomla раньше, то наверняка заметили, что наполнение сайта от дизайна сайта отделено совсем. Шрифты, цветовые стили, графические элементы, позиционирование — все это уже заложено в шаблоне сайта. Чтобы создать шаблон, требуется хорошее знание , а также стилей CSS.

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

1. PHP версии 4.2 и выше. На данный момент самой стабильной считается версия PHP 5.3.

2. Система управления вашими БД MySQL версии 3.23 и выше.

3. Свободный сервер Apache версии 1.3.19 и выше.

Для настройки своего нового сайта на Joomla вам понадобится создать следующие данные:

1. Создать новое имя базы данных MySQL.

2. Создать новое имя пользователя базы данных.

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

4. Указать имя хоста для вашей новой базы данных.

Если тарифный план, который вы выбрали на хостинге, поддерживает несколько БД MySQL, то можно создать для Joomla отдельную базу. Дальше я расскажу, как быстро установить Joomla на сайт и создать новую базу данных.

Простая установка Joomla

Панели управления сейчас почти на всех хостингах унифицированы, поэтому вам будет понятно то, что я буду рассказывать и показывать. Заходите в свою панель управления и выбираете слева пункт меню «Установка CMS». Перед вами появится такой список всех предлагаемых к установке CMS. Естественно, выбираем Joomla:

Дальше вы увидите выпадающее окно, в котором вам нужно будет выбрать версию Joomla для установки. В принципе, можно выбирать любую, а потом в панели администратора обновить ее до последней. Я выбрал Joomla 3.0.3 – это и есть на данный момент последняя версия. Жмите «Установить», и перейдете на новый уровень установки конструктора:

Теперь вам нужно заполнить все (!) поля в этом списке. Но, так как у вас еще нет базы данных, вам в установке будет отказано. Поэтому вернемся немного назад и создадим новую базу данных для сайта на Joomla 3.0.3. Что для этого нужно? Заходим в пункт меню «Базы данных MySQL» и создаем новую базу, нажав на ссылку «Создать базу данных». Дальше вы увидите вот такое окно:

Здесь нам нужно указать имя БД (придумайте любое, только на латинице), указать кодировку, поставить галочку на пункте «Создать пользователя с таким же именем и полным доступом к базе данных». Вот и все, база данных создана. Теперь мы возвращаемся к установке CMS Joomla на сайт. Как вы помните, нам нужно было заполнить все поля, согласиться с лицензией и нажать кнопку «Установить». Теперь ждем 10-15 минут, и система сообщит вам об этом:

За это время система сама установит на ваш сайт конструктор Joomla. Вам останется только заняться его настройками. Вот как будет выглядеть ваш сайт со стандартным предустановленным шаблоном:

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

Давайте сначала разберемся в самой структуре построения контента (статьи, фото, видео, музыка) в joomla. Думаю что такое материал и категория все знают? Для тех, кто не знает, что такое материал — материал это статья, если это статейный сайт; материал — видео, если это сайт-видеохостинг (например, как youtube.com); материал — фото, если это фото-сайт или сайт портфолио. В общем надеюсь понятно, что подразумевается под словом — материал (в дальнейшем мы будем называть именно так, т.е. просто материал, поэтому запомните это). Категория — это некая папка, которая объединяет в себе схожие материалы, т.е. это примерно так, как мы создаем папку у себя на компьютере и складываем туда определенные файлы.

Стоит запомнить одну вещь — все материалы обязательно должны лежать в определенной категории. Иными словами материал не может существовать сам по себе, он обязательно должен относиться к определенной категории. Категории в свою очередь могут иметь вложенные подкатегории и такая вложенность может быть бесконечно множественной. Материал может лежать, как во вложенной категории, так и в дочерней. Именно такой логики придерживаются многие расширения для joomla. По умолчанию при установке joomla создается одна категория — uncategories . Обычно в данную категорию добавляют статьи, которые не имеют категории. Например, такие страницы, как Биография или О нас, ну и т.д.

Структура статьи

Включение ЧПУ в joomla

Обращу ваше внимание на один немаловажный момент — включение ЧПУ. Что такое ЧПУ? ЧПУ расшифровывается, как человоко понятный урл, т.е. адреса страниц становятся более дружелюбными к поисковым системам и выглядят более красиво. По умолчанию адреса в joomla имеют следующий вид, например, http://site.ru/index.php/novosti/mir-novostei-zhivonogo-mira. В принципе это и есть уже дружелюбный адрес, но смущает только вставка — index.php, и еще хотелось бы, чтобы адреса заканчивались на.html, как и должно быть по сути.

Чтобы реализовать задуманное выполним несколько несложных действий. Идем в общие настройки joomla — системное меню Сайт -> Общие настройки и в правой части окна находим блок «Настройки SEO «. Далее выставляем первые три переключатели в положение «Да», а именно: Включить SEF (ЧПУ), Перенаправление URL, Добавлять суффикс к URL.

• Включить SEF (ЧПУ) — активирует ЧПУ,
• Перенаправление URL — избавляет нас от вставки index.php,
• Добавлять суффикс к URL — добавляет в конец адреса суффикс — .html.
• Алиасы в Unicode оставляем в положении «Нет», иначе могут быть проблемы с адресами.

Создание материала в Joomla: добавление категории

Прежде чем приступать к созданию категорий и статей подготовьте структуру вашего контента, можно расписать все это на бумаге. Вы должны сразу определиться какие у вас будут на сайте категории и пункты меню (о пунктах меню поговорим чуть позже). Joomla так устроена, что данному шагу при построении контента следует уделить особое внимание и перестраивать структуру в дальнейшем не желательно, т.к. это может повлечь за собой смену адресов, в следствии чего сайт может потерять свои позиции в поисковых системах, а также ТИЦ и PR.

Добавление материала советую начать с создания категорий. Заходим в панель управления сайтом и идем в системное меню Материалы -> Менеджер категорий -> Создать категорию. Либо переходим в менеджер категорий и там далее жмем по желтой кнопочке «Создать». Перед нами открывается форма добавления категории.

Заголовок (помечен звездочкой, это означает, что данное поле обязательно к заполнению) — вводим заголовок категории. Следите за тем, чтобы ваши заголовки были не слишком длинными, иначе это будет некрасиво.

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

Родитель — здесь выбираем родительскую категорию, если данная категория у вас будет верхнего уровня, то ничего не трогаем.

Состояние — здесь нам доступны следующие опции: опубликовано; не опубликовано; в архиве (можно поместить всю категорию в архив); в корзине (можно удалить категорию, переместив ее в корзину)

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

Права — устанавливает выбранной группе определенные права

Язык — выбираем язык сайт (только для мультиязычных сайтов). Оставляем как есть.

Описание — сюда вводим описание нашей категории. Желательно написать два, три абзаца описания. т.к. это очень полезно для сео-оптимизации сайта.

Теперь давайте взглянем на правую колонку. Здесь нам доступны следующие вкладки: Параметры публикации, Основные параметры, Метаданные.

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

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

Метаданные — вводим краткое описание и ключевые слова. Также вводим имя автора и выбираем мета-тег Robots (с помощью данной опции может разрешить или запретить данную категорию к индексации), но его советую оставить по умолчанию.

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

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

Создание материала (статьи)

Категории мы создавать научились, теперь давайте перейдем к публикации материала, а именно статьи. Прежде всего, чтобы нам было удобно работать с нашим визуальным редактором нам необходимо переключить его в расширенную версию. Делается это следующим образом — Расширения -> Менеджер плагинов -> Редактор — TinyMCE, открываем и в правой колонке в самом вверху переключаем режим редактора на расширенный. После этого жмем «Сохранить и закрыть». Теперь идем в Материалы -> Менеджер материалов -> Создать Материал. Открывается похожая нам форма добавления материала, но здесь она более расширенная.

Здесь заполняем знакомые нам поля, все тоже самое, что и при добавлении категории, ничего сложного нет. Единственное обратим внимание на переключатель «Избранные». С помощью данного переключателя мы можем пометить любой материал как избранный. Для чего это нужно? Мы можем, к примеру, отметить важные статьи данным переключателем и вывести их на главную страницу. Можем также с помощью модулей вывести на внутренних страницах только избранные материалы. Одним словом «Избранные» это просто отметка для материала и все.

Будем считать, что заголовок вы ввели, категорию выбрали теперь необходимо вставить текст и картинки. Хочу обратить ваше внимание на то, что текст как обычно копировать-вставить здесь не желательно. Т.е. текст вы копируете в буфер как обычно — ctrl+c, а вот вставлять нужно через кнопочку на панели инструментов. Данным действием мы вставляем только текст, отбрасывая все ненужные теги. Дело в том, что копируя текст с Microsoft Word или с какого либо сайта мы вместе с текстом копируем в буфер очень много ненужных символов, которые нам абсолютно не нужны. Обязательно запомните данный момент. Вообще, на эту тему я записал видеоурок — как правильно добавлять статьи на сайт . Советую вам посмотреть.

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

Теперь давайте вставим изображение в статью с помощью кнопочки «Изображение». Чтобы картинка присутствовала и в анонсе статьи поставим курсор в самое начало текста, т.е. перед первой буквой и нажмем на кнопочку «Изображение» . В открывшемся модальном окне нам откроется директория images нашего сайта. Здесь будут храниться все изображения нашего сайта, вернее наших материалов. Желательно распределить все изображения по папочкам. По умолчанию здесь уже созданы две папки — banners и sampledata. Папки создаются через медиаменеджер, оттуда же можно и загружать и вообще управлять медиа-материалами. Ну, усложнять не будем сейчас. Вы можете загрузить изображение пока в корень папки images, либо в одну из двух папок. В папке sampledata уже есть демо-изображения, советую воспользоваться пока ими.

Выбирая изображение у нас в поле «Адрес изображения» автоматически подставляется путь до изображения. Нам остается только заполнить поля — Описание изображения и Заголовок изображения. Эти поля являются не обязательными, но заполнять их все же советую. Выравниваем изображение — влево или вправо и после всего жмем по кнопке «Вставить».

Начиная с версии joomla 2.5 появилась возможность задать общую картинку материалу, как для анонса, так и для полного описания. Конечно задать картинку к статье мы можем и выше приведенным методом, но все же данный метод будет правильнее. Чтобы задать картинку ищем в правой колонке вкладку «Изображения и ссылки». Здесь вы можете задать картинку анонсу материала и полному описанию.

Чтобы загрузить или выбрать загруженное изображение, нажмите на кнопку «Выбрать», ну а далее откроется вам знакомое окошко в модальном окне. Следите, чтобы размеры изображения были не слишком большими. Для тизера (краткое описание) добавьте изображение поменьше, а для полного описания можно побольше. Можете также выбрать обтекание текста — слева или справа, либо по центру (но это зависит от шаблона, т.е. данные стили должны быть заложены в шаблоне).

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

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

Двигаемся далее и теперь давайте отделим основной текст от анонса. Для этого вставим курсор в конец первого абзаца и нажмем по кнопочке «Подробнее» . Сразу после абзаца вставится красная разделительная черта. Она как раз и будет отделять анонс от полного содержания.

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

И последнее, что нам понадобиться заполнить это поля метаданных Description и Keywords. Хотя, говорят, что данные поля для ранжирования сайтов в поисковой выдаче уже не так работают как раньше, но все же лучше их заполнить. В правой части окна добавления материала находим последнюю вкладочку «Метаданные» . Обычно в поле «Мета-тег Description» я вставляю несколько предложений из первого абзаца с вхождением ключевого запроса. В поле «Мета-тег Keywords» вставляем ключевые слова, характеризующую статью. От 5 до 10 слов будет думаю достаточно. Не забываем про ключевые запросы.

Помимо вкладки «Метаданные» я думаю вы уже заметили, что есть еще и другие вкладки с настройками, но о них мы поговорим в другой статье, т.к. статья итак получилась довольно объемной. Ну вот, после всех проделанных действий жмем по одной из трех кнопочек: Сохранить, Сохранить и закрыть и Сохранить и создать.

Советую на первых порах сохранять материал через кнопочку «Сохранить», материал сохранится, но не закроется и в случае ошибок можно быстро поправить.

А на этом данную статью я заканчиваю. Будут еще статьи по созданию сайта на joomla, ждите. До скорых встреч!