Категорії: Огляди plugin WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Висновок

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

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

Холдерху

live:.cid.e495888558d5265f

Переглянути коментарі

  • Текст у моєму редакторі – це переплетений текст над текстом, і я не знаю, як вирішити

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

    • C'è un modo per gestire lo spazio tra i paragrafi? Mi sembra assurdo che Elemento non lo preveda. Soprattutto alla fine del paragrafo, trovo assurdo che venga aggiunto dello spazio che non si può controllare.
      Дякую

      • Привіт! Для інтервалів можна використовувати настроюване поле текстового віджета або пробіл Elementor.

        • Grazie mille per la risposta, io intendevo lo spazio tra un paragrafo e l'altro. Per intenderci, quando scrivo una frase e poi batto enter e continuo a scrivere. E quindi lo spazio che il text widget mette dopo l'ultimo paragrafo (si aggiunge semper uno spazio che rimane anche se si mettono i margini di colonna e widget a zero perché é parte interna del modulo. Quelli sono incontrollabili credo, a meno di un доповнення CSS.

  • Bonjour, j'essaie de changer la couleur du texte de l'éditeur de texte через style->couleur du texte, est-ce une anomalie ou bien je fais quelque chose qui ne va pas ? Merci d'avance

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

    • привіт

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

  • що, якщо я хочу зробити зображення круглим, але не бачу можливості редагувати його таким чином?

    • привіт

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

  • Hello, wenn ich ein Bild in den Text wie beschrieben einfüge im Texteditor, dann funktioniert das grundsätzlich. Nur die Intensität liegt bei ca. 30 %. Sie so aus, als wenn ich bei einem Hintergrundbild die Intensität verringert hätte. Finde auch keinen Punkt, das zu ändern. Woran kann das liegen?

  • Ola, excelente conteudo, gostaria 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 . Кладуйо.

Останні дописи

Як використовувати верхні та нижні колонтитули з Elementor

Верхні та нижні колонтитули веб-сайту є важливими елементами. У більшості випадків заголовок забезпечує навігацію…

6 січня 2022 р

Порівняння тем WordPress: Astra проти OceanWP

Дві найпопулярніші теми WordPress на ринку – Astra та OceanWP. Професійний…

2 січня 2022 р

Порівняння теми новин WordPress: Газета проти Astra

Щоб створити чудовий сайт новин, не обов’язково ставати веб-дизайнером. Ми…

25 жовтня 2021 р

Створіть веб-сайт, пов’язаний із новинами, із газетною темою

Тема газети є однією з найважливіших тем WordPress, розроблена tagDiv,…

18 жовтня 2021 р

Як створити електронну комерцію за допомогою Avada WooCommerce Builder

Коли справа доходить до створення онлайн-магазину, WooCommerce – це найпопулярніший plugin . Це…

4 жовтня 2021 р

Як використовувати липкий заголовок і ефекти прокручування з Elementor

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

21 вересня 2021 р