K_E_V_in » Работа с CMS

Joomla и Drupal – сравнительный анализ

K_E_V_in — Tue, 17 Apr 2012 08:29:32 +0000

В числе ведущих CMS, которые пользуются особой популярностью в Рунете, можно выделить Joomla и Drupal. Многие, кто сталкивается прямым или косвенным образом с разработкой сайтов, рассматривают эти движки как прямые конкуренты. Обе CMS имеют открытый исходный код, что дает простор для деятельности разработчиков. Но, тем не менее, определенные функциональные различия между этими двумя движками существуют. Вкратце рассмотрим их в данной статье.
Базовый вариант дистрибутива Joomla объемнее, чем Drupal. Это связано с тем, что в Джумле предусмотрен удобный WYSIWYG-редактор, файловый менеджер и другие функциональные блоки, которые отсутствуют в Друпал. Поэтому Joomla считается более гибким решением для управления контентом и отличным полигоном для экспериментов. Изучение php для начинающих здесь более эффективно. Движок Drupal ориентирован на создание комьюнити-сайтов, и если разработчики желают создать на основе данного движка классический портал или корпоративный сайт, что, в принципе, возможно, то придется столкнуться с определенными трудностями.
Обе CMS имеют свои преимущества, и при умелом использовании на обеих можно построить практически любой сайт. Но, тем не менее, разработка сайта на Joomla будет дешевле.

Выравнивание картинок в WordPress

K_E_V_in — Fri, 13 Apr 2012 08:29:03 +0000

Этот пост больше носит характер памятки лично для меня. Просто запаривает искать одну и ту же информацию по 20 раз. Здесь хочу оставить для себя пометку о том, как происходит выравнивание картинок в постах вордпресса.

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

1
2
3
4
5
6
7
8
9

img {
max-width: 100%
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

И всё будет зашибись!

Прикручиваем Fancybox к DJ-Catalog

K_E_V_in — Thu, 12 Apr 2012 09:00:35 +0000

Продолжаем серию статей по расширению функционала компонента Джумлы DJ-Catalog. Не буду в Н-ный раз описывать что это за каталог, это можно почитать на сайте разработчика. Ранее я уже писал о том, как добавить дополнительные поля в каталог товаров, сегодня же посвятим статью прикручиванию fancybox к этому каталогу.

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

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

1 2	echo $this->baseurl ?>/templates/ echo $this->template;?>/js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

Оживляем библиотеку

1
2
3
4
5
6
7
8
9
10
11
12

Теперь редактируем файл вывода отдельного товара components/com_djcatalog/views/item/tmpl/default.php. Сразу сделаем, чтобы выводилась галерея картинок. К примеру, если вы продаете джинсы оптом, то будет замечательно на одну товарную позицию загрузить несколько картинок, чтобы пользователь мог просмотреть все цветовые вариации в виде галереи без лишних кликов на картинки.

Правим строки 40-51. Я приведу свой кусок кода, в котором уже внесены правки

1
2
3
4
5
6
7
8
9
10
11
12

if ($item->images = $this->images->getImages($item->image_url)) { ?>

echo $this->params->get('th_width'); ?>px;">
echo $item->name?>" href=" echo $item->images[0]['original']?>"> echo $item-/>name; ?>" src=" echo $item->images[0]['medium']; ?>"/>
if (count($item->images) > 1) {?>

for($i = 1; $i < count($item->images); $i++) {?>
echo $item->name?>" href=" echo $item->images[$i]['original']?>"> echo $item-/>name; ?>" src=" echo $item->images[$i]['small']; ?>" style="width: echo ($this->params->get('smallth_width') - 4); ?>px; margin-left: 2px; margin-right: 2px;"/>
} ?>

} ?>

Обратите внимание, что здесь на ссылки указан класс group и rel group1. Имя класса связывает ссылку с фансибоксом, а параметр rel говорит, что мы картинки группируем для создания галереи.

И убираем подключение встроенного слимбокса в файле components/com_djcatalog/controller.php (комментим строки 84-93)

1
2
3
4
5
6
7
8
9
10

// include SlimBox
/*
Slimbox v1.58 - The ultimate lightweight Lightbox clone
(c) 2007-2009 Christophe Beyls
MIT-style license.
*/
//$slimboxJs = JURI::base().'components/com_djcatalog/theme/js/slimbox-1.58/js/slimbox.js';
//$slimboxCss = JURI::base().'components/com_djcatalog/theme/js/slimbox-1.58/css/slimbox.css';
//$document->addScript($slimboxJs);
//$document->addStyleSheet($slimboxCss);

Всё, готово! Теперь будет DJ-Catalog работать с модной библиотекой Fancybox.

Добавлям поля в DJ-Catalog товаров для Joomla

K_E_V_in — Tue, 10 Apr 2012 20:40:45 +0000

Разрабатывая очередной проект, столкнулся с небольшой проблемкой. Я всё до сих пор нахожусь в поисках легкого каталога товаров для Джумлы (поиск что-то не очень идет, придется наверное свой писать). Нашел DJ-Catalog. Всё вроде бы неплохо, но полей в товаре маловато. Нужно добавлять, а стандартными средствами этого не сделать. Мне нужно было добавить поле “Артикул”, которое является в общем случае текстовым.

Сами посудите, что за каталог без артикулов. Даже если в нем представлены дизельные генераторы, то всё равно артикул необходим. А про более специфические товары и говорить незачем.

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

1. Добавляем нужное поле в таблицу djcat_items базы данных сайта. Сделать это можно с помощью phpMyAdmin.

2. Далее добавить переменную в класс товарной позиции. Правим файлик administrator\components\com_djcatalog2\tables\items.php (это примерно 46-47 строка будет). Добавляем туда нашу переменную:

3. И добавить её в форму заполнения товара. Для этого правим файлик administrator\components\com_djcatalog2\views\items\tmpl\form.php (у меня примерно 155 строка). Копируем конструкцию с инпутом и строкой таблицы, убираем всё лишнее, прописываем name и id в соответствии с именем нашей переменной (sku).

Будет нелишним активировать поиск по новому полю. Для этого правим файлик components/com_djcatalog/models/itemstable.php
И вставляем (у меня строка 182) такое:

4. В конце-концов, вывести на сайте. Покажу на примере, как вывести в табличное отображение. Правим файлик components/com_djcatalog/views/itemstable/tmpl/default.php

Сначала добавляем заголовок таблицы нашего нового поля (строка 149):

Затем добавляем вывод артикула в таблице с товарами (строка 189):

На страницу отдельного товара можно вставить по аналогии, там никаких сложностей нет. На этом всё!

DJ Catalog – отличный каталог чего угодно для Joomla

K_E_V_in — Thu, 29 Mar 2012 13:46:07 +0000

Задача типичная для последнего времени: есть компания, и ей нужно представить каталог своей продукции как можно более наглядно и красиво. Конечно, можно взять плагины интернет-магазина и урезать их функциональность, но это, как то не очень хорошее решение. Лучше поискать такое решение, которое нужно будет меньше “пилить”. Вот под Джумлу я такое нашел. Называется DJ каталог.

На нем можно организовать всё что угодно, даже каталог объектов недвижимости или электронной техники:

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

Быстрый поиск на лету для WordPress

K_E_V_in — Sat, 24 Mar 2012 08:26:37 +0000

Наткнулся на очень интересный и полезный плагинчик поиска для вордпресса, который осуществляет поиск “на лету” по мере ввода строки запроса в инпут. Очень удобная штучка. А называется плагинчик Dave’s WordPress Live Search. Конечно, раскрутка сайта от этого быстрее и дешевле не станет, но данный плагин может улучшить параметры по пользовательскому поведению, что уже само по себе здорово.

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

Вот примерный вид живого поиска:

Для более точной настройки, перейдите в Параметры – Live Search и подправьте их под свой блог. Рекомендую ставить не более 5-ти результатов в поиске и оставлять кнопочку View more results, чтобы человеку было удобнее проводить поиск.

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

Забирайте плагин живого поиска в репозитарии вордпресса

Делаем “Хлебные крошки” для WordPress без плагинов

K_E_V_in — Fri, 20 Jan 2012 21:14:39 +0000

“Хлебные крошки” – это важный элемент навигации веб-сайта, который повышает его юзабилити. Особенно это касается сайтов со сложной структурой. Я, к сожалению (а, может, и не к сожалению), не использую их на большинстве своих сайтов, возможно, потому, что у них слишком простая структура (для такого сайта, как этот, они, вроде бы, и не нужны).

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

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

Особенности функции

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

Во всех решениях, которые я встречал (за исключением плагинов), такая цепочка выглядела вот так:

Главная » Подрубрика » Название статьи

Т.е. одно звено потеряно.

Аналогично у меня выглядят и “крошки” для страниц. К примеру, для страницы 3-го уровня вложенности цепочка будет такой:

Главная » Страница 1-го уровня » Страница 2-го уровня » Страница 3-го уровня
“Хлебные крошки” выводятся для следующих типов страниц WordPress-сайта:
- постраничная навигация с главной страницы (вида site.ru/page/2/);
- архив рубрики;
- архив тега;
- архив за день;
- архив за месяц;
- архив за год;
- архив автора;
- страница;
- пост;
- результаты поиска;
- страница с ошибкой 404.
Добавляется порядковый номер страницы, если это 2-я или больше страница архивов.
Можно задать любой символ разделителя между ссылками.
Можно задать текст для ссылка “Главная”.
Используется отдельный CSS-класс для текущей позиции.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

function dimox_breadcrumbs() {

$delimiter = '»'; // разделить между ссылками
$home = 'Home'; // текст ссылка "Главная"
$before = '';
$after = '';

if ( !is_home() && !is_front_page() || is_paged() ) {

echo '

';

global $post;
$homeLink = get_bloginfo('url');
echo '. $homeLink . '">' . $home . ' ' . $delimiter . ' ';

if ( is_category() ) {
global $wp_query;
$cat_obj = $wp_query->get_queried_object();
$thisCat = $cat_obj->term_id;
$thisCat = get_category($thisCat);
$parentCat = get_category($thisCat->parent);
if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
echo $before . 'Архив рубрики "' . single_cat_title('', false) . '"' . $after;

} elseif ( is_day() ) {
echo '. get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . ' ' . $delimiter . ' ';
echo '. get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . ' ' . $delimiter . ' ';
echo $before . get_the_time('d') . $after;

} elseif ( is_month() ) {
echo '. get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . ' ' . $delimiter . ' ';
echo $before . get_the_time('F') . $after;

} elseif ( is_year() ) {
echo $before . get_the_time('Y') . $after;

} elseif ( is_single() && !is_attachment() ) {
if ( get_post_type() != 'post' ) {
$post_type = get_post_type_object(get_post_type());
$slug = $post_type->rewrite;
echo '. $homeLink . '/' . $slug['slug'] . '/">' . $post_type->labels->singular_name . ' ' . $delimiter . ' ';
echo $before . get_the_title() . $after;
} else {
$cat = get_the_category(); $cat = $cat[0];
echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
echo $before . get_the_title() . $after;
}

} elseif ( !is_single() && !is_page() && get_post_type() != 'post' && !is_404() ) {
$post_type = get_post_type_object(get_post_type());
echo $before . $post_type->labels->singular_name . $after;

} elseif ( is_attachment() ) {
$parent = get_post($post->post_parent);
$cat = get_the_category($parent->ID); $cat = $cat[0];
echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
echo '. get_permalink($parent) . '">' . $parent->post_title . ' ' . $delimiter . ' ';
echo $before . get_the_title() . $after;

} elseif ( is_page() && !$post->post_parent ) {
echo $before . get_the_title() . $after;

} elseif ( is_page() && $post->post_parent ) {
$parent_id = $post->post_parent;
$breadcrumbs = array();
while ($parent_id) {
$page = get_page($parent_id);
$breadcrumbs[] = '. get_permalink($page->ID) . '">' . get_the_title($page->ID) . '';
$parent_id = $page->post_parent;
}
$breadcrumbs = array_reverse($breadcrumbs);
foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
echo $before . get_the_title() . $after;

} elseif ( is_search() ) {
echo $before . 'Результаты поиска по запросу "' . get_search_query() . '"' . $after;

} elseif ( is_tag() ) {
echo $before . 'Записи с тегом "' . single_tag_title('', false) . '"' . $after;

} elseif ( is_author() ) {
global $author;
$userdata = get_userdata($author);
echo $before . 'Статьи автора ' . $userdata->display_name . $after;

} elseif ( is_404() ) {
echo $before . 'Error 404' . $after;
}

if ( get_query_var('paged') ) {
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
echo __('Page') . ' ' . get_query_var('paged');
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
}

echo '

';

}
} // end dimox_breadcrumbs()

Функцию необходимо поместить в файл functions.php вашей WordPress-темы. После этого в то место шаблона, где хотите выводить “хлебные крошки”, добавьте следующий код:

1	if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?>

Единственное, что теперь останется сделать – оформить их с помощью CSS. Для этого к блоку “хлебных крошек” предусмотрен идентификатор #crumbs, а для текущей “крошки” класс .current.

P.S. Функция работает на WordPress, начиная с версии 2.5 и выше.

P.P.S. Если вы публикуете посты сразу в несколько рубрик, то в цепочке будут отображаться все эти рубрики через запятую. Я посты публикую всегда только в одну рубрику, поэтому не пытался сделать так, чтобы отображалась только одна из рубрик.

Взято здесь.

Разработка и поддержка
Веб-сайтов, SEO, CEO, Direct mail

Выводим записи вордпресс в несколько колонок

K_E_V_in — Wed, 18 Jan 2012 20:53:18 +0000

Если ширина блоков неизвестна, то смотрим ответ здесь. Если же у вас используется фиксированная по ширине тема оформления вордпресса, то достаточно просто подредактировать файл style.css примерно таким образом:

1 2	.post { display: block; float: left; width: 200px; height: 180px; padding: 5px; margin: 0 15px 15px 0; overflow: hidden; }

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

з.ы. На самом деле, если используется “резина”, то никто не запрещает попробовать использовать процентовочку, но лично я это не тестировал. Если у кого есть время и желание, проверьте, плиз!

Хотели узнать про апдейты? Теперь это легко и просто!

Миниатюры в WordPress 3.0

K_E_V_in — Wed, 18 Jan 2012 20:44:12 +0000

Начнем с добавление миниатюр с азов. Добавляем картинку как обычно.

По-умолчанию теперь к изображению добавляется ссылка на отдельную страницу и изображением, меняем на ссылку на саму картинку, чтобы можно было использовать такие плагины как FancyBox (очень красиво оформленная всплывающая увеличенная картинка, такой эффект используется сейчас на Apple.com).

Вставляем основную картинку в текст.

Далее переходим к добавлению самой миниатюры. Если используете новую тему Twenty Ten, у Вас справа при редактировании статьи уже есть такой блок:

Если же нет, вам нужно добавить следующий код в родной файл functions.php вашей темы:

1
2
3
4
5
6

add_action( 'after_setup_theme', 'twentyten_setup' );
if ( ! function_exists( 'twentyten_setup' ) ):
function twentyten_setup() {
add_theme_support( 'post-thumbnails' );
}
endif;

Добавляем код, загружаем файл на сервер, обновляем страничку редактора и видим указанный блок. Нажимаем на ссылку «Загрузить миниатюру». Во всплывающем окне выбираем, будем ли мы загружать файл миниатюры с компьютера (отличный от той картинки, которая используется в тексте), или же вставим миниатюру, сгенерированную при загрузке основной картинки. В примере я выбрал картинку из галереи.

Нажимаем «Сохранить все». Справа увидим загруженную миниатюру.

Однако на самом сайте она еще не появится. Для ее показа нужно вставить такой код в файлах index.php, archive.php, search.php, category.php (в зависимости от того, на каких страницах сайта нужно показывать миниатюры):

1	if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(300,100), array("class" => "alignleft post_thumbnail")); } ?>

300,100 – соответственно ширина и высота нашей миниатюры, можно менять. Поскольку в WordPress нет автоматической перегенерации картинок при изменении их размеров в меню Настройки — Медиафайлы, для этих целей используется плагин Regenerate Thumbnails.

Добавляем код перед the_excerpt в цикле вывода статей, the_content соответственно не используется, потому что дополнительно будет показана полноразмерная картинка. Кстати, в functions.php новой стандартной темы Twenty Ten можно посмотреть новый фильтр для вывода анонсов, можно указать текст ссылки «Читать далее» и длину анонса.

На этом все, теперь видим на сайте миниатюру (взято здесь).

На сайте организации www.root-master.ru ты найдешь любопытные события информационной жизни.

IceSpeed – оптимизация Joomla

K_E_V_in — Tue, 17 Jan 2012 07:59:25 +0000

Сегодня представляю плагинчик, без которого очень сложно жить в современном сайтостроении на Джумле. IceSpeed после активации расширение производит сжатие, оптимизацию, слияние CSS и javascript файлов на сайте что позволит ускорить загрузку страниц. При необходимости можно включить технологию Gzip сжатия, которая ускорит загрузку сайта в двойне. Плагин работает на Joomla 1.5

Некоторые возможности:

Оптимизация, компрессия css и js файлов
Оптимизация HTML кода
Слияние css и js файлов
Технология Gzip сжатия
Включение и отключение кэширования страниц

При всём при этом плагин совершенно бесплатный. Скачать его можно у меня

ВНИМАНИЕ! Аккуратно производите настройки плагина и не забывайте тестировать работу сайта. Возможна некорректная отработка яваскриптов и таблиц стилей.

Если перед вами есть препятствие из любой сферы имеющей отношение к Debian Linux, то в пространстве нашего портала alldebian.ru вы отыщете решение!