Вече разбрах как се проваля HTML код. Аз работя на хостинг от SUPERHOSTING.BG с инсталирана тяхна версия на WP. A кодът се проваля след като е написан в текстовият редактор и премина обратно във визуалният редактор. Обикновено изчезват отварящ и затварящ таг, но понякога изчезват заедно със съдържанието между тях. Ако запазя ( обновя) страницата и изляза от нея без да я пипам повече - работи и не се разваля. При влизане тя си е пак в текстов редактор и ако не мина във визуалният редактор - остава да работи, дори и да съм я променял. Засега нямам друго решение по проблема, освен да копирам кода на страницата в текстов режим с Ctrl-A, да я изтествам на друг предварително отворен браузър и ако е ОК да изляза от нея, а ако не - да върна копираният код. Междувременно с HTML се запознах по- обстойно в курса на Аула по HTML / CSS. Някой елементи от синтаксиса WP не ги възприема - например игнорира тага ( вероятно и други), a при опит да вкарам в кода ( в текстов редактор) мета тагове - WP видимо ги възприема, но те не работят. Като надникнах в кода на страничката се оказа,че WP е вкарал мета тагът в таг параграф и се е получило и тагът не работи. Но при повторен преглед в кода на текстовият редактор всичко изглежда както би трябвало да бъде. В крайна сметка ползвайки Yoast не можах да вкарам мета таг с ключови думи и не мога да популяризирам сайта, което го обезсмисля като сайт. Не съм правил по- задълбочени опити да изградя реална страничка с помощта на разширението Page Builder защото там така и не успях да използвам CSS стила с който иначе се справям с лекота след курса HTML / CSS на Аула + още четене и практика.

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

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

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

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

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

Дори без да сте експерт, няколко основни знания по HTML ще ви дадат много повече възможности при работата с Wordpress теми. Разбирането на базовата структура на HTML страницата и употребата на основни тагове улесняват редактирането на съдържание и добавянето на елементи като текст, изображения и параграфи в уебсайтове.

Запишете сами HTML страница – задача стъпка по стъпка за Wordpress 5

Урокът показва как самостоятелно да създадете базова HTML страница, използвайки Notepad++ (или друг текстов редактор):

Създайте нов текстов файл и сменете разширението му на .html (например: stranica.html).
Отворете файла с Notepad++ или друг редактор и започнете с основната HTML структура:
- В началото на файла добавете <!DOCTYPE html>, за да укажете, че съдържанието е HTML документ.
- Създайте основните тагове: <html>, <head>, <meta charset="UTF-8">, <title>, и <body>.
- В секцията <head> добавете <meta charset="UTF-8"> за коректно изобразяване на кирилица и други символи.
Поставете съдържанието в <body>, като използвате:
- <h1> за основното заглавие, например: "4 супер храни, които може да ядем по-често".
- <h2> за подзаглавия (като името на всяка храна: "Домати", "Броколи" и т.н.).
- <p> за абзаци с описания към всяка храна.
За да добавите изображения към всяка секция:
- Копирайте URL-а на изображението с десен бутон – Copy Image URL („Копирай адреса на изображението").
- Вмъкнете картинка с <img src="линк-към-изображението"> в актуалната секция.
- За да подравните изображение, използвайте атрибута align: <img src="линк" align="left"> или <img src="линк" align="right">.
Запазете файла и го отворете в браузър, за да видите резултата.

Как да повторите стъпките с по-нова версия – Wordpress 6

Създаването и редактирането на HTML файл, както е показано в урока, остава същото, тъй като процесът не зависи от версията на Wordpress, а от редактора и браузъра, които използвате. Интерфейсът на Wordpress 6 позволява директно добавяне на HTML код чрез "Custom HTML" ("Потребителски HTML") блокове в редактора на съдържание, без нужда да подготвяте отделни HTML файлове, но основните HTML тагове и синтаксис остават непроменени.

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

<!DOCTYPE html> – Обозначава, че файлът е HTML документ.
<html> ... </html> – Основен контейнер на цялата страница.
<head> ... </head> – Съдържа невидими за потребителя елементи като мета информация и заглавие.
<meta charset="UTF-8"> – Задава използваната кодировка (за кирилица изберете UTF-8).
<title> ... </title> – Заглавие на страницата (вижда се в таба на браузъра).
<body> ... </body> – Съдържа видимото съдържание на страницата.
<h1> ... </h1> – Основно заглавие на страницата.
<h2> ... </h2> – Подзаглавие или секция.
<p> ... </p> – Абзац (параграф) текст.
<img src="..."> – Изображение. src сочи към файла с картинката, може да добавите align="left" или align="right" за подравняване.