Наработки на Joomla

Разработка сайта на joomla – продолжение (часть 2)

Анатолий — Wed, 09 Feb 2011 11:23:54 +0000

Основную долю разработки заняла настройка и верстка под компонент для Joomla 1.5 – MightyResources.
Если вам не интересно описание компонента, то можете сразу перейти к структуре и описанию работы с ним.

В первую очередь я кратко расскажу о том, что представляет из себя этот компонент.
Компонент MightyResources, в первую очередь является конструктором контента, (сокращенно и по-английски “CCK”) и как заверяют разработчики, он может выдержать весьма большую нагрузку по количеству трафика.
На первый взгляд, на нем можно сделать любую структуру каталога, любой вложенности категорий. С контентом, с любым количеством полей и возможностью комментирования.
Поля это вообще отдельная тема, но я постараюсь и их описать кратко и понятно. Но начнем с того, из чего состоит компонент в админке.

Установка
На данный момент компонент устанавливается не напрямую через установку расширений Joomla, а весьма непривычным способом – через компонент-ассистен, в котором можно указать, какие конкретно дополнения, помимо самого компонента, требуется установить (Лично я установил все бесплатные дополнения, которые доступны).
Пример, того, как отмечены дополнения, которые требуют платного участия в их сообществе, на следующем скриншоте:

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

Все права на контент принадлежат сайту ITXL.RU © . По советам для программистов

Структура
Основные три пункта, которые понадобятся для организации структуры – это “Content, Sections, Types”

Первый шаг – это создание первого типа контента с полями. Для этого нужно зайти в пункт меню “types”, клацнуть кнопку “new”, справа в верхнем углу. Не пугайтесь, увидев огромное количество настроек. При первом знакомстве их можно проигнорировать, написав название типа поля и сохранив этот тип (Эти настройки влияют на отображение контента, к которому будет принадлежать этот тип контента).
После сохранения можно будет видеть свой первый тип контента, однако он будет пока без полей. Т.е. если вы попробуете создать материал с таким типом контента, то у вас будет доступен только заголовок материала. Для добавления дополнительных полей нужно кликнуть мышкой по ссылке “Поля” в списке типов контента (Внутри будет список доступных полей с их настройками).

Второй шаг – это создание раздела для контента. В разделе также можно создать большое количество подразделов. Для создания раздела, нужно зайти в пункт меню section, в компоненте MightyResources, как обычно, нажав кнопку “new” в правом верхнем углу.
Раздел также имеет большое количество настроек они влияют на отображение списка контента в разделе, но не на отдельный материал. На эти настройки. на стадии ознакомления, можно также не обращать внимания.
Просто введите название раздела и сохраните его.

Третий шаг – написание материала через пункт “content”, который можно будет увидеть на сайте.

В следующей части я опишу продолжение работы с компонентом MightyResources. В неё войдет описание шаблонизатора и некоторых настроек, связанных с шаблонами.

Эта статья является продолжением:
Разработка сайта на Joomla

Всплывающие сообщения Joomla

Анатолий — Tue, 18 Jan 2011 05:10:32 +0000

Сегодня решил написать о том, как сделать всплывающее сообщение предупреждений Joomla. Для начала выберем скрипт всплывающих сообщений, в моём случае были выбраны плагины для jQuery.

Среди всех плагинов на этой странице – http://plugins.jquery.com/plugin-tags/alert
Был выбран freeow

Теперь нужно подключить css и jQuery плагин, для этого, в пределах тэга head всталяем (пути заменяем на свои):

"stylesheet" type="text/css" href="baseurl ?>/templates/template ?>/js/freeow/style/freeow/freeow.css" />

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

if ($this->getBuffer(‘message’)) : ?>
"display:none;">include type="message" />
"freeow">
endif; ?>

После выполнения этих несложных операций получилось примерно следующее:

Интернет магазин глазами покупателя

Анатолий — Mon, 17 Jan 2011 07:13:48 +0000

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

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

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

3. Доставка оплата;
На этой страничке нужно указать все варианты доставки и оплаты, которые Вы можете предложить, желательно чтобы их было несколько. Так же необходимо указать тарифы за доставку, если не включена бесплатная доставка.

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

Разработка сайта на joomla

Анатолий — Mon, 17 Jan 2011 05:56:54 +0000

Постановка задачи:

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

1) В качестве форума был выбран компонент “Agora”.

2) Так как будет необходим рейтинг статей, точная средняя оценка статей (для выявления победителя при участии в конкурсах), также добавление статей пользователями, то стандартный компонент материалов не подойдёт, поэтому я выбрал компонент “com_resource” от “Mighty Extensions”. Там есть возможность всего этого, да к тому же отпадет необходимость устанавливать дополнительные компоненты галерей и видео, потому что всё это можно настроить в “com_resource”.

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

