Як повністю скористатися перевагами текстового віджета в Elementor

Текстовий віджет у конструкторі сторінок Elementor іноді вважається найбільш недооціненим віджетом серед інших віджетів WordPress.

Однак це важливо для створення унікальних стилів і допомагає відображати ваш вміст більш привабливо. Це дає вам візуальний спосіб створення стилізованого тексту та додавання зображень без потреби в знаннях програмування.

У цій статті ми покажемо вам на практичних прикладах, amp можна використовувати текстовий віджет у Elementor для досягнення високоякісних схем представлення вмісту для публікацій блогу та цілих сторінок, які залучатимуть читачів продовжувати читати.

Текстовий віджет має неймовірну функціональність, оскільки він найкраще працює з усім, починаючи від HTML і коротких кодів до розміщення зображень за текстом.

Текстовий віджет elementor схожий на стандартний візуальний редактор WordPress, де ви можете додати текстовий редактор, а потім редагувати, стилізувати, установлювати параметри типографіки та вирівнювати текст. Більш зручним прикладом amp простий текстовий процесор, наприклад Microsoft Office. Вам просто потрібно знати, де знаходяться інструменти та як їх використовувати для створення сторінок, які дуже приємно читати.

Обсяг цієї посади охоплюватиме:

Текстовий віджет Elementor допомагає змінювати параметри вмісту, такі як товщина шрифту, висота, вирівнювання міжлітерного інтервалу та багато інших. Давайте дослідимо функціональність текстового віджета та те, як ви можете трансформувати свій вміст за допомогою цього віджета.

Інструменти текстових віджетів Elementor і що вони роблять

Створіть нову публікацію з двома розділами, і коли ви клацнете правий синій кут розділу «Редагувати текстовий редактор», область налаштування області з’явиться в крайньому лівому куті, як показано нижче.

Тут ви можете побачити всі доступні налаштування вашого вмісту. Ви можете контролювати налаштування тексту за допомогою трьох основних параметрів.

  1. Зміст
  2. Стиль
  3. Просунутий

Коли ви клацнете вкладку «Вміст», ви побачите стандартну область редактора WordPress із візуальними та текстовими вкладками; тут ви можете вставляти медіа-файли та кілька інших параметрів для редагування тексту.

Інструменти текстових віджетів Elementor і що вони роблять

Після введення тексту виділіть його фрагмент, щоб змінити його формат, тобто перетворити його на заголовок, підзаголовок або звичайний текст абзацу. Коли ви клацнете вкладку абзацу, з’являться всі інші доступні опції, і ви зможете вибрати різні заголовки, абзаци або типи вмісту з доступних опцій.

Ви також можете контролювати область ширини панелі, клацаючи та перетягуючи область ширини.

Щоб отримати попередній перегляд того, як ваша робота виглядає на інтерфейсі, натисніть кнопку попереднього перегляду, щоб побачити попередній перегляд вашого вмісту.

виберіть формат для свого тексту за допомогою текстового віджета elementor

Коли ви закінчите змінювати формат тексту, наступним етапом буде перехід до області стилю, де ви можете керувати вирівнюванням вмісту. У цьому розділі ви зможете вирівняти вміст по центру, ліворуч або праворуч.

Далі є параметр кольору тексту, де ви можете встановити потрібний колір тексту вмісту.

Наступний параметр — типографіка, який дозволяє встановити бажаний стиль шрифту, розмір і щільність для вмісту.

Унизу лівого екрана меню ви помітите вкладку з назвою «Drop Cap».

Літера Drop Cap збільшить розмір шрифту першої літери в абзаці до розміру двох ліній тексту. Завдяки цьому початок нового абзацу виглядає сміливим і унікальним.

Вам просто потрібно пересунути цю вкладку, щоб активувати вигляд капелюха.

виберіть формат для свого тексту за допомогою текстового віджета elementor

Вкладка «Трансформація» дозволяє змінювати регістр тексту за допомогою таких параметрів, як «Великий регістр», «Рижні регістри» або «Великі літери».

Висота рядка дозволяє зменшити відстань між рядками, а інтервал між літерами дозволяє збільшити або зменшити відстань між літерами.

Інструменти текстових віджетів Elementor і що вони роблять

Розширена вкладка містить параметри відступів і полів, де ви можете налаштувати область відступів вашого вмісту.

Як розділити текст на стовпці у текстовому віджеті Elementor

За допомогою текстового віджета Elementor pro ви можете перетворити свій текст у два стовпці або до 10 стовпців. Ви також можете встановити ширину стовпця або вирівняти текст справа-ліво або вирівняти.

як створити текст із двох стовпців у текстовому віджеті Elementor

Тут ми розділили текст на дві колонки. Параметр розриву між колонками дозволяє встановити відстань між ними, щоб ваша робота виглядала акуратно та виразно.

Щоб досягти цього, клацніть вкладку стилю > стовпці > ви можете встановити до 10 стовпців.

Далі ви можете налаштувати ширину стовпця за допомогою параметра зазору між стовпцями.

Як обтікати зображення текстом за допомогою текстового віджета

текстового віджета Elementor дуже легко обтікати зображення текстом .

Ось як це зробити.

Додайте трохи тексту в розділ, а потім також додайте медіа в текст.

Натисніть на зображення, щоб відкрити параметри відображення зображення.

Ви можете вибрати спосіб вирівнювання тексту навколо зображення та налаштувати вирівнювання відповідно до ваших потреб.

як обернути тест навколо зображення в текстовому віджеті Elementor

Висновок

Elementor допомагає створювати унікальні відображення вмісту чи презентації для публікацій у блозі чи сторінок. Існує багато варіантів стилізації вашого вмісту. Ви можете розділити текст на скільки завгодно стовпців. Крім того, опція обтікання текстом допомагає елегантно відображати зображення поруч із текстом.

Сподіваюся, вам сподобалося прочитати цей посібник. Тепер ваша черга спробувати текстовий віджет і знайти чудеса, які цей віджет робить для вас.

15 думок на тему «Як повністю скористатися перевагами текстового віджета в Elementor»

  1. Привіт, усі параметри, які можуть викликати проблеми з фоном і текстом на ньому, знаходяться на вкладці «Додатково». Перевірте параметри полів і відступів. Скинути все для перевірки.

      1. Вітаю, для інтервалів можна використовувати настроюване поле текстового віджета або пробіл Elementor.

      2. Grazie mille per la risposta, io intendevo lo spazio tra un paragrafo e l'altro. Per intenderci, quando scrivo un frase e poi batto enter e continuo a scrivere. Текстовий віджет — це текстовий віджет із остаточним paragrafo (це частина тексту, і пробіл видно, а текстовий віджет — це поле двокрапки, а віджет — це нульове значення та частина внутрішнього модуля. Quelli sono incontrollabili credo, a meno di un aggiunta CSS.

    1. Привіт, це правильний спосіб зробити це. Якщо він не працює, можливо, щось заважає цьому налаштуванню кольору, ймовірно, CSS із вашої теми.

    1. Привіт,

      Щоб мати доступ до кнопки, потрібно завантажити додатковий інструмент розширеного редактора або скористатися вкладкою «Стиль» у Elementor.

    1. Привіт,

      Кругле зображення створюється за допомогою опції радіуса межі. Ця опція недоступна для зображень, доданих у текстовий віджет, вам знадобиться окремий блок зображень

  2. Привіт, якщо у вас є зображення в тексті, про який ви пишете в текстовому редакторі, то він працює нормально. Зараз інтенсивність становить приблизно 30%. Тож тепер я хотів би мати Hintergrundbild зображення, яке б інтенсивно verringert hätte. Знайдіть панка, це інше. Воран, це може брехня?

  3. Ola, excelente conteudo, gostararia se puder me auxiliar com problema que nao estou conseguindo resolver. eu estou tentando colocar um caixa editor de texto com o elementor para que eu possa fazer um conteudo de artigo sobre uma categoria de produtos diferentes, ou seja cada conteudo deste texto recem criado so fale assunto pertinente aquela categoria, eu até consegui inserir o editor e tudo certo, mas o mesmo assunto que coloco no editor, vai para as outras categorias cujo o tema não tem nada a ver, como procedo, será que tem como direcionar via url para categoria? se sim gostaria de uma caminho step by step, desculpe por sou leigo sobre essas coisas ao pé. Sou muito grato . Кладуйо.

Залишити коментар

Ваша електронна адреса не буде опублікована. Обов'язкові поля позначені *