Lightbox jquery — убрать группировку изображений.

Всем хорош плагин jQuery Lightbox, но при работе с ним возникла проблема. Предположим ситуацию — выводим категорию товаров, где каждый товар — блок и картинкой. Если ко всему этому делу прикрутить lightbox стандартной строкой


$('a[rel=lightbox]').lightBox();

то мы получим следующее — кликая по одному товару у нас откроется lightbox окно с картинкой товара. При этом мы получим не нужную возможность листать картинки других товаров на странице.

lightbox jquery без группировки

lightbox jquery без группировки

Читать далее

Рубрика: Javascript | Добавить комментарий

Замена \r\n на Enter (перевод строки)

Недавно, работая над сайтом, возникла потребность восстановить из бекапа пост. В исходном коде базы этот пост для перевода строки содержал символы \r\n. Использовать пост в таком виде нельзя — символы \r\n будут выводиться на странице как есть. Нужно заменить их на символ перевода строки. И тут на помощь опять пришел замечательный инструмент — Notepad++. Все оказалось довольно просто. Запускаем программу, открываем файл, в котором требуется произвести замену \r\n на Энтер. Читать далее

Рубрика: Javascript | 8 комментариев

Добавляем target _blank к виджету rss WordPress

При разработке сайтов, на которых необходимо выводить rss с других сайтов, неоднократно сталкивался с тем, что при использовании штатного виджета rss WordPress ссылки, которые он генерирует, не содержат атрибута target=»_blank». В итоге посетитель, щелкая по ссылке в rss виджете переходит на сайт-источник rss, покидая наш сайт. Бороться с этим можно разными способами. Например, исправить файл default-widgets.php (ищем в нем строку <a class=’rsswidget’ и добавляем атрибут target=»_blank»). Но после обновления это придется проделывать снова. Да и править файлы WordPress не совсем правильно. На мой взгляд, второй способ правильнее. Для его реализации воспользуемся jQuery. Просто допишем нужный нам атрибут target=»_blank» налету. Для этого добавим в header.php нашей темы вот такой скрипт (только надо правильно подключить jQuery):


<script>
jQuery(document).ready(function($){
$('.sidebar ul li a').attr('target','_blank');
});
</script>

Только селектор ссылки нужно указать свой. После этого все ссылки в rss виджете будут открываться в новом окне.

Рубрика: WordPress, Программирование, Создание сайтов | 4 комментария

Хостинг для WordPress практически бесплатно

Прошел практически год с поста о дешевом хостинге. И стоит сказать, что мое мнение о хостинге не только не изменилось, но и укрепилось. Вот уже почти два года около 10 моих сайтов лежат на хостинге за 30 рублей в месяц, при этом никаких проблем я не испытываю абсолютно. К примеру, за прошедший год uptime этого сайта Яндекс показывает как 99,9984.

Хостинг для WordPress

Хостинг для сайтов на WordPress

Про службу поддержки сказать ничего не могу — обращался за 2 года 1 или 2 раза, реагировали оперативно. Вообщем, если вы ищите хостинг для WordPress — всячески рекомендую webhost1 — не пожалеете. Да и попробуйте найти хостинг с такими параметрами:

— 1000МБ на диске
— 7 дней для теста
— PHP, MySQL
— До 10 сайтов
— Без ограничений
— Панель Webserv24

за 360 рублей в год!

Рубрика: WordPress, Создание сайтов | Добавить комментарий

Удалить разделитель у последнего пункта меню

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

Меню с разделителями

Меню с разделителем

Сразу бросается в глаза разделитель после пункта Новости — он лишний. Убрать разделитель после последнего пункта меню оказалось довольно просто — установить в админке для этого пункта меню css класс, для которого запретить рамку — border:none.

Зайдем в админку сайта, перейдем в Внешний вид -> Меню. По умолчанию возможность добавить свой класс к пункту меню в WordPress отключена. Чтоб ее включить вверху щелкаем по кнопке Настройки экрана и ставим галочку напротив пункта Классы css

Включаем классы для пунктов меню

Как включить класс для пункта меню

Осталось добавить последнему пункту меню какой-либо класс (назвав его, например, menu-no-border), а затем в файле css темы добавить этот класс и прописать ему свойство border:none. В результате разделитель после последнего пункта меню исчезнет.

Рубрика: WordPress, Создание сайтов | 3 комментария