Новости Joomla

Человек на GitHub ускорил Joomla в 600 раз на объёме 150к+ материалов в 1700+ категориях

Человек на GitHub ускорил Joomla в 600 раз на объёме 150к+ материалов в 1700+ категориях

👩‍💻 Человек на GitHub ускорил Joomla в 600 раз на объёме 150к+ материалов в 1700+ категориях. На старте его сайт на Joomla 3 вообще не смог обновиться на Joomla 5. Пришлось делать экспорт/импорт материалов. Проделав всё это он запустил-таки этот объём данных на Joomla 5. Тестовый скрипт грузил 200 материалов из этого объёма всего за 94 секунды ))) А главная страница с категориями грузилась 20 секунд. Добавив индекс для таблицы #__content

CREATE INDEX idx_catid_state ON #__content (catid, state);
он сократил время загрузки категорий до 1 секунды. Затем наш герой решил поковырять SQL-запрос в ArticleModel, который отвечает за выборку материалов. И решил заменить тип JOIN на STRAIGHT_JOIN для категорий.
// ->from($db->quoteName('#__content', 'a'))->from(    $db->quoteName('#__content', 'a')    . ' STRAIGHT_JOIN ' . $db->quoteName('#__categories', 'c')    . ' ON ' . $db->quoteName('c.id') . ' = ' . $db->quoteName('a.catid'))// ->join('LEFT', $db->quoteName('#__categories', 'c'), $db->quoteName('c.id') . ' = ' . $db->quoteName('a.catid'))
Что сократило загрузку 200 материалов из 150к с 94 секунд до 5. К слову сказать, боевой сайт на Joomla 3 крутится на 12CPU 64GB рамы. А все манипуляции с кодом он делает на базовом 1CPU 1GB сервере и замеры скорости даны именно для базового сервера. Но это всё в дискуссии, хотя в идеале должно вылиться в Pull Requests. Мы - Open Source сообщество, где никто никому ничего не должен. Джунгли. Но человек ищет пути оптимизации Joomla и предлагает решения. Если оказать поддержку и предложить помощь хотя бы с тестированием самых разнообразных сценариев, то возможно эти улучшения смогут войти в ядро. Пусть не быстро, пусть через несколько лет, пусть не все, но войдут. Достаточно предложить руку помощи и приложить немного усилий.
Дискуссию на GitHub можно почитать здесь.@joomlafeed#joomla #community #php

Перевод и публикация интервью с Joomla евангелистом на греческом портале Joomla

Перевод и публикация интервью на греческом портале Joomla 🇬🇷

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

Недавно я взял интервью у Билла (Василиса) Коциаса - руководителя студии, читающего лекции в университете и популяризатора Joomla в Греции. Это интервью из журнала NorrNext, в оригинале на английском, теперь доступно на греческом языке и опубликовано на портале joomla.gr. 🎉

До чего же приятно… 😇😊 Работа замечена и с ней посчитали необходимым ознакомить аудиторию страны, в которой Билл читает лекции. И это солнечная Греция - страна, страна, с которой Россию многое связывает. 🇬🇷🇷🇺🕊

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

Из него вы узнаете, что в Греции доля Joomla среди CMS занимает порядка 30-40%. По моему мнению это - самый высокий показатель во всем мире. Также чтение лекций о Joomla в университетах позволит привести новых пользователей и к тому же молодое поколение. Ну и огромное кол-во сертификтатов Билла на стене (смотрим фото в статье) свидетельствует о том, что Joomla может применяться как профессиональный инструмент.

🌐 Оригинальное интервью (на английском)
🇬🇷 Интервью на греческом портале (joomla.gr)

Что насчет перевода на русский? Увы, времени всего 24 часа в сутках. Я продолжаю готовить новые интервью. Возможно, после завершения выпуска журнала, рассмотрю перевод некоторых интервью на русский. Но я об этом не говорил. 😊 В блоге @eugenius_blog публикую анонсы интересных событий из мира Joomla, интервью, уроки и полезные советы, а также делюсь мыслями:, связанными с разработкой и веб-дизайном.

0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 8397 Просмотров
*

lesovik

  • Осваиваюсь на форуме
  • 28
  • 0 / 0
Добрый день, уважаемые специалисты!

Подскажите, пожалуйста, где в шаблоне Helix 3 Framework меняется размер и цвет:

1. шрифа основного меню, идущего в комплекте шаблона по умолчанию (позиция Header / menu);
2. социальных кнопок, также по умолчанию размещенных слева вверху (позиция Top bar / top1).

На картинке я изобразил, чего хочу:

Я хотел бы изменить цвет социльных кнопок в состоянии, когда мышка не наведена, с невзрачного серого на какой-нибудь более заметный. Не нашел. Но нашел только то, что в менеджере стилей шаблона можно изменить размер этих кнопок, меняя размер шрифта в разделе "Менеджер шаблонов / Изменить стиль / Typography". А цвет там поменять нельзя.

А что касается меню, то я хотел бы увеличить размер шрифта и, возможно, изменить цвет пунктов меню. Но в упомянутом выше разделе "Менеджер шаблонов / Изменить стиль / Typography" мне не удалось найти строки шрифта, который бы меня размер текста в меню. При этом там меняются все прочие шрифты - для текстов, названий и даже для соцкнопок.

Большое спасибо.
« Последнее редактирование: 15.04.2017, 00:48:09 от lesovik »
*

Serg_

  • Захожу иногда
  • 168
  • 24 / 1
  • Skype: smile_bot (Запорожье)
1. В настройках шаблона во вкладке Typography есть блок NAVIGATION FONT. Делаете "enable" и настраиваете шрифт и размер меню
Если знакомы с CSS, то в файле menu.less (только в шаблоне включите "Compile LESS to CSS" во вкладке Advanced)
2. Основные свойства класса социальных кнопок (.social-icons) задаются в файле theme.less, а цвет при наведении в файле presets.less (стили из presets.less применяются после theme.less)
Для
Цитировать
Я хотел бы изменить цвет социльных кнопок в состоянии, когда мышка не наведена
в файле theme.less находите свойство ul.social-icons и меняете свойство ссылки в этом классе {color: #999999; }  на свой цвет.
*

lesovik

  • Осваиваюсь на форуме
  • 28
  • 0 / 0
1. В настройках шаблона во вкладке Typography есть блок NAVIGATION FONT. Делаете "enable" и настраиваете шрифт и размер меню

Спасибо, Serg, за советы.

Интрига в том, что в разделе Typography получается поменять жирность шрифта, тип. А вот на изменение размера шрифта меню на сайте не реагирует никак. Жирным шрифт сделал. А размер ставил и 25, и 45 - ноль эмоций. Может, в шаблоне разработчики просто забыли указать этот параметр? Я потому выше и написал, что в Typography нет рычага влияния...

По CSS еще пробую, повторно, ибо не спец. Первый раз параметр, вроде бы, нашел, но не вышло, переставил всю Joomla и шаблон для чистоты.
« Последнее редактирование: 12.04.2017, 02:13:33 от lesovik »
*

lesovik

  • Осваиваюсь на форуме
  • 28
  • 0 / 0
2. Основные свойства класса социальных кнопок (.social-icons) задаются в файле theme.less, а цвет при наведении в файле presets.less (стили из presets.less применяются после theme.less)
Для в файле theme.less находите свойство ul.social-icons и меняете свойство ссылки в этом классе {color: #999999; }  на свой цвет.

Изменить цвет соцкнопок при НЕнаведенной мышке мне не удалось. Нашел ul.social-icons, там стоял цвет #999999, серый как раз. Я сменил его на красный #ff0000. Как были соцы серыми, так и остались. Сменил обратно на серый пока что. Не понимаю, почему не меняется.

Код
ul.social-icons {
    list-style: none;
    padding: 0;
    margin: -5px;
    display: inline-block;
    >li {
        display: inline-block;
        margin: 5px 7px;
        a {
            color: #999999;
        }
    }
}
*

Serg_

  • Захожу иногда
  • 168
  • 24 / 1
  • Skype: smile_bot (Запорожье)
Цитировать
Нашел ul.social-icons, там стоял цвет #999999, серый как раз. Я сменил его на красный #ff0000.
При любом изменении в less надо в шаблоне включить "Compile LESS to CSS" во вкладке Advanced и почистите кеш браузера.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
с приведенного фрагмента CSS шо то тяжеловато понять как и шо и куда. Смотрим демо
Спойлер
[свернуть]
Цвет соц-кнопок вот он .../templates/shaper_helix3/css/template.css (2022)
Код
ul.social-icons > li a {
    color: ---изменяем;
}
Чтобы прописать цвет при наведении необходимо добавить "псевдо", например
Код
ul.social-icons > li a:hover { правило }
Размер шрифта меню изменяется в том же файле, строка 813
Код
.sp-megamenu-parent > li > a {
    color: #----цвет;
    display: inline-block;
    font-size: ---размер-px;
    ...
*

lesovik

  • Осваиваюсь на форуме
  • 28
  • 0 / 0
При любом изменении в less надо в шаблоне включить "Compile LESS to CSS" во вкладке Advanced и почистите кеш браузера.

Уважаемый Serg, большое спасибо. Я, вроде бы, включал это и в первый раз, но "работы было продело много, а дело не пошло". Пока ночь да утро, наверное, кеш сам почистился, и терерь соцкнопки перекрашиваются. Удивительно. Спасибо за помощь.
*

lesovik

  • Осваиваюсь на форуме
  • 28
  • 0 / 0
с приведенного фрагмента CSS шо то тяжеловато понять как и шо и куда. Смотрим демо
Спойлер
[свернуть]
Цвет соц-кнопок вот он .../templates/shaper_helix3/css/template.css (2022)
Код
ul.social-icons > li a {
    color: ---изменяем;
}
Чтобы прописать цвет при наведении необходимо добавить "псевдо", например
Код
ul.social-icons > li a:hover { правило }
Размер шрифта меню изменяется в том же файле, строка 813
Код
.sp-megamenu-parent > li > a {
    color: #----цвет;
    display: inline-block;
    font-size: ---размер-px;
    ...

Уважаемый Darkhost, большое спасибо. Буду изучать.
*

lesovik

  • Осваиваюсь на форуме
  • 28
  • 0 / 0
...Смотрим демо
Спойлер
[свернуть]
Цвет соц-кнопок вот он .../templates/shaper_helix3/css/template.css (2022)
Код
ul.social-icons > li a {
    color: ---изменяем;
}
...
Размер шрифта меню изменяется в том же файле, строка 813
Код
.sp-megamenu-parent > li > a {
    color: #----цвет;
    display: inline-block;
    font-size: ---размер-px;
    ...

Уважаемый Darkhost, спасибо.

Получилось изменить размер шрифта основного меню через template.css. Также в указанном Вами файле я нашел свое новое значение цвета соцкнопок, которое чуть ранее изменил по совету Serg, используя файл menu.less.


[Далее пишу для всех, мало ли кому будет полезно.]

Попутно я понял, что означает всплывающая подсказка в админке к пункту "Compille LESS to CSS" - это значит, "в файле less меняешь - в template.css меняется автоматом".

В итоге, чтобы это проверить, я сделал эксперимент задом наперед.

В файле menu.less (на него мне указал Serg) я нашел тот параметр, который меняет размер шрифта для меню (sp-megamenu-parent, стр.813>818, совет от Darkhost). Он тут был на момент проверки 12px, хотя в template.css я его уже сменил на 20. Значит, смена размера в template.css не влияет на menu.less. А наоборот?

Поменял размер шрифта в menu.less. И изменилось значение в template.css.

Мораль:

1)

less-файлы позволяют менять состояние template.css. Вопрос только в том, чтобы правильно определить, как называется объект, чьи свойства надо изменить.

Если бы не указание Darkhost конкретно на sp-megamenu-parent, я бы так и мучался, потому что в файлах куча разных "menu", а мне додуматься до того, чтобы поводить мышкой над меню при открытом коде ("Просмотреть код") не сразу удалось, а когда удалось, не то искал (sp-menu-item).

2)

Делая изменения, надо чистить кэш браузера, чтобы после изменений увидеть результат (спасибо Serg за напоминание). Без почистки кеша мне в Google Chrome не удалось увидеть ни одного изменения. Как почистишь, сразу видно.

Google Chrome: Настройки - Показать дополнительные настройки -
 Личные данные - Очистить историю - тут снять галки, оставить только "Изображения и другие файлы, сохраненные в кэше"

--

Осталось, однако, непонятным, почему свойства меняются через код файлов, а в панели управления шаблонами, в разделе управления стилями, подраздел Typography, размер шрифта меню не удается изменить с использованием пункта Navigation font, если он для этого предназначен. Толщина шрифта меняется, а размер - не меняется.
« Последнее редактирование: 01.07.2017, 20:57:36 от lesovik »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Двойное меню

Автор cirip

Ответов: 0
Просмотров: 1504
Последний ответ 05.11.2024, 23:19:21
от cirip
Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 4685
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 7421
Последний ответ 23.05.2023, 07:22:49
от geral
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 3173
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 4158
Последний ответ 20.03.2023, 12:42:49
от Andre100