Как создать отдельный контейнер div на странице WordPress без использования плагинов
Хотите добавить div на свою страницу в WordPress, но не знаете, как? Не беда! В этой статье мы предоставим вам подробную инструкцию о том, как легко и быстро создать собственный div-контейнер на вашей WordPress-странице. Следуйте нашим шаг за шагом инструкциям, и вскоре вы сможете наслаждаться новым функционалом и дизайном вашего сайта!
![](https://adminkin.com/wp-content/uploads/2023/07/Sajt-WordPress-s-temoj-ListingHive.-Glavnaya-stranica-s-poslednimi-zapisyami.png)
![](https://img.youtube.com/vi/PUjBEVE3UgQ/0.jpg)
Как добавить JS код на сайт на WordPress: Simple Custom CSS and JS
Откройте редактор WordPress и перейдите в нужную страницу или запись, на которой вы хотите добавить div. Найдите нужное место на странице, где хотите, чтобы появился div.
![](https://hostenko.com/wpcafe/wp-content/uploads/featured-cover.jpg)
![](https://img.youtube.com/vi/0AytMq0hlBM/0.jpg)
🌏 КАК СДЕЛАТЬ МУЛЬТИЯЗЫЧНОСТЬ НА САЙТЕ - КАК ДОБАВИТЬ НЕСКОЛЬКО ЯЗЫКОВ НА САЙТ? - POLYLANG
![](https://web-master.org.ua/wp-content/uploads/2023/03/kak-vyvesti-slug-osnovnoy-kategorii-v-wordpress-scrinshot-1.jpg)
![](https://img.youtube.com/vi/0zymmq7x_Mk/0.jpg)
Как вставить HTML код на WordPress + Бонус!
В режиме редактирования страницы или записи вставьте следующий код WordPress для создания div: <div class=my-div>Здесь можете разместить ваш контент</div>. Замените my-div на любое имя класса, которое вы хотите использовать для div. Вы также можете добавить стили CSS внутри атрибута style для настройки внешнего вида этого div.
![](https://wpcraft.top/wp-content/uploads/2019/05/categorypage.jpg)
![](https://img.youtube.com/vi/InACXTuAZOQ/0.jpg)
Как править стили на WordPress или магия CSS
![](https://adminkin.com/wp-content/uploads/2023/07/Sajt-WordPress-s-temoj-ListingHive.-Otdelnaya-zapis.png)
После вставки кода сохраните изменения и посмотрите на вашу страницу. Теперь вы должны увидеть новый div с вашим контентом! Вы можете повторить этот процесс для создания дополнительных div на вашей странице. И помните, что вы всегда можете отредактировать или удалить div, если вам это понадобится.
![](https://img.youtube.com/vi/HPzUhHL9imc/0.jpg)
Как создать сайт? Создаем на РЕАЛЬНОМ примере. Wordpress + Elementor