Pierwszy element, który zauważą odwiedzający witrynę to jej logo. Warto więc zadbać o wymianę tego elementu szablonu, który pobrano z sieci, na własny. Przede wszystkim potrzebny będzie odpowiedni materiał graficzny, fotografia, obrazek, który mógłby być wizytówką witryny. Jeśli nie takiej nie mamy, to można wykonać serię zdjęć, aby móc z nich wybrać jedno, to najciekawsze. Potrzebny będzie program do edycji i obróbki grafiki. Dobry edytor grafiki to podstawowe narzędzie każdego projektanta strony WWW. Można skorzystać z bezpłatnego programu na licencji GPL np. GIMP, albo z innych komercyjnych programów np. Photoshopa.

OD ZDJĘCIA DO LOGO

Aby przygotować własne logo do nagłówka szablonu, należy wykonać następujące czynności:
(do przykładu posłuży nam szablon z pakietu dj-0013.zip)

• uruchomić swój program graficzny. Tutaj skorzystamy z Photoshopa,
• w katalogu /templates/twój_szablon/images swojego szablonu odszukać obrazek z logo i wczytać go do edytora,
• następnie odczytać jego wymiary: szerokość i wysokość - zapisać wartości,
• można posłużyć się zdjęciem wykonanym wcześniej i zeskanować to wybrane za podstawę nowego logo lub wczytać je z aparatu cyfrowego, można również zaprojektować grafikę samemu,
• ustawić parametry narzędzia Przytnij (Crop) w programie graficznym: szerokość (Width) i wysokość (Height) tak jak oryginalnego logo, rozdzielczość (Resolution) ustawić na 72 pikseli/cal.
  

• narzędziem Przytnij (Crop) wyznaczyć na zdjęciu obszar, który posłuży za logo. Zaznaczyć taki obszar, w którym będzie coś symbolicznego. Nie jest to skomplikowane. Można przeprowadzić wiele prób.
• narzędziem do wprowadzania tekstu wpisać krótką nazwę witryny. Może to być np. nazwa firmy.
• ustalić odpowiedni rozmiar i krój czcionki.
• dobrze jest skorzystać z narzędzia definiowania efektów warstw (Layers).
  Na przykład:
  Blending Options, by nadać napisowi pewien poziom przezroczystości,
  Drop Shadow czy też Bevel and Emboss, by uzyskać efekt dwuwymiarowości.

• umieścić napis w jednym z typowych miejsc, np. w lewym górnym lub w prawym dolnym rogu.
  
  
• następnie wybrać w menu Plik (File) opcje Save for Web, a w oknie dialogowym ustawić:
  format, zwykle jest to: nazwa.jpg,
  jakość (Quality) na 30 lub 60 (High).
• nadać nazwę, taką jak ma oryginalny obrazek, w tym przypadku logo.jpg i kliknąć przycisk OK.
  
  
• przesłać plik z z nowym logo do katalogu /templates/twoj_szablon/images/ na serwerze.
• lub wczytać z pakietu instalacyjnego templatki (wcześniej umieszczając w pakiecie swój plik)
  
  
  
• przejść do menadżera szablonów i wybrać jako domyślny właśnie nowo zainstalowany szablon
  
  
• następnie, aby sprawdzić efekt pracy, należy uruchomić w przeglądarce swoją witrynę.
  
  
  

Jeśli efekt nie będzie jeszcze satysfakcjonujący, można przystąpić do kolejnych zadań. Przygotowanie witryny może trochę potrwać. Wrócić można do jej opracowania w późniejszym czasie, być może nowa koncepcja graficzna witryny, zwłaszcza jej logo, okaże się lepsza. Tymczasem oswoisz się z Joomla!.