Как мне правильно отобразить текст моего изображения Alt?

Question

Мне было интересно ... может ли кто-нибудь из специалистов по кодированию уделить несколько минут, чтобы помочь мне с крошечной проблемой? Это как-то связано с текстом альтернативного изображения.

Видите ли, всякий раз, когда я загружаю изображение, альтернативный текст для него отображается неправильно. Вы можете посмотреть здесь -> http://buywerewolfcostume.com/. Вот как это отображается в исходном коде:

alt="Female-vampire-small.jpg"

alt="side_farm_trap_1.jpg"

Как мне заставить его отображать вот так -

alt="Female Vampire" and alt="Side Farm Trap"

Я попытался установить специальный плагин Alt-изображения (сайт построен на платформе Wordpress), но это не сработало. Я также пытался редактировать настройки изображения, но это тоже не сработало. Есть ли специальная строка кода, которую я должен добавить в таблицу стилей CSS?

Кстати, вот код изображения в моей таблице стилей:

.images img {padding:0 13px 0 0;}

.images img.last {padding-right:0;}

Я был бы очень признателен, если бы кто-нибудь мог предложить совет ...

Answer 1

в вашем индексном файле, где написано

<div class="images" style="padding-top:10px; "><?php get_images(); ?></div>

Вы также можете просто заменить изображениями, а затем можете сделать теги alt такими, какие хотите.

<div class="images" style="padding-top: 10px;">
<img alt="Female Vampire" src="http://buywerewolfcostume.com/wp-content/uploads/Female-vampire-small.jpg">
<img class="last" alt="Side Farm Trap" src="http://buywerewolfcostume.com/wp-content/uploads/side_farm_trap_1.jpg">
</div>

Answer 2

Не уверен, что я полностью следую, но это работает для вас?

<img src="Female-vampire-small.jpg" alt="Female Vampire" title="Female Vampire" />

Тег Alt предназначен для случаев, когда изображения по какой-либо причине НЕ существует. Альтернативный текст появится на его месте
Тег Title отображается в виде всплывающей подсказки в браузере

Примечание: IE раньше отображал тег Alt как всплывающую подсказку, но больше не делает.

Answer 3

Когда вы загружаете изображение через WordPress, поместите текст, который вы хотите отобразить, как «альтернативный текст» как в поле «Заголовок», так и в поле «Альтернативный текст». Затем нажмите кнопку «Вставить в сообщение».

Вот видео о загрузке изображения через интерфейс WordPress. В этом видео поле «альтернативный текст» называется «заголовок». В более новых версиях WordPress «заголовок» и «альтернативный текст» разделены на разные поля. Поле «заголовок» отображается как заголовок под вашим изображением; поле «альтернативный текст» (или «заголовок») - это то, что отображается при наведении курсора мыши. Эксперимент, чтобы увидеть, что работает лучше для вас.

http://wordpress.tv/2009/01/05/embedding-photos-video-audio-into-your-posts/

Удачи!

Answer 4

Это простой вопрос в html:

<img src="side_farm_trap_1.jpg" alt="Side Farm Trap" >

Изменить после повторной пометки: скрывает ли Wordpress возможность добавлять альтернативный текст или заголовок к изображениям?