W WordPressie wypełnienie to przestrzeń między treścią a obramowaniem wewnątrz bloku, podczas gdy margines to przestrzeń między dwoma oddzielnymi blokami.
Zrozumienie różnicy między nimi jest ważne dla każdego, kto chce dopracować układ swojej witryny WordPress.
Pomogliśmy wielu użytkownikom projektować ich strony internetowe i jedną z rzeczy, na którą zawsze zwracamy uwagę, jest odstęp. Tutaj właśnie marginesy i dopełnienia naprawdę pomagają. Używane prawidłowo, poprawiają czytelność i nadają Twojej stronie czysty, zrównoważony wygląd.
W tym artykule pokażemy Ci różnicę między funkcjami dopełnienia i marginesu oraz jak ich używać w WordPressie.
Oto szybki przegląd tego, co omówimy w tym przewodniku:
- Co to jest wypełnienie w WordPress?
- Czym jest margines w WordPressie?
- Jaka jest różnica między dopełnieniem a marginesami w WordPressie?
- Jak używać dopełnienia w WordPressie
- Jak używać marginesów w WordPressie
- Więcej wskazówek dotyczących edycji pełnej witryny w WordPress
- Najczęściej zadawane pytania
Co to jest wypełnienie w WordPress?
Funkcja dopełnienia (padding) w Twojej witrynie WordPress służy do tworzenia przestrzeni wewnątrz bloku.
Na przykład, możesz dodać przestrzeń wewnątrz bloku tekstowego, aby jego układ był bardziej atrakcyjny wizualnie. Ponadto zapobiega to pojawianiu się tekstu zbyt blisko krawędzi bloku.
Możesz również użyć dopełnienia, aby kontrolować przepływ treści na swoim blogu WordPress.
Na przykład, jeśli dodasz dopełnienie do góry i dołu bloku tekstowego, odwiedzający łatwiej przeczytają treść.
Czym jest margines w WordPressie?
Margines to przestrzeń wokół obramowania bloku WordPress i otaczających go elementów.
Może to pomóc w dodaniu przestrzeni między dwoma różnymi blokami, tworząc czystszy i bardziej otwarty układ witryny.
Na przykład, możesz dodać margines do bloku obrazu, aby stworzyć trochę przestrzeni między nim a blokiem tekstu poniżej. Pomaga to sprawić, że układ będzie wyglądał czyściej i bardziej uporządkowanie.
Jaka jest różnica między dopełnieniem a marginesami w WordPressie?
Oto krótka lista różnic między funkcjami wypełnienia i marginesu w WordPress:
| Dopełnienie | Margines |
|---|---|
| Wypełnienie (padding) oznacza dodanie przestrzeni między treścią a obramowaniem bloku. | Funkcja marginesu dodaje przestrzeń na zewnątrz obramowania bloku. |
| Dodanie dopełnienia zwiększa rozmiar bloku. | Użycie marginesu wpływa na inne bloki w Twojej witrynie. |
| Wypełnienie tworzy bufor wewnątrz bloku, między treścią a jego obramowaniem. | Marginesy mogą tworzyć przestrzeń między dwoma różnymi blokami. |
Jak używać dopełnienia w WordPressie
Domyślnie edytor pełnej witryny WordPress (FSE) zawiera funkcję wypełnienia.
Pamiętaj jednak, że jeśli nie używasz motywu opartego na blokach, nie będziesz w stanie dodać wypełnienia do swojej witryny WordPress, chyba że użyjesz niestandardowego CSS.
Niemniej jednak, jeśli masz motyw blokowy, możesz odwiedzić stronę Wygląd » Edytor z paska bocznego administracji WordPress, aby uruchomić edytor pełnej witryny.
Tam wybierz szablon strony, do którego chcesz dodać wypełnienie do swoich bloków z paska bocznego „Szablony”. Ten pasek boczny wyświetli wszystkie szablony dla różnych stron w Twojej witrynie.
Po wykonaniu tej czynności wybrany szablon otworzy się na ekranie.
Stąd kliknij przycisk „Edytuj”, aby rozpocząć dostosowywanie szablonu strony w edytorze pełnej strony.
Następnie wybierz blok, do którego chcesz dodać dopełnienie. Pamiętaj, że oznacza to, że będziesz tworzyć przestrzeń między zawartością a obramowaniem bloku.
Spowoduje to otwarcie ustawień bloku w panelu bloku po prawej stronie ekranu.
Z tego miejsca przewiń w dół do sekcji „Wymiary” i kliknij menu z trzema kropkami. Otworzy się okno, w którym musisz wybrać opcję „Wypełnienie”.
Następnie po prostu użyj dwóch suwaków, aby dodać poziome i pionowe dopełnienie do swojego bloku.
Pamiętaj, że te suwaki dodadzą wypełnienie do wszystkich stron bloku.
Jednak jeśli chcesz dodać dopełnienie tylko do górnej, dolnej, lewej lub prawej strony bloku, możesz to zrobić, klikając ikonę „Opcje dopełnienia” w sekcji dopełnienia.
Spowoduje to otwarcie okna dialogowego, z którego możesz wybrać różne strony bloku, do których chcesz dodać dopełnienie.
Pamiętaj, że jeśli chcesz dodać różne dopełnienia do więcej niż jednej strony bloku, musisz wybrać opcję „Niestandardowy”.
Pozwoli to ustawić niestandardowe wypełnienie dla górnej, prawej, dolnej i lewej strony bloku.
Po zakończeniu kliknij przycisk „Zapisz”, aby zachować swoje ustawienia.
Jak używać marginesów w WordPressie
Podobnie jak dopełnienie, funkcja marginesu jest wbudowana w edytor pełnej witryny WordPress. Pamiętaj jednak, że ta funkcja nie będzie dostępna, jeśli nie używasz motywu blokowego.
Proces dodawania marginesów jest bardzo podobny do dodawania dopełnienia.
Możesz zacząć od przejścia do Wygląd » Edytor i otwarcia szablonu, który chcesz dostosować, tak jak zrobiliśmy to w poprzedniej sekcji.
Stąd po prostu wybierz przycisk „Edytuj”, aby rozpocząć dostosowywanie szablonu w edytorze pełnej witryny.
Następnie wybierz blok, który chcesz edytować i przewiń w dół do sekcji „Wymiary” w panelu bloku po prawej stronie.
Stąd możesz użyć dwóch suwaków, aby ustawić równe marginesy poziome i pionowe dla wszystkich stron bloku. Ta funkcja stworzy przestrzeń wokół wybranego bloku.
Możesz jednak również użyć wielu suwaków, aby dodać różne marginesy wokół bloku. W tym celu kliknij ikonę „Opcje marginesu” w sekcji.
Spowoduje to otwarcie nowego okna na ekranie, z którego możesz wybrać jedną stronę bloku, aby dodać margines.
Jednakże, jeśli chcesz dodać różne marginesy do wielu stron, możesz wybrać opcję „Niestandardowy”.
Panel bloków wyświetli teraz na ekranie różne suwaki, których możesz użyć do ustawienia różnych marginesów wokół bloku.
Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz” u góry, aby zapisać swoje ustawienia.
Więcej wskazówek dotyczących edycji pełnej witryny w WordPress
Oprócz dodawania wypełnienia i marginesów do bloków, możesz również użyć edytora pełnej witryny do dostosowania całego motywu WordPress.
Na przykład możesz projektować wszystkie swoje szablony stron, dodawać własne logo, wybierać kolory marki, zmieniać układ, dostosowywać rozmiar czcionki, dodawać obrazy tła i nie tylko.
Możesz również dodać wzory i różne bloki do swojej strony internetowej, aby dalej ją dostosowywać. Szczegółowe informacje znajdziesz w naszym przewodniku dla początkujących na temat jak dostosować swój motyw WordPress.
Możesz również użyć FSE, aby dodać nagłówek, menu nawigacyjne lub niestandardowy kod CSS do swojej witryny.
Dodatkowo możesz użyć Stylów globalnych, aby zapewnić spójność w całej witrynie. Więcej instrukcji znajdziesz w naszym przewodniku jak dostosować kolory na swojej stronie WordPress.
Jeśli jednak nie lubisz korzystać z edytora całego witryny i wolisz mieć większą kontrolę nad wyglądem swojej witryny, możesz użyć SeedProd do tworzenia stron, a nawet całego motywu.
Posiada kreator typu „przeciągnij i upuść”, co sprawia, że tworzenie niesamowitego motywu dla Twojej witryny jest niezwykle łatwe.
Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem jak łatwo stworzyć niestandardowy motyw WordPress.
Możesz również zapoznać się z naszą pełną recenzją SeedProd.
Najczęściej zadawane pytania
Oto kilka pytań, które często zadają nasi czytelnicy dotyczące używania dopełnienia i marginesów w WordPressie:
Jaka jest główna różnica między dopełnieniem a marginesem?
Najłatwiejszym sposobem na zapamiętanie różnicy jest to, że dopełnienie to przestrzeń *wewnątrz* elementu, między zawartością a jego obramowaniem.
Margines to przestrzeń na zewnątrz elementu, tworząca odległość między nim a innymi pobliskimi elementami.
Kiedy powinienem użyć dopełnienia zamiast marginesu?
Należy używać dopełnienia (padding), gdy potrzebujesz stworzyć więcej przestrzeni wokół treści wewnątrz bloku.
Na przykład, możesz dodać wypełnienie do bloku grupującego, aby tekst wewnątrz nie dotykał krawędzi. Użyj marginesu, gdy chcesz oddalić od siebie dwa oddzielne bloki.
Czy mogę dostosować dopełnienie i marginesy za pomocą klasycznego motywu WordPress?
Wizualne kontrolki wypełnienia i marginesu są częścią Edytora Pełnej Witryny i są dostępne tylko w motywach blokowych.
W przypadku klasycznego motywu musiałbyś dodać niestandardowy kod CSS, aby dostosować odstępy dla różnych elementów na swojej stronie.
Jaka jest różnica między ustawieniami marginesu a odstępu między blokami?
Odstęp między blokami to ustawienie globalne, które automatycznie stosuje spójną ilość pionowego odstępu między wszystkimi blokami.
Margines to ustawienie, które stosujesz do poszczególnego bloku, aby dodać wokół niego niestandardową przestrzeń, która może nadpisać globalne ustawienie odstępów między blokami.
Mamy nadzieję, że ten artykuł pomógł Ci poznać różnicę między funkcjami dopełnienia (padding) i marginesu (margin) w WordPress. Możesz być również zainteresowany naszym przewodnikiem dla początkujących na temat jak zmieniać wysokość i szerokość bloków w WordPress oraz naszymi najlepszymi wyborami dla najlepszych wtyczek bloków Gutenberga dla WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
kzain
Podobały mi się wizualizacje, które pomogły zilustrować koncepcje. Pomocne było dla mnie myślenie o dopełnieniu jako o przestrzeni wewnątrz pudełka, a o marginesie jako o przestrzeni na zewnątrz pudełka. W ten sposób mogę łatwo zapamiętać, którego użyć, gdy stylizuję swoją treść. Dziękuję, zawsze mogę to polecić początkującym, którzy dopiero zaczynają przygodę z WordPressem
Jiří Vaněk
To są właśnie te szczegóły, których człowiek często nie pamięta i potem próbuje rozgryźć, co ten suwak właściwie robi. Dzięki wspomnianym GIF-om pięknie wyjaśnione, co konkretnie robi padding i margin. Jest to rewelacyjne. To jest jak pomoc mnemoniczna. To, co się czyta, zazwyczaj się zapomina, ale to, co się widzi, pamięta się znacznie lepiej.
A Owadud Bhuiyan
Zawsze pamiętałem, że margines jest z zewnątrz, a dopełnienie z wewnątrz.
Pamiętałem również, że margines jest ważnym czynnikiem w kwestii responsywności witryny.