Jak Wstawić Zdjęcie Do Nagłówka

Spisu treści:

Jak Wstawić Zdjęcie Do Nagłówka
Jak Wstawić Zdjęcie Do Nagłówka

Wideo: Jak Wstawić Zdjęcie Do Nagłówka

Wideo: Jak Wstawić Zdjęcie Do Nagłówka
Wideo: PUKPM - Nagłówek i stopka 2024, Może
Anonim

Często przy podobnej funkcjonalności zdjęcie w nagłówku strony czy bloga nadaje niezbędną indywidualność, a proponowane szablony często są po prostu „bez twarzy”. Wygodnie jest umieścić logo firmy lub zdjęcie z lokalizacją geograficzną lub pewne zdjęcia, które są ważne dla właściciela strony na zdjęciu, na samej górze.

Fragment kodu prowadzący do linku do zdjęcia w nagłówku strony of
Fragment kodu prowadzący do linku do zdjęcia w nagłówku strony of

Niezbędny

Umiejętności pracy w edytorze graficznym

Instrukcje

Krok 1

Jeśli masz menedżera strony, zwykle zawiera on funkcję „zmień obraz”. W takim przypadku wystarczy zastąpić własnym.

Dokładnie przeanalizuj swój system zarządzania treścią. Jeśli nie masz żądanej funkcji, będziesz musiał dostać się do kodu html. Jeśli pracujesz z Joomla, poszukaj pliku: mw_joomla_logo.png, znajduje się on w folderze images w folderze szablonów (Joomla obrazuje nazwa_szablonu imagesmw_joomla_logo. png) Aby zmienić obrazek: w html html kod strony ("widok"> "wyświetl kod html").

Znajdź „nagłówek” podświetlony tagami głowy

Znajdź zdjęcie, patrząc na tagi img w tytule

Link do zdjęcia wygląda tak: img src = "picture.jpg"

Krok 2

Pobierz i przeanalizuj rozmiar i wagę obrazu.

W edytorze graficznym narysuj własny obrazek o tych samych parametrach

Prześlij obraz na serwer, umieść go w tym samym katalogu, w którym znajdują się wszystkie obrazy witryny (albo w prostej sieci, albo w albumie obrazów, najważniejsze jest to, że przechowywanie jest długoterminowe)

Krok 3

Ponownie otwórz kod witryny.

Zastąp adres swojego zdjęcia zamiast tego, który jest tam teraz.

Jako zabezpieczenie możesz ustawić dokładny rozmiar obrazu i niewidoczne granice w następujący sposób:

img src = "adres obrazka / obrazek.jpg" alt="Wyjaśnienie obrazka"

Znaczenie tagów:

img = obraz - obraz.

src = źródło - źródło, czyli adres

granica = granice. Jeśli grasz z tą wartością, wokół obrazu pojawi się ramka (obrys).

alt = alternative - tekst, który zostanie zastąpiony obrazami, jeśli zostaną wyłączone z widoku (na przykład w celu zaoszczędzenia ruchu). Ten tekst, będąc niewidoczny, jest nadal odczytywany przez wyszukiwarki i może służyć jako dobre narzędzie do promocji Twojej witryny. Zapisz kod z nowym obrazem.

W razie potrzeby wyczyść pamięć podręczną. Być może stary obraz jest nadal do niego załadowany i nie wyświetla poprawnie Twojej witryny.

Zalecana: