K_E_V_in » Работа с CMS

Делаем “Хлебные крошки” для 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 вы отыщете решение!

Модуль афиши для DLE

K_E_V_in — Tue, 17 Jan 2012 07:44:32 +0000

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

Итак, полноценный модуль DLE Афиша 2.0, позволит организовать у вас на сайте афишу мероприятий или любую другую.

- В данной версии добавлена поддержка категорий и подкатегорий.
- Для поля “подробнее” при добавлении события появились BB-коды
- Было добавлено новое поле “Скидка” В данном поле Вы сможете размещать информацию о скидках.
- Форма редактирования обновлена,Теперь при редактировании события Вы сможете увидеть текущую прикрепленную картинку, а также и удалить её.
- Теперь афишу можно вывести в блоке
Теперь можно выводить афишу в блоке как вам угодно, за счёт введения собственных шаблонов.
- Добавлен календарь событий
- Добавлены новые функции в админке

Скачать модуль афиша для DLE

блог о заработке в интернете

Ignite Gallery и ошибка загрузки фотографий

K_E_V_in — Fri, 09 Dec 2011 08:21:41 +0000

При использовании компонента Джумлы Ignite Gallery возможно возникновение ошибки при загрузке фотографий в галерее. Выглядит она примерно так:

Данная ошибка возникает при выборе флеш-загрузки снимков. Благо, разработчиками предусмотрен вариант решения “малой кровью”, а именно, проблема решается из админки, причем очень просто.

Итак, открываем вкладку категорий компонента галереи и нажимаем на параметры:

В открывшемся окошке переходим на вкладку upload:

И выбираем вариант загрузки – Plupload (в поле Plupload Mode оставляем Flash):

Теперь форма загрузки фотографий выглядит так:

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

Как видите, всё предельно просто. Удачи!

А тем временем многие задумываются о том, чем лечить гайморит

Кнопка похожие новости для DLE

K_E_V_in — Sun, 27 Nov 2011 19:13:03 +0000

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

Качаем хак webkev.com_findnews9.2 с моего сервера совершенно бесплатно (внутри есть и инструкция по установке, поэтому если не хотите, то оставшуюся часть поста можете вообще не читать).

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

1. Залить папку engine из архива к себе на сервер.
2. Открыть файл: templates/ВАШ ШАБЛОН/addnews.tpl Найти в нем:

1	<td><input type="text" name="title" value="{title}" maxlength="150" class="f_input" /></td>

Добавляем id=”title” и подключаем наш модуль -

1	{include file="engine/modules/f_relates.php"}

Должно получиться так:

1	<td><input type="text" name="title" value="{title}" maxlength="150" class="f_input" id="title" />{include file="engine/modules/f_relates.php"}</td>

3. Разрешаем простым пользователям пользоватся кнопочкой: в файле engine/ajax/find_relates.php комментируем строку:

1	if( ! $is_logged ) die( "error" );

а строку

1	if( ! $user_group[$member_id['user_group']]['allow_admin'] ) die( "error" );

заменям на

1	if($user_group[$member_id['user_group']]['allow_admin'] ) die( "error" );

Всё готово! Проверено на DLE 9.2

при содействии: всегда в наличие животные в дар тюмень на сайте www.vse-tovary-tyt.ru

Красивый заголовок страницы категории virtuemart

K_E_V_in — Fri, 11 Nov 2011 10:50:37 +0000

По умолчанию Виртумарт в тайтл страницы выводит только последнюю категорию, что не всегда есть здорово. Простейший пример – магазин автотюнинга. Родительская категория называется, к примеру, Citroen, а дочерняя – Xantia. Тогда тайтл у нас будет иметь примерно такой вид:

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

За вывод категории отвечает файл shop.browse.php, его и будем препарировать. За вывод заголовка окна отвечает строка 96 со следующим содержанием:

1	$vm_mainframe->setPageTitle( $db->f("category_name") );

Нам же нужно получить не только последнюю категорию, но и все родительские перед ней. Поэтому данную функцию нужно перенести по коду ниже. Для надежности строку 96 с этой функцией можно просто закомментировать (поставить // в начале строки).

Далее находим строчку (у меня она 155-я)

1	$tpl->set( 'parent_name', $parent_name );

и вставляем после неё

1 2	$tname = $parent_name." ".$category_name; $vm_mainframe->setPageTitle( $tname);

И наслаждаемся результатом.

Оптимизация страницы категории virtuemart

K_E_V_in — Thu, 10 Nov 2011 19:20:41 +0000

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

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

Будем пытаться это исправить. Для этого введем допущения:

1. Нам не нужны дочерние товары
2. Свойства товаров не используются
3. Не используются похожие товары
4. Не используется расчет налогов
5. Нам не нужны производители

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

Для этого будем редактировать файл administrator/components/com_virtuemart/html/shop.browse.php

Комментируем строки 161-169:

1
2
3
4
5
6
7
8
9

$db->query( "SELECT manufacturer_id, mf_name, mf_desc FROM #__{vm}_manufacturer WHERE manufacturer_id='$manufacturer_id'");
$db->next_record();
$mainframe->setPageTitle( $db->f("mf_name") );

$browsepage_lbl = shopMakeHtmlSafe( $db->f("mf_name") );
$tpl->set( 'browsepage_lbl', $browsepage_lbl );
$browsepage_lbltext = $db->f("mf_desc");
$tpl->set( 'browsepage_lbltext', $browsepage_lbltext );
$browsepage_header = $tpl->fetch( 'browse/includes/browse_header_manufacturer.tpl.php' );

Комментируем строки 412-414:

1
2
3

$files = ps_product_files::getFilesForProduct( $db_browse->f('product_id') );
$products[$i]['files'] = $files['files'];
$products[$i]['images'] = $files['images'];

Комментируем строку 433:

1	$product_rating = ps_reviews::allvotes( $db_browse->f("product_id") );

И нужно закомментировать ненужные переменные со строк 457-485 (выбирайте сами, что не используется). Это не сократит запросы, зато уменьшит необходимый размер оперативной памяти, необходимой для вывода.
Комментируем строки 510-511:

1 2	$recent_products = $ps_product->recentProducts(null,$tpl->get_cfg('showRecent', 5)); $tpl->set('recent_products',$recent_products);

Затем делаем оптимизацию файла browse_x.tpl.php (файл вывода категории темы). В нем нужно убрать функцию вывода картинки в теге (не помню как точно называется). Заменить её на стандартный img src…
До проведения оптимизации число запросов было: 652
После проведения: 104
До оптимизации: 25Mb оперативки
После: 19Mb

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

Добавляем товар в магазин Virtuemart

K_E_V_in — Tue, 18 Oct 2011 07:49:29 +0000

Казалось бы, что может быть проще добавления товара в магазин? Оказывается и тут есть свои подводные камни при большом количестве категорий. С какого-то перепугу разработчики вирта решили, что если категорий в магазине более двухсот, то нужно вставлять форму поиска категории по вводу. Ну нехорошо это и ОЧЕНЬ неудобно! Будем делать стандартный выбор категории при большом их количестве.

К слову, чудесный поиск выглядит так:

В этой форме нужно ввести название конкретной категории (подкатегории). И только потом можно будет добавить! Ну бред же!!

Итак, исправляем.

Открываем файл administrator/components/com_virtuemart/html/product.product_form.php и ищем в нем это нелепое ограничение. У меня это примерно 259 строка. Выглядит она так:

1	if( $number_of_categories > 200 ) {

Всё, что нужно, это поставить необходимое ограничение. Я поставил тысячу. После этого выбор категории вернется в свой человеческий вид. А пока пойду смотреть кино. Учтите, что все новинки сериалов и Фильмы онлайн в хорошем качестве HD 720p точно не заставят Вас скучать. Ощутите всю силу качественного изображения бесплатно.