User Documentation Piccole modifiche al layout possono fare una grande differenza nel modo in cui i contenuti vengono percepiti. Uno dei miglioramenti più efficaci che puoi apportare a un layout blog di categoria è trattare l'articolo principale in modo diverso dagli altri — segnalando visivamente che è più importante.
Per impostazione predefinita, il layout blog di categoria di Joomla utilizza ovunque l'immagine introduttiva. Questo è sensato, ma significa anche che il tuo articolo più importante spesso non ha un aspetto diverso dagli altri.
In questo articolo, illustrerò un modo semplice e sicuro per gli aggiornamenti per fare in modo che gli articoli principali utilizzino l'immagine completa dell'articolo, lasciando invariati gli elementi introduttivi e collegati.
Perché cambiare l'immagine dell'articolo principale?
Gli articoli principali esistono per un motivo. Hanno lo scopo di attirare l'attenzione, fornire un contesto e incoraggiare i lettori a continuare.
- Crea una chiara gerarchia visiva
- Fa risaltare i contenuti in evidenza
- Incoraggia scelte migliori delle immagini per gli articoli chiave
- Migliora l'equilibrio generale del layout del blog
Cosa più importante, questo può essere fatto senza toccare i file del core.
L'approccio
Invece di modificare l'output predefinito di Joomla, utilizziamo un template override e una piccola modifica al layout:
- Creare (o riutilizzare) un override del blog di categoria
- Creare un layout dedicato per gli articoli principali
- Sostituire l'immagine introduttiva con l'immagine completa in quel layout
- Indicare al blog di caricare il nuovo layout principale
Questo mantiene tutto pulito, leggibile e sicuro per gli aggiornamenti.
Passo 1: Creare un override del blog di categoria
Se il tuo template ha già un override del blog di categoria, puoi saltare questo passo.
Dall'amministratore di Joomla:
- Vai su Sistema → Template del sito
- Seleziona il tuo template attivo
- Apri Crea override
- Espandi Componenti → com_content
- Clicca su category
Joomla creerà i file necessari in:
/templates/your_template/html/com_content/category/
Passo 2: Creare un layout per gli articoli principali
Il layout blog standard utilizza blog_item.php per l'output degli articoli. Lo riutilizzeremo come punto di partenza per gli articoli principali.
Apri la cartella dell'override:
/templates/your_template/html/com_content/category/Quindi:
- Crea un nuovo file chiamato
blog_leading.php - Copia il contenuto di
blog_item.phpinblog_leading.php
Passo 3: Passare dall'immagine introduttiva all'immagine completa
Questa è la modifica chiave.
Apri blog_leading.php e individua la riga di rendering dell'immagine:
<?php echo LayoutHelper::render('joomla.content.intro_image', $this->item); ?>Sostituiscila con:
<?php echo LayoutHelper::render('joomla.content.full_image', $this->item); ?>Questo indica a Joomla di mostrare l'immagine completa dell'articolo per gli elementi principali.
Passo 4: Carica il nuovo layout principale
L'ultimo passo consiste nell'indicare al layout blog di usare blog_leading.php per gli articoli principali.
Apri:
/templates/your_template/html/com_content/category/blog.phpTrova la sezione che inizia con:
<?php if (!empty($this->lead_items)) : ?>All'interno di quel blocco, cambia:
echo $this->loadTemplate('item');in:
echo $this->loadTemplate('leading');
Il risultato
- Gli articoli principali mostrano l'immagine completa dell'articolo
- Gli articoli introduttivi e collegati continuano a usare le immagini introduttive
- Il layout rimane completamente a prova di aggiornamento
Si tratta di una piccola modifica, ma che migliora in modo significativo il modo in cui i contenuti vengono presentati.
Considerazioni finali
Il punto di forza di Joomla risiede nella sua flessibilità. Comprendendo come vengono assemblati i layout, è possibile apportare miglioramenti mirati che elevano l'intera esperienza del sito.
Trattare gli articoli principali come contenuti di primo piano è un cambiamento semplice, ma invia un messaggio chiaro ai tuoi lettori: questo merita la tua attenzione.