пятница, 11 декабря 2015 г.

Авторизация через facebook в hybridauth modx

Приветствую вас, уважаемые читатели!

Сегодня боги послали мне установку модуля авторизации через социальные сети под названием HybridAuth в MODX Revo. Требовалось настроить доступ через две популярные соц.сети - Facebook и Вконтакте.

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

Условия в чанке Wayfinder MODX Revo.

Здравствуйте, уважаемые читатели! Сегодня у меня возникла необходимость при выводе меню с помощью сниппета Wayfinder в MODX Revo в одном из пунктов убрать ссылку. Для того чтобы по этому конкретному пункту меню невозможно было перейти куда-либо.

Обьясню причину. Есть в дереве каталогов сайта папка "Мультимедиа", сама по себе абсолютно пустая. Как документ, она также не имеет никакой информации. У нее есть два дочерних элемента - "Аудио" и "Видео". Вся ее работа - отображать два входящих в нее подпункта при наведении стрелки мыши. Дело с подменю выглядит вот так:

Вид документов внутри дерева ресурсов

вторник, 8 декабря 2015 г.

Как сделать нажатую кнопку в css

Дамы и господа, не так давно предо мной встала, с первого взгляда, нехитрая задача. Имелась кнопка нарисованная дизайнером с растровым деревянным фоном. В одном визуальном варианте. Естественно, нужно было каким-либо образом оформить нажатие этой html кнопки. Как говорится, внимание, вопрос - как сделать нажатую кнопку в css?
нажатая кнопка css
например, такая
В голове, естесственно, крутилась мысль провернуть такую операцию при помощи CSS. Эффект нажатия обычно реализуют при помощи теней, которые чередуются сверху вниз и наоборот.
Но, так как фон растровый, поменять его при помощи CSS оказалось, мягко говоря, проблематично. Каких либо готовых кнопок с похожей текстурой и различными вариантами нажатия найти практически нереально, самому рисовать - ну его н@хер.

пятница, 4 декабря 2015 г.

Как экспортировать базу данных из MODX Revo в WebMatrix

В качестве эксперимента, исследовал я различные варианты локального веб-сервера для MODX Revolution. Даже не веб-серверы, а редакторы с подсветкой кода. Обычные редакторы для локального редактирования. Как notepad++. Где-то в интернетах нашел некий WebMatrix. Который, как оказалось, был еще и веб-сервером.

Недолго думая я его скачал и установил. Есть у меня слабость к корпоративным наборам приложений). После установки и запуска приложения в Windows подгружается компактная версия IIS Express. В дальнейшем выяснилось, что сам WebMatrix создан для платформы .NET, языков с# и прочих прелестей компании Microsoft. Соответственно, поддержки "из коробки" для PHP там нету. Тем не менее, мне он нравится) Так как для его установки, в отличии от известного Denver-а, не нужно ставить и настраивать 100500 разных приложений. Хотя, безусловно, это дело вкуса каждого.

Поэтому, для успешной установки на этот IIS Express веб-сервер любого MODX, сначала нужно поставить версию Evo, идущую в комплекте. Чтобы все необходимые наборы библиотек из серии PHP загрузились. После нее, параллельно создать новый сайт и в него уже спокойно установить последнюю версию MODX Revo.

четверг, 3 декабря 2015 г.

Подсветка кода в MODX и Blogspot (blogger)

Сразу хочу заметить, что имеется ввиду подсветка кода в теле опубликованного документа, а не внутри админки MODX.
Редактируя и улучшая внешний вид прошлой статьи я озадачился подсветкой вставленного html кода. Голый текст смотрелся невыразительно, визуально сливался с текстом. Было несколько сложновато выделить его взглядом.

Погуглив, в интернете я, в основном, находил один способ в котором нужно было вставить внутри тега <head> штук 20 строк каких-то ссылок, потом провести еще кучу невразумительных действий. Смотрелось довольно сложно и громоздко для такого простого действия. Как потом оказалось, скрипт еще и столетней давности и уже давно не поддерживается разработчиком.

Дальнейшее гугление в поисках более легкого решения дало результат) Я нашел библиотеку highlight.js, расположенную по адресу https://highlightjs.org/
Она имеет очень симпатичный вид, автоопределение языка программирования, различные темы оформления. Отличный вариант когда нужна подсветка кода в MODX и Blogspot (blogger). Кроме того, что важно в первую очередь, удовлетворяет исходным требованиям - относительно простая установка в 3 строчки кода.

Разбивка текста на страницы в modx


Добрый день, леди и джентельмены!

При создании сайта на MODX Revo возникла такая задача - разбить текст очень большой и длинной страницы на части размером с один экран (в частности - текст книжки, который, как вы понимаете, бывает очень большим). Иногда это называют пагинацией страниц. Она же - разбивка текста на страницы в modx

Штатных средств для этих целей в базе дополнений modx я не нашел. Может быть невнимательно искал, а может их там и правда нету.
Пришлось перечитать множество различных форумов и сайтов, переискать кучу информации.

Но, в результате на глаза попался замечательный плагин liPaginate, который можно найти по адресу http://masscode.ru/index.php/k2/item/42-lipaginate
liPaginate имеет несколько видов эффектов переключения страниц и еще ряд параметров.
Написан он как вы сами понимаете на JavaScript и требует несложной ручной настройки в MODX. Тем не менее, это довольно просто.