Jak wyświetlać obrazek intro w sekcji blog Joomla 3.x

Tym krótkim artykułem rozpoczynamy cykl prostych i użytecznych porad dla użytkowników i naszych klientów.

Uzytkownicy często zadają pytanie jak w sekcji blog uzyskać inny obrazek niże w pełnej treści artykułu. Sprawa okazuje się stosunkowo prosta. Wystarczy w ustawieniach dla artykułów wybrać odpowiednie opcje. Przejdźmy do menu Artykuły i kliknijmy Opcje (górny rząd ikon pod menu)

Wybierzmy zakładkę "Edycja artykułu" a następnie ustawmy "Zaplecze: Obrazki i łącza" na tak. Jeśli chcemy umożliwić dodawanie ilustracji wstępu również redaktorom pracującym od frontu serwisu "Witryna: Obrazki i łącza" na tak

 
Można również wybrać lokalizację dla ilustracji zarówno dla intro jak i dla pełnego tekstu. Warto też ustawić odpowiednie style w arkuszach CSS.

img-intro-none{
   text-align: center;
   margin-bottom: 10px;
}
.img-intro-left{
   float: left;
   margin-right: 10px;
}
.img-intro-right{
   float: right;
   margin-left: 10px;
}

Podobnie należało by postąpić dla obrazka w pełnym tekście

.img-fulltext-none{
   text-align: center;
   margin-bottom: 10px;
}
.img-fulltext-left{
   float: left;
   margin-right: 10px;
}
.img-fulltext-right{
   float: right;
   margin-left: 10px;
}

Dodatkowo możemy oczywiście zdefiniować ramki, cienie, tła, zależnie od potrzeb i ogólnego stylu szablonu

Umiesczenie ilustracji nie powinno już stanowić większego problemu. Poniżej edytora, w trybie dodawania lub edycji artykułu znajdziecie odpowiednie pola "Ilustracja wprowadzenia" i "Ilustracja pełnego tekstu". Wystarczy wczytać z dysku wcześniej przygotowane obrazki.