Здравей, Мария! Проблемът с този бутон е, че е част от менюто и в мобилната версия и тази за таблет остава скрит, иначе си е там. Моят съвет е да го изкараш от менюто и да го сложиш в някой widget или да го създадеш наново с Elementor примерно. Работата с Elementor мисля, че не е застъпена в този курс, но в интернет има достатъчно клипчета, които ще ти помогнат :)

Здравейте, не мога да открия тук споменатия кратък справочник. На бутона информация има само готовия HTML файл.

Здравейте Даниела Найденова, имам достъп само до бета версията и нямам възможност да отворя посочената от вас страница. В бета версията този файл не е наличен.

Как да махна допълнителен лайн брейк, който се появява след копиране в сайта? (тема Avada)

Здравейте, Ангелия, проблемът може да се дължи на форматирането на текста при копиране. Проверете HTML кода в текстовия редактор на WordPress и премахнете излишните тагове като `` или `` Това е често срещан проблем, когато съдържание се копира директно в WordPress редактора, особено при използване на специфични теми като Avada. Допълнителните празни редове обикновено се генерират от автоматично добавени HTML тагове. **Стъпка 1: Прегледайте и редактирайте HTML кода** 1. Влезте в редактора на WordPress и намерете страницата или публикацията с проблема. 2. Превключете на "Text" редактора (вместо Visual) или на "Code Editor", ако използвате Gutenberg. 3. Прегледайте HTML кода за излишни `` или `` тагове. Обикновено тези тагове създават празни редове. 4. Ръчно премахнете излишните тагове. Уверете се, че оставяте само необходимите елементи за оформлението. **Стъпка 2: Изчистете форматирането** 1. Ако копирате съдържанието от друг източник, първо го поставете в текстов редактор като Notepad (Windows) или TextEdit (Mac) в plain text режим, за да премахнете форматирането. 2. След това копирайте текста от текстовия редактор и го поставете в WordPress. Това ще предотврати пренасянето на скрито форматиране. **Стъпка 3: Конфигурация на Avada** 1. Проверете настройките на темата Avada. 2. Отидете в Avada Builder и редактирайте текста чрез Fusion Text Block. Уверете се, че няма допълнителни CSS или настройка, която добавя маргин или padding към текста. **Стъпка 4: CSS корекции (ако е необходимо)** 1. Влезте в раздела Appearance > Customize > Additional CSS. 2. Добавете следния CSS код, за да премахнете допълнителните маргини между редовете: ```css p { margin-bottom: 0; } br { display: none; } ``` 3. Запазете промените и проверете дали проблемът е решен. Ако проблемът продължава, може да е свързан с конфликт между добавки (plugins) или специфични настройки на темата Avada. Проверете съвместимостта на използваните плъгини и настройките в раздела Avada > Theme Options.

Безплатно! Онлайн събитие: AI за 10x продуктивност Регистрация тук.

CSS. Базови знания за нуждите на Wordpress

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

Уеб сайтове с Wordpress В курса ще се научите как да създавате професионални уеб сайтове без технически опит. Този курс е идеален за начинаещи и ще ви помогне да усвоите основите на създаването на уеб сайтове, използвайки платформата WordPress. Ще научите как да настройвате дизайн, функционалности и съдържание, което ще ви позволи да представите вашите идеи и бизнес проекти онлайн по професионален и привлекателен начин.

Най-важното, което трябва да запомните от този урок

Дори с базови познания по CSS можете да направите значителни визуални промени във вашия сайт. Не е нужно да сте експерт, за да прилагате прости стилове и да подобрите външния вид на страниците си. Основните CSS правила позволяват центриране, промяна на шрифтове, форматиране на текст и добавяне на цветове.

Задача стъпка по стъпка за практикуване на CSS в Wordpress 5

Следвайте тези стъпки, за да приложите базови CSS промени към HTML страница или блок в Wordpress 5:

Създайте или редактирайте страница и изберете къде искате да вмъкнете HTML код.
Добавете контейнер с <div> таг веднага след отварящия <body> или вътре в желания блок.
Задайте стила на този <div> директно чрез атрибута style, например: html <div style="width: 600px; margin: 0 auto; font-family: Verdana; text-align: justify; line-height: 1.5;">
За да направите определени думи bold, italic или underline, използвайте съответно таговете <b>, <i>, <u>.
За стил на отделна част от текста, използвайте <span style="background-color: yellow;">Вашият текст</span>.
За да създадете линк към външна страница, използвайте таг <a href="URL" target="_blank">Текст на линка</a> (target="_blank" отваря нов прозорец).
Запишете и презаредете страницата, за да видите промените.

Как да приложите тези стъпки в Wordpress 6 (най-новата версия през 2024)

Интерфейсът на Wordpress 6 е сходен, но има подобрения в редактора (Gutenberg). Можете да използвате Custom HTML блокове и частта за „Персонализирана CSS“ в темата:

В редактора на страници/публикации кликнете "+" и изберете "Custom HTML" ("Персонализиран HTML").
Поставете HTML и инлайн CSS стилове, както е показано по-горе, в този блок.
Ако искате да добавите CSS към цялата тема, изберете "Appearance" ("Външен вид") → "Customize" ("Персонализиране") → "Additional CSS" ("Допълнителни CSS"). Там можете да добавите глобални стилове.
Всички класове и тагове работят по същия начин, но имате възможност да визуализирате измененията в реално време.
За създаване на линкове и стилизиране на текст използвайте същите HTML и CSS синтаксис.

Разлики с версия 5: - В новия редактор "Custom HTML" блокове се вмъкват по-лесно. - Интерфейсът за "Additional CSS" е по-интуитивен и показва визуализация. - Повече готови блокове позволяват визуални промени без код, но работата с HTML/CSS остава същата в основата си.

Най-често използвани тагове и CSS свойства от урока

<div> — Контейнер за групиране на елементи и прилагане на стил.
<span> — За стилизиране на отделни части от текст.
<b> — Прави текста удебелен (bold).
<i> — Прави текста наклонен (italic).
<u> — Подчертава текста (underline).
style — Атрибут за добавяне на CSS директно в таг.
width — Задава ширина: напр. 600px.
margin: auto — Центрира елемента.
font-family — Избира шрифт, напр. Verdana.
text-align: justify — Подравнява текста от двете страни.
line-height — Увеличава междуредието.
background-color — Променя цвета на фона.
<a href="..." target="_blank"> — Добавя връзка, която се отваря в нов прозорец.

Допълнителни полезни материали за CSS

Бърз справочник по основни CSS свойства в Aula.bg

Научаването и използването на базов HTML и CSS ще ви помогне да сте по-гъвкави в създаването на уеб сайтове с Wordpress. Те обаче не са задължителни, когато използвате Wordpress и научаването им е по желание.