Jak korzystać Div z WordPress

W kodowaniu HTML dzielnik lub znacznik "Div" to fragment kodu, który pozwala utworzyć nową sekcję strony internetowej, która zawiera własną treść i elementy HTML. Możesz ich użyć do oddzielenia określonych części witryny, na przykład lokalizacji firmy w mapie osadzonej, ofert specjalnych i promocji lub danych kontaktowych. Aby dodać dzielnik, dodaj kod HTML i CSS do Edytora motywów bloga.

1.

Zaloguj się do administracyjnego panelu sterowania WordPress. Kliknij "Wygląd" na głównym pasku menu po lewej stronie ekranu, a następnie kliknij "Edytor".

2.

Kliknij "style.css" z listy plików po prawej stronie ekranu. Zwykle znajduje się w dolnej części listy.

3.

Przewiń do dołu pliku i uruchom nowy wiersz. Wklej w poniższym fragmencie kodu:

newdiv {

Blok wyświetlacza; szerokość: 100%; kolor tła: biały; czarny kolor; granica: 5px solidnie czerwony; margines: 5 pikseli; wypełnienie: 5 pikseli; }

Zmień "newdiv" na bardziej odpowiednią nazwę dla dzielnika i zmień atrybuty, aby dopasować styl, który ma Div. Zauważ, że "margines" tworzy lukę pomiędzy Div i innymi elementami strony wokół niego, a "dopełnienie" tworzy przerwę między krawędzią Div a zawartością w niej zawartą.

4.

Kliknij przycisk "Aktualizuj plik" znajdujący się tuż pod oknem edycji.

5.

Kliknij plik szablonu z listy plików odpowiadającej części witryny, do której chcesz dodać element Div. Na przykład, jeśli chcesz go na stronie postu, kliknij "single.php".

6.

Przewiń plik i umieść kursor w miejscu pliku, w którym chcesz dodać nowy dzielnik.

7.

Wpisz następujący kod do pliku:

Dodaj zawartość, którą dzielnik ma zawierać między tymi dwoma znacznikami, a następnie kliknij "Aktualizuj plik". Możesz teraz dodać ten znacznik do dowolnego innego pliku szablonu lub utworzyć nowe DIV, jeśli to konieczne.

Popularne Wiadomości