Недостающая ссылка во вступительных изображениях в Joomla 2.5 - 2.4 out of 5 based on 7 votes

Новый параметр "изображения и ссылки" был отличным дополнением к Joomla 2.5. Но вы никогда не задумывались, почему вступительная картинка блога не ссылается на полный текст статьи? В этом простом уроке мы покажем вам, как изменить ваш шаблон для добавления недостающей ссылки.

         1
Кто любит нажимать на фотографии? Все любят. Так что, когда дело доходит до стилей нашего блога, почему получается так, что наше вступительное изображение не ссылается на полную статью? Конечно, у нас есть название ссылки, а также ссылка читать далее, но иногда этого не достаточно для таких кликеров изображений, как мы. Может быть, эта опция будет добавлена в будущем обновлении Joomla. До этого, вы можете следовать инструкциям ниже, чтобы добавить ссылку к вступительным изображениям вашего шаблона.

Для этого, в качестве примера, мы рассмотрим макет категорий блога. По умолчанию у нас используется шаблон Joomla Beez 2 и демо-версия сайта австралийского парка, но эти шаги должны применяться по отношению к большинству Joomla 2.5 шаблонов.

Макет категории блога в Joomla

Это наш стандартный макет категории блога. Мы используем параметр статьи Изображения и Ссылки, чтобы добавить эти вступительные изображения и вписать их слева от текста.

2

3

Создание переопределения шаблона

Шаг 1: Найдите html-папку внутри шаблона, templates/beez_20/html. Далее создаем две пустые папки внутри: com_content / category. (С категориями, вложенными в com_content) Если в вашем шаблонеотсутствует html папка, то создайте её.

4

Шаг 2: Назначьте этот файл из ядра Joomla: / components / com_content / views / categories / tmpl / blog_item.php

5

Шаг 3: Скопируйте blog_item.php в папку категорий шаблона, которую вы создали в шаге 1.

6

Теперь мы можем безопасно редактировать макет блога в рамках нашего шаблона, не беспокоясь об изменении перезаписи при обновлении Joomla. Если эти файлы уже существуют в шаблоне, то нет необходимости копировать их из системы файлов. Просто переходите к следующему шагу ниже.

Добавление ссылки

Записки для начинающего: Не волнуйтесь, если вы не знакомы с HTML или PHP. Основная идея в том, что мы просто упаковываем ссылку тега (анкор-текст) вокруг вступительного изображения, чтобы сделать изображение активным. Затем мы добавим несколько PHP-кодов внутри ссылки (href), чтобы заставить ее работать.

Вернёмся в файл переопределения шаблона, который мы создали в шаге 3, blog_item.php. В этом файле найдите "image_intro". Вы ищете следующий блок кода, по строке 130:

<img
       <?php if ($images->image_intro_caption):
             echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
       endif; ?>
       src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>

Код, указанный выше - это код по умолчанию для нашего вступительного изображения. Теперь, мы можем, что называется, "обернуть" это изображение в html - анкор теге. Для ссылки, мы можем использовать тот же фрагмент PHP, найденный в названии ссылки (около линии 28).Окончательный код должен выглядеть следующим образом:

<a href="/<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>"><img
       <?php if ($images->image_intro_caption):
             echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
       endif; ?>
       src="/<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>
</a>

Вот в принципе и всё! Ваши вступительные изображения должны теперь ссылаться на полный текст статьи, равно как ссылка Читать далее и название статьи.

Обратите внимание, что макеты блога Joomla используют другой файл шаблона, чем макеты категории блога, поэтому они требуют отдельного переопределения шаблона. Вам надо скопировать системный файл отсюда: components / com_content / views / articles / featured / default_item.php, а затем выполните те же шаги, что и выше, чтобы создать ссылку.

* ВАЖНО: Всегда создавайте резервную копию изменений, таким образом Вы cможете добавлять их обратно, если в будущем они будут потеряны из-за Joomla обновлений или обновлений шаблонов.

Источник: The Joomla! ® Community Magazine

1 1 1 1 1 1 1 1 1 1 Rating 2.43

Комментарии   

 
0 #1 Ребенок и мама 10.06.2016 08:27
У меня не работает, для Joomla 3 не подходит? Чёт не то сделала...
Цитировать
 

Добавить комментарий


Защитный код
Обновить