3) Был предоставлен HTML шаблон, купленный на templatemonsters.com

Начало разработки:

Для начала я изучил шаблон, на следующем скриншоте я выделил блоки, которые изменил в первую очередь.
Пункты 1,2 – текст логотипа и слоган, где слоган должен генерироваться каждый раз разный. Текст логотипа я сделал через переменную “$mainframe->getCfg(’sitename’)” – она берёт текст из конфигурации сайта, т.е. переменная содержит название сайта.

Случайно выводящийся слоган был сделан следующим образом:
В административной панели, через менеджер модулей был установлен модуль ‘Произвольный HTML-код’, в котором были размещены слоганы, разделённые двумя символами “точка с запятой”. Чтобы слоган начал выводиться, был создан стиль модуля в файле “имя_шаблона/html/modules.php“

function modChrome_slogan($module, &$params, &$attribs)
{
$headerLevel = isset($attribs[‘headerLevel’]) ? (int) $attribs[‘headerLevel’] : 3;
if (!empty ($module->content)) :
$text = $module->content;
$texts = explode(";;",$text);
$num = mt_rand(0,count($texts)-1);
echo $texts[$num];
endif;
}

Чтобы в шаблоне вывести модуль с определённым стилем, нужно вывести следующий код:

 style="slogan" />

Где имя стиля это название функции после “modChrome_” в файле “имя_шаблона/html/modules.php“. После этих манипуляций у нас будет выводиться случайный слоган на странице.

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

Под четвертым пунктом скриншота подразумевалась стилизация стандартного модуля меню под структуру слайдера. В меню всё также, как обычно создаём пункты, единственное в пункте “Параметры – Система” нужно выбрать картинку для слайдера. Эти изображения должны быть загружены в папку “\images\stories”, чтобы была возможность выбрать их.
В созданном модуле для этого меню, в пункте “Другие Параметры” нужно поставить “Да”, напротив “Показывать иконки меню”.
Также, чтобы подогнать структуру меню под структуру шаблона слайдера, был написан небольшой jQuery скрипт:

jQuery(function(){
jQuery(‘ul#sliderul’).addClass(‘kwicks horizontal’).removeClass(‘menu’);
var num = jQuery(‘#sliderul li’).size();
for (var i = 1; i < num+1; i++)
{
var n = i-1;
var text = jQuery(‘ul#sliderul li:eq(’+ n +‘) a span’).html();
var img = jQuery(‘ul#sliderul li:eq(’+ n +‘) img’).attr(’src’);
var link = jQuery(‘ul#sliderul li:eq(’+ n +‘) a’).attr(‘href’);
jQuery(‘ul#sliderul li:eq(’+ n +‘) a’).replaceWith("+ link +"’> + img + "’ />" + text + "");
jQuery(‘ul#sliderul li:eq(’+ n +‘)’).attr(‘id’,"kwick_"+ i);
}
});

Модуль новостей из 5 пункта меню в скриншоте сделан из стандартного модуля “mod_latestnews“, но там по умолчанию выводится только ссылка на новость. Чтобы сделать вывод текста и даты в этом модуле, нужно немного поправить хэлпер этого модуля “modules\mod_latestnews\helper.php“, а именно, после строки

$lists[$i]->text = htmlspecialchars( $row->title );

Вставить следующий код:

$lists[$i]->intro = $row->introtext;
$lists[$i]->full = $row->fulltext;
$lists[$i]->publish = $row->publish_up;

Эти переменные передадут в шаблон модуля вступительный текст, полный текст и дату публикации. После всего этого нужно сделать дату нужного нам формата и обрезать вступительный текст, думаю следующий код (шаблон модуля новостей) будет понятен и без объяснений:

// @version $Id: default.php 10381 2008-06-01 03:35:53Z pasamio $
defined(‘_JEXEC’) or die(‘Restricted access’);
jimport( ‘joomla.utilities.date’ );
?>
if (count($list)) : ?>
class="latestnewsget(’pageclass_sfx’); ?>">
class="latestnewsget(’pageclass_sfx’); ?>">

"list-2"

foreach ($list as $item) : ?>

$publish = $item->publish;

$datePub = new JDate($publish);

$fullText = strip_tags($item->intro.$item->full,‘p’);

$full = mb_substr($fullText,0,185,‘utf-8′);

echo $datePub->toFormat(‘%d’); ?> echo $datePub->toFormat(‘%b’); ?> "link; ?>">echo $item->text; ?>

echo $full.‘…’; ?>

endforeach; ?>

"" class="link">Все новости

class="clear">

endif;

Продолжение следует…

Интеграция HTML шаблона в Joomla

Анатолий — Sat, 15 Jan 2011 19:02:13 +0000

Для того, чтобы начать интеграцию html шаблона в cms Joomla нам понадобится стандартная сборка Joomla со стандартными шаблонами, этого для начала хватит.

1) В папке templates создадим папку, где будет новый шаблон (естественно название папки без пробелов, русских и спец символов).

2) Из шаблона beez копируем папку html, в папку, которую только что создали. В ней хранится второстепенная вёрстка компонентов и модулей (грубо говоря, шаблоны компонентов и модулей). Почему именно из шаблона beez? Потому что там шаблон компонента материалов и прочего сверстаны DIV-ами.

3) Из шаблона “rhuk_milkyway” я беру только файлы “index.php“,”templateDetails.xml“. Этого вполне достаточно для создания простого шаблона. Из файла “index.php” я многое удаляю и на начало разработки файл выглядит следующим образом:

defined( ‘_JEXEC’ ) or die( ‘Restricted access’ ); ?>
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/1999/xhtml" xml:lang="language; ?>" lang="language; ?>" >
include type="head" />
"stylesheet" href="baseurl ?>/templates/system/css/system.css" type="text/css" />
"stylesheet" href="baseurl ?>/templates/system/css/general.css" type="text/css" />
"baseurl ?>/templates/template ?>/css/template.css" rel="stylesheet" type="text/css" />
if($this->countModules(‘left’)) : ?>
include type="modules" name="left" style="rounded" />
endif; ?>
include type="message" />
include type="component" />

скачать этот пример

4) Теперь рассмотрим файл “templateDetails.xml“, он нужен для отображения данных в менеджере шаблона и для установки шаблона из архива. Пример из стандартного шаблона был урезан до следующего:

version="1.0" encoding="utf-8"?>
version="1.5" type="template">
>rhuk_milkyway>
>11/20/06>
>Andy Miller>
>rhuk@rockettheme.com>
>http://www.rockettheme.com>
>>
>GNU/GPL>
>1.0.2>
>TPL_RHUK_MILKYWAY>
>
>index.php>
>templateDetails.xml>
>template_thumbnail.png>
>params.ini>
>images>
>css>
>
>
>breadcrumb>
>left>
>right>
>
>

Скачать пример xml файла

name – имя шаблона
creationDate – дата создания шаблона
author – автор
authorEmail – e-mail автора
authorUrl – ссылка на сайт автора
copyright – описание лицензионного соглашения
license – тип лицензии
description – описание шаблона
files – файлы, которые содержит папка с шаблоном
files → filename – название файла
files → fodler – название папки с файлами (файлы будут установлены, без их указания)
positions – предустановленные названия позиций для расположения модулей

5) Следующим шагом можно уже интегрировать HTML шаблон, скопируйте HTML разметку в index.php (также не забудьте заменить пути до изображений, которые будут вставлены напрямую) . Не забудьте отредактировать css файл таким образом, чтобы путь до фонового изображения был относительным к css файлу.

joomla 1.6.0 Stable eng – Обзор – Установка

Анатолий — Tue, 11 Jan 2011 17:54:31 +0000

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

Первое и на мой взгляд, самое важное – при установке, joomla потребовала php версии 5,2,4 или выше. Из-за чего пришлось обновить рабочую среду на локальной машине. Также это будет затронет тех, у кого на хостинге или vds/vps стоит php версии ниже 5,2,4

Что изменилось в процессе установки:

1) При установке, появились дополнительные параметры проверки: версия php >= 5.2.4; Поддержка INI Parser; Поддержка Json

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

3) На шаге установке ftp соединения теперь есть предупреждение, для неопытных пользователей и начинающих юзеров joomla, что этот шаг не обязателен.

4) Шаг настройки конфигурации сайта претерпел самые большие изменения. Убрано “Миграция или Восстановление с резервной копии”, благодаря чему страница с этим шагом установки выглядит не такой громоздкой.

Также появились расширенные установки основных настроек сайта. В предыдущей версии Joomla заголовки

Еще замечу немаловажную деталь, теперь на этом шаге установки, можно задать логин администратора.

Исправление неисправности JoomGallery – sef

Анатолий — Fri, 10 Dec 2010 07:14:14 +0000

При обновлении галереи компонента JoomGallery до версии “1.5.6.1“, обнаружил, что в последней версии, при включенном SEF – не отображаются большие фото. Немного покурив форум этого компонента можно узнать, как решается эта проблема.

Чтобы исправить этот баг, нужно зайти в файл: “сайт.ru\components\com_joomgallery\helpers\ambit.php“
и закомментировать следующие строки:

|| strpos($type, ‘img’) !== false
|| strpos($type, ‘orig’) !== false

Импорт контента в магазин

Анатолий — Mon, 29 Nov 2010 18:33:41 +0000

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

В первую очередь, для компонента virtuemart можно воспользоваться другим компонентом – CSVI, он позволяет импортировать товары из подготовленного файла формата CSV. Для корректного составления файла импорта, рекомендуется воспользоваться программным обеспечением от OpenOffice.org. Этот бесплатный софт позволит составить файл импорта в корректной кодировке (utf8) и назначить разделители полей и текста, которые установлены в стандартных шаблонах компонента CSVI.

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

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

Импорт товаров с других сайтов.

Другой способ пригодится, когда информации для заполнения магазина нет на руках, а заполнить надо срочно. Для начала нам понадобится Content Downloader – это парсер контента (т.е. программа, которая поможет скачать товары или материалы с других сайтов). В частности, при помощи этого парсера, можно сразу же создать список товаров в формате CSV, для импорта в virtuemart. Далее, выбираем сайт, с которого нужно взять товары, следуем инструкциям в видеороликах, на странице с Content Downloader.

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

После того, как парсинг каталогов будет окончен, можно будет сформировать шаблон для вида контента, в данном случае, можно будет использовать шаблон формата CSV для последующего импорта в Virtuemart.

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

Пользовательское соглашение в Joomla

Анатолий — Sun, 14 Nov 2010 07:49:32 +0000

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

Тут всё просто. Начнем с того, что я использовал стандартный компонент Joomla – “com_user”. Для редактирования шаблона компонента я создал в папке с шаблоном сайта, папку “html”, она нужна, чтобы складывать свои шаблоны элементов и расширений Joomla. (Подробнее об этом в предыдущей статье)

Затем я вставил чекбокс в форму регистрации “сайт\templates\мойШаблонДжумла\html\com_user\register\default.php”.

Пример:

Я согласен(-сна) с условиями пользовательского соглашения. *

Потом поставил обработку на этот checkbox в контроллере редактируемого компонента “сайт\components\com_user\controller.php”. Находим метод “register_save()” и начинаем внедрять обработку чекбокса.

Далее я буду использовать api joomla. JRequest::getVar(’rules’, ‘0′, ‘post’) – означает, что из POST запроса берется ключ “rules” POST массива, по умолчанию значение которого равно “0″.

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

function register_save()
{
global $mainframe;
// Check for request forgeries
JRequest::checkToken() or jexit( ‘Invalid Token’ );
// Get required system objects
$user = clone(JFactory::getUser());
$pathway =& $mainframe->getPathway();
$config =& JFactory::getConfig();
$authorize =& JFactory::getACL();
$document =& JFactory::getDocument();

После него допишите:

$rules = JRequest::getVar(‘rules’, ‘0′, ‘post’);
// если не согласны с правилами, то пишем "плохо"
if ( $rules == 0 )
{
JError::raiseWarning(”, JText::_( ‘Вы обязаны согласиться с пользовательским соглашением, чтобы работать с нами.’ ));
$this->register();
return false;
}

Также не забудьте конвертировать controller.php в кодировку utf8, чтобы текст ошибки отображался нормально. Либо можно засунуть текст ошибки в языковой файл.

Шаблонизация расширений Joomla

Анатолий — Sat, 13 Nov 2010 11:23:36 +0000

Если расширение joomla написано по всем, так сказать, “правилам”. То, при необходимости редактирования такого шаблона, можно скопировать нужные для редактирования шаблоны в папку “html” шаблона Joomla, который у вас на сайте будет по умолчанию. К шаблонам для редактирования через папку HTML также относятся шаблоны для модулей Joomla.

Структура таких шаблонов.

Обычно структура таких шаблонов почти такая же, как и в компоненте или модуле Joomla. Рассмотрим структуру шаблона в Компоненте.

1) Заходим в папку “components->com_(какой-нибудь компонент)“

2) Ищем там папку “views“, в ней лежат папки с вьюверами шаблонов, а в папках “tmpl” сами шаблоны вьюверов.

3) копируем все папки из “views” в “site/templates/shablon/html/com_(название компонента)/”

4) После копирования, заходим в “site/templates/shablon/html/com_(название компонента)/” перед нами список шаблонов компонента. Заходим в каждую папку и удаляем все файлы, кроме папки “tmpl”. Затем, перемещаем все файлы из папки “tmpl” на уровень выше, после этого “tmpl” можно удалить.

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

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

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

Постовой
Если у вас есть документы, которые вы бы не хотели хранить в офисе, вы можете создать электронный архив. Компания ОРБ обладает самым передовым оборудованием для сканирования документов любой сложности и структуры. Ваши документы могут быть сохранены в любом необходимом для вас формате и пользоваться ими смогут одновременно несколько сотрудников вашей компании.