Привіт, шановні читачі сайту https://pravo-wmeste.ru
у статті «WordPress картинки» ми познайомилися з прийомами завантаження картинки з жорсткого диска.
Як змінити параметри картинки в WordPress перед розміщенням на веб-сторінці, розказано в статті «Картинки в WordPress» .
Вашій увазі, шановні читачі, в цій статті «Код картинки в WordPress» пропоную познайомиться з HTML кодом картинки на веб-сторінці і шорткодом.
HTML код картинки
Напевно не помилюся, якщо скажу, що кожному веб - майстру рано чи пізно доведеться вивчати основи HTML. Основи HTML ми в цій статті вивчати не будемо, а ось давайте подивимося на код, який поміщає картинку на веб-сторінку. Відкривши вкладку HTML, побачимо ось такий незрозумілий набір символів і букв:
Придивімося уважно до букв і цифр і зрозуміємо, що тут насправді додано всього три тега.
Тег img (картинка) виділено жовтим кольором. Тема (спливаюче назву) задається в параметрі title, адреса картинки - в параметрі src, альтернативна напис - в параметрі alt. Розміри зображення (в точках) задаються параметрами width (ширина) і height (висота). Параметр class відноситься до CSS-розмітки - він задає стиль картинки (залежить від обраного розміру картинки).
Сам стиль, як і належить, прописаний в іншому місці - в одному з стильових файлів стандартної теми оформлення.
Навколо картинки розташований контейнер а (посилання) (виділено синім), тут задається адреса переходу при натисканні на зображенні.
Треба зауважити, що в нашому випадку HTML (мова для написання web - сторінок) в коді картинки зовсім не складний. Як навчитися працювати з HTML можна знайти в Internete або купити підручник. Кому як подобається. Початківцю веб-майстру можу порадити безкоштовний курс по HTML успішного інтернет-бізнесмена Євгена Попова. 
Шорткод
Навколо всього цього розташовується тег caption (виділено зеленим), що створює рамку навколо картинки, розміри цієї рамки і підпис під нею.
Тег caption поміщений в квадратні дужки, а не в кутові, як всі нормальні теги. Це зроблено тому, що тег caption справді не нормальний тег, а деяка тимчасова запис, заготівля, яка в момент публікації веб-сторінки перетвориться вже в справжні теги розмітки.
Теги caption в квадратних дужках в WordPresse називаються шорткодамі. Один шорткод буде вставляти на створювану веб-сторінку картинку в рамочці і з підписом, інший - галерею зображень, третій - аудіоплеєр, четвертий - кнопку або блок тексту з вкладками.
З шорткодамі можна познайомитися ближче через плагін J-Shortcoes, канадського програміста Гліба Есмаїлі.
З найкращими побажаннями до Вас, Володимир Швець.
