Корзина покупок пуста.
Вы можете выбрать товар из Каталога.
Вы можете выбрать товар из Каталога.
![[Udemy] Полный курс по JavaScript - понимаем тонкости языка (Денис Токарев)](https://i4.storeland.net/2/5919/159183027/baec64/udemy-polnyj-kurs-po-javascript-ponimaem-tonkosti-yazyka-denis-tokarev.jpg)
Артикул: 27861
Наличие товара: В наличии
![[Udemy] Полный курс по кибербезопасности: Секреты хакеров! Часть 2 из 8 (2017) на русском](https://i4.storeland.net/2/5919/159183029/baec64/udemy-polnyj-kurs-po-kiberbezopasnosti-sekrety-hakerov-chast-2-iz-8-2017-na-russkom.jpg)
![[Миша Рудрастых] Создание блока Gutenberg](https://i4.storeland.net/2/5877/158762217/afacdb/misha-rudrastyh-sozdanie-bloka-gutenberg.png "[Миша Рудрастых] Создание блока Gutenberg")
Бесплатная
Доставка
Доставка
Гарантия
Возврата
Возврата
Онлайн
Поддержка
Поддержка
100 рублей
Автор: Миша Рудрастых
Название: Создание блока Gutenberg
Добро пожаловать на базовый курс по созданию блока Gutenberg!
Когда в интернете начали появляться плагины, позволяющие создавать блоки Gutenberg на PHP ?????, я уже не мог больше это игнорировать! ??
Итак, ещё раз добро пожаловать на курс и что вас на нём ждёт:
Что будет на курсе?
1. Научимся создавать блок с произвольным HTML и стилизовать его в CSS
Наш блок будет представлять себя что-то наподобие блока «Об авторе» с изображением, двумя текстовыми полями и ссылками на социальные сети.
2. Узнаем, как редактировать текст внутри самого блока
В нашем примере будет два редактируемых текстовых элемента, которые будут отличаться как возможностью добавления новых строк в виде параграфов, так и своими кнопками форматирования текста.
При редактировании заголовка у нас не будет возможности перехода на новую строку, а также мы отключим все кнопки форматирования текста, т.е. в заголовок нельзя будет вставить ссылку или сделать его жирным.
Зато, когда мы будем редактировать текст описания, при нажатии на клавишу Enter у нас будет создаваться новый абзац плюс будут доступны все кнопки форматирования текста.
3. Покажу вам, как можно легко загружать изображения в блок
4. Научимся добавлять поля настроек блока
Обратите внимание, что с произвольными полями это не имеет ничего общего, все настройки блока будут сохраняться в его атрибутах без каких-либо лишних запросов в базу данных.
Мы добавим настройки блока на примере ссылок на социальные сети:
То есть, когда соответствующее поле для заполнения профиля соц сети заполнено, в блоке будет автоматически появляться иконка этой соц сети со ссылкой на профиль.
Помимо этого также научимся использовать палитру цветов в настройках блока:
5. Узнаем, что такое вариации стилей и научимся их использовать
В нашем примере мы добавим вариацию стиля, которая будет делать изображение закруглённым.
Подробнее:
Скачать:
![[Елена Анатольевна Коровина] Нумерология успеха. Запусти Колесо Фортуны](https://i4.storeland.net/2/5869/158689774/baec64/elena-anatolevna-korovina-numerologiya-uspeha-zapusti-koleso-fortuny.png "[Елена Анатольевна Коровина] Нумерология успеха. Запусти Колесо Фортуны")
![[Корниенко Михаил, Жук Сергей] Мaгия Chrоma Keу](https://i4.storeland.net/2/5872/158712535/baec64/kornienko-mihail-zhuk-sergej-magiya-chroma-keu.png "[Корниенко Михаил, Жук Сергей] Мaгия Chrоma Keу")
![[Леонтьева] Самоучитель Office 2016](https://i4.storeland.net/2/5877/158762140/baec64/leonteva-samouchitel-office-2016.png "[Леонтьева] Самоучитель Office 2016")
![[Алексей Днепров] Pабота с готовыми пpoeктами в After Effects](https://i4.storeland.net/2/5872/158711119/baec64/aleksej-dneprov-pabota-s-gotovymi-ppoektami-v-after-effects.png "[Алексей Днепров] Pабота с готовыми пpoeктами в After Effects")
![[Кэрунту Лилия Дмитриевна] Быть здоровым каждый день](https://i4.storeland.net/2/5871/158705237/baec64/keruntu-liliya-dmitrievna-byt-zdorovym-kazhdyj-den.png "[Кэрунту Лилия Дмитриевна] Быть здоровым каждый день")
![[Джон Мерфи] Технический анализ финансовых рынков. Полный справочник по методам и практике трейдинга-Мерфи (2016)](https://i4.storeland.net/2/5872/158719874/baec64/dzhon-merfi-tehnicheskij-analiz-finansovyh-rynkov-polnyj-spravochnik-po-metodam-i-praktike-trejdinga-merfi-2016.png "[Джон Мерфи] Технический анализ финансовых рынков. Полный справочник по методам и практике трейдинга-Мерфи (2016)")
