Настройки Qubely:(100)% Уникальный Стиль Для Сайта WordPress

настройки qubely

Глобальные настройки Qubely привносят унифицированный стиль на Ваш сайт WordPress

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

Передайте привет глобальным настройкам Qubely

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

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

Итак, давайте посмотрим, как это работает!

Прямо рядом с настройками блока в редакторе Гутенберга Вы увидите значок Qubely, который содержит все глобальные настройки. Как только Вы нажмете на нее, Вы можете найти все пресеты. По умолчанию один из пресетов будет установлен на «активный», но Вы можете активировать или добавить другие прямо здесь. Каждый пресет содержит две основные вкладки: Global Colours и Typography. Используя предустановку «Глобальные цвета», Вы можете настроить цвета для последующего использования на этапе разработки веб-сайта. По умолчанию добавлено 5; Вы не можете удалить их, но Вы можете изменить их. Было добавлено как минимум 5 цветов, поскольку создатели считают, что для создания привлекательной цветовой палитры для Вашего веб-сайта WordPress необходимо не менее 5 цветов.

Шаг 1: добавьте свой пользовательский пресет

На панели «Глобальные настройки» внизу Вы увидите опцию «Добавить новый пресет». С этим Вы можете создать свой пресет с настроенными цветами и типографикой.

глобальная панель qubely

Чтобы добавить новые пользовательские цвета, все, что Вам нужно сделать, это нажать на значок «+», и Вы можете использовать палитру цветов RGBA, чтобы выбрать новый цвет.

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

Шаг 2: активировать пресет

В каждом предустановленном контекстном меню Вы найдете опцию «Активировать». Вы также можете использовать «Сохранить как новый», который продублирует все настройки из этого пресета и создаст новый. Чтобы начать все сначала, Вы также можете создать новый.

Шаг 3. Использование глобальных настроек при разработке

При проектировании с использованием блоков Qubely Вы теперь заметите что-то другое как в палитрах цветов, так и во время выбора типографики. Все виды палитр цветов теперь выбирают все глобальные цвета из предустановки «Активный», и Вы можете просто выбрать их, чтобы создать единую цветовую палитру. Это означает, что Вам больше не нужно записывать цветовые коды!

глобальные цвета qubely

Аналогично, для типографики было добавлено новое поле «Источник», которое позволяет Вам решить, хотите ли Вы использовать глобальную типографику или пользовательскую. На вкладке Global есть раскрывающийся список, содержащий все стили из предустановки, а также стиль «Theme», который выбирает типографский CSS из Вашей активной темы WordPress. Но если Вы не хотите использовать типографику темы, Вы можете просто выбрать одну из Ваших глобальных настроек!

глобальная типография qubely

Но что, если Вы работаете над заголовком и хотите, чтобы этот заголовок был на 1 размер шрифта больше. Выберите наиболее похожий заголовок и перейдите к «Пользовательский». Это скопирует все значения CSS из предустановки в поля на вкладке «Пользовательские», и все, что Вам нужно сделать, это увеличить размер шрифта на 1.

Шаг 4 (Бонус): изменение пресетов или изменение активных пресетов

Есть некоторые вещи, которые Вы должны учитывать при использовании глобальных пресетов для разработки веб-сайта WordPress:

Все настройки работают задним числом; например, если Вы измените значение цвета в активной предустановке, все цветовые поля, в которых оно использовалось, изменится на новое значение.

Если Вы измените активную предустановку на другую, все настройки будут выбраны из вновь активированной предустановки. Поэтому все цвета, как и типографика, перейдут на новый. Например, если Вы переключитесь с Preset 1 на Preset 2, то все места, где Вы использовали Color 1, переключатся с Color 1 Preset 1 на Color 1 Preset 2.

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

Настройки Qubely реструктурированы

Некоторые настройки также были перемещены для улучшения взаимодействия с пользователем. Перемещен ключ API Карт Google и ключи reCaptcha на панель общих настроек Qubely. Разработчики, также перенесли настройку CSS Location на вкладку Advanced.

Заключение

Глобальные настройки Qubely — один из способов, с помощью которых его создатели стремятся поднять этот плагин на следующий уровень. Они искренне считают, что Qubely может стать универсальным средством для веб-дизайнеров и разработчиков WordPress. Так что продолжайте строить с блоками Qubely’s Gutenberg, и мы заверяем Вас, Вы не будете разочарованы. Делитесь своим опытом в комментариях! Всем удачи и благополучия! До новых встреч!

Понравилась статья? Поделиться с друзьями:
Блог Валерия Бородина
Добавить комментарий