10 ноября 2012      745      4

Код картинки в WordPress

Здравствуйте, уважаемые читатели сайта https://pravo-wmeste.ru

Osharovanie

В статье «WordPress картинки» мы познакомились  с приёмами  загрузки картинки с жёсткого диска.

Как изменить параметры картинки в WordPress перед размещением на веб-странице,  рассказано в статье «Картинки в WordPress».

Вашему вниманию, уважаемый читатель, в настоящей статье  «Код картинки  в WordPress» предлагаю познакомится с HTML кодом картинки на  вэб-странице и  шорткодом.

HTML код картинки

Наверно не ошибусь, если скажу, что каждому вэб — мастеру рано или поздно придётся изучать основы HTML. Основы HTML мы в этой статье изучать не будем, а вот давайте посмотрим на код, который помещает картинку на вэб-страницу. Открыв вкладку HTML, увидим вот такой непонятный набор символов и букв:

HTML kod

Присмотримся внимательно  к буквам и цифрам и поймём, что здесь на самом деле добавлено всего три тега.

Tri-tega1.png

Тэг img (картинка) выделен жёлтым цветом. Заголовок (всплывающее название) задаётся в параметре title, адрес картинки — в параметре src, альтернативная надпись — в параметре alt . Размеры изображения (в точках) задаются параметрами width (ширина) и height (высота). Параметр class относится к CSS-разметке — он задает стиль картинки (зависит от выбранного размера картинки).

Тэг img

Сам стиль, как и положено, прописан в другом месте — в одном из стилевых файлов стандартной темы оформления.

Вокруг картинки расположен контейнер а (ссылка) (выделен синим), тут задаётся адрес перехода при щелчке по картинке.

Тэг а

Надо заметить, что в нашем случае  HTML  (язык для написания web — страниц) в коде картинки  совсем не сложный. Как научиться работать с HTML можно найти в Internete или купить учебник. Кому как нравиться. Начинающему вэб-мастеру могу посоветовать бесплатный курс по HTML успешного интернет-бизнесмена Евгения Попова.

Читайте на сайте:  Бездомные кошки в городе

Шорткод

Вокруг всего этого располагается тег caption (выделен зеленым), создающий рамку вокруг картинки, размеры этой рамки и подпись под ней.

Тэг caption

Тег caption  помещён в  квадратные скобки, а не в угловые,  как все нормальные теги. Это сделано потому, что тег caption действительно не нормальный тег, а некоторая временная запись, заготовка, которая в момент публикации вэб-страницы преобразуется уже в настоящие теги разметки.

Теги caption  в квадратных скобках в WordPresse называются  шорткодами. Один шорткод будет вставлять на создаваемую вэб-страницу картинку в рамочке и с подписью, другой — галерею изображений, третий — аудиоплеер, четвёртый — кнопку или блок текста с вкладками.

С шорткодами можно познакомиться ближе через плагин J-Shortcoes, канадского программиста Глеба Эсмана.

С наилучшими пожеланиями к Вам, Владимир Швец.


Обсуждение: 4 комментария
  1. Сложно разбираться в кодах HTML, ох и сложно, по-моему, это мужчинам более доступно))) Здесь я прочитала про аудиофайлы к галлереям, это возможно и как их добавлять, есть такая возможность в Вордгалерее? Или нужно прописывать путь к файловым папкам корневым, если так, то я пас))))

    Ответить
    1. В WordPress можно вставлять видео и аудио файлы. В визуальном редакторе напечатала текст. Потом открываешь его в редакторе HTML и вставляешь видео или аудио файлы на страницу в том месте, где нужно. Конечно надо иметь представление о тегах. Но если не получилось, заглючила опубликованная страница, начинай сначала. Вырезай вставленное и пробуй вставлять в другое место. Но если файл установить в конце страницы, то он точно откроется. Это называется метод научного тыка. Вставила, опубликовала, не понравилось, вырезала вставленное и снова пробуй! В итоге обязательно получиться. Удачи!

      Ответить
  2. Несомненно полезная информация, изложено подробно и понятным для многих языком. Спасибо.

    Ответить
  3. Ольга:

    Спасибо, Владимир, по картинкам, действительно все очень полезно. Пока не знаешь, приходится до всего доходить методом тыка, так что интересно было сравнить, правильно ли я редактировала картинки. С удовольствием прочитала информацию.

    Ответить

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Архивы публикаций статей
Популярные записи
Метки
ГСК (8) КПК (6) КПК "Семейный Капитал" (9) Кооператив (21) Кредитной кооперации (4) Потребительская кооперация (35) Потребительские кооперативы (33) России (57) СССР (6) США (6) Стремоухов Г.Д (7) артели (8) артель (5) гаражные кооперативы (7) жилищно-строительные кооперативы (7) жилищные кооперативы (11) кооператива (8) кооперативах (4) кооперативного движения (11) кооперативное движение (18) кооперативные принципы (8) кооперативов (41) кооперативы (180) кооперации (40) кооперацию (5) кооперация (44) корпорации (4) кредитная кооперация (4) кредитные кооперативы (11) кредитный кооператив (11) кредитный потребительский кооператив (7) о кооперации (4) пайщики (17) пайщики КПК "Семейный капитал" (6) потребительские общества (11) потребительский кооператив (9) потребительских кооперативов (13) потребительское общество (6) потребительской кооперации (18) производственных кооперативов (4) сельская кооперация (6) сельскохозяйственная кооперация (6) сельскохозяйственной кооперации (4) сельскохозяйственные кооперативы (9) сельскохозяйственные потребительские кооперативы (13)
Поделитесь с друзьями в социальных сетях

© 2019 Кооперативы против бедности · Копирование материалов сайта без разрешения запрещено
Дизайн и поддержка: GoodwinPress.ru