Tasks:

  1. In the articles list to select introtext (introductory text) in a separate div with your css-class.
  2. In the article to highlight the introtext and fulltext (full text) in your tags with your css-classes.

Let’s start:

For starters I recommend the «Create overrides» in your template for the component com_content.

File paths will be specified taking into account the fact that you made this point.

The first task
Open the file:
/templates/Your_Template/html/com_content/category/blog_item.php

Find the code:
echo $this->item->introtext;

Framing it in a div:
<div class="introtext">
<?php echo $this->item->introtext; ?>
</div>

The second task

Open the file:
/templates/Your_Template/html/com_content/article/default.php

Find the code:
<div itemprop="articleBody" >
<?php echo $this->item->text; ?>
</div>

And change it to this:
<div itemprop="articleBody" class="text">
<div class="introtext">
<?php echo $this->item->introtext; ?>
</div>
<div class="fulltext">
<?php echo $this->item->fulltext; ?>
</div>
</div>

And then you can use css-styles to change the look to one that is more like it.

Рекомендую хостинг:

Комментариев 2 “Joomla 3 styling articles

  1. Юлия on 22.08.2019 at 14:59 пишет:

    Давно искала подобное, спасибо очень интересно!

  2. Света on 24.08.2019 at 20:47 пишет:

    Не думала что смогу найти, спасибо!

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

Ваш e-mail не будет опубликован.

Навигация по записям