Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Dopełnienie a margines – jaka jest różnica w WordPressie?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz poznać różnicę między dopełnieniem a marginesem w WordPress?

W WordPressie dopełnienie to przestrzeń między treścią a obramowaniem w bloku, podczas gdy margines to przestrzeń między dwoma oddzielnymi blokami.

W tym artykule pokażemy różnicę między dopełnieniem i marginesem oraz jak z nich korzystać w WordPressie.

Difference between padding and margin in WordPress

Czym jest dopełnienie w WordPress?

Funkcja dopełnienia na twojej witrynie internetowej WordPress służy do tworzenia przestrzeni wewnątrz bloku.

Można na przykład dodać przestrzeń wewnątrz bloku Tekst, aby uczynić jego układ bardziej atrakcyjnym wizualnie i zapobiec wyświetlaniu tekstu zbyt blisko granic bloku.

Padding preview

Możesz również użyć dopełnienia, aby kontrolować przepływ treści na twoim blogu WordPress. Na przykład, jeśli dodasz dopełnienie na górze i na dole bloku tekstowego, możesz ułatwić odwiedzającym czytanie treści.

Czym jest marża w WordPress?

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 bardziej przestronny i czysty układ twojej witryny.

Margin preview

Można na przykład dodać marginesy do górnej i dolnej części bloku tekstowego, dzięki czemu pozostanie on widoczny nawet po zmianie rozmiaru ekranu.

Ponadto, możesz także użyć marginesów, aby dodać przestrzeń między blokami obrazków i tekstu, aby twoja witryna internetowa była atrakcyjna wizualnie i bardziej dostępna dla użytkowników.

Jaka jest różnica między dopełnieniem a marginesem w WordPress?

Oto krótka lista różnic między dopełnieniem a marginesem w WordPress:

PaddingMargin
Padding means adding space between the content and the border of the block.The margin feature adds space outside the border of the block.
Using padding does not affect the other blocks on your website.Using a margin affects other blocks on your website.
Padding can create a buffer around a block.Margins can create space between two different blocks.

Jak używać dopełnienia w WordPressie

Domyślnie edytor pełnych witryn WordPress (FSE) jest wyposażony w funkcję dopełnienia.

Należy jednak pamiętać, że jeśli nie korzystasz z motywu opartego na blokach, to nie będziesz w stanie dodać dopełnienia do swojej witryny WordPress, chyba że użyjesz własnego CSS.

Najpierw należy przejść na stronę Wygląd ” Edytor z panelu bocznego administratora WordPress, aby uruchomić pełny edytor witryny.

Gdy już tam będziesz, po prostu wybierz szablon strony, do którego chcesz dodać dopełnienie do twoich bloków z panelu bocznego „Szablony” po lewej stronie. Ten panel boczny wyświetli wszystkie szablony dla różnych stron w twojej witrynie internetowej.

Choose the page where you want to add padding from the left column

Po wykonaniu tej czynności na ekranie otworzy się wybrany szablon.

Następnie kliknij przycisk „Edytuj”, aby rozpocząć konfigurowanie własnego szablonu strony w pełnym edytorze witryny.

Click the Edit icon for full site editor

Następnie wybierz blok, w którym chcesz dodać dopełnienie. Pamiętaj, że oznacza to utworzenie przestrzeni między treścią a obramowaniem bloku.

Spowoduje to otwarcie ustawień bloku w panelu bloku po prawej stronie ekranu.

W tym miejscu należy przewinąć w dół do sekcji „Wymiary” i kliknąć menu z trzema kropkami. Spowoduje to wyświetlenie monitu, w którym należy wybrać opcję „Dopełnienie”.

Choose the padding option from the Dimensions section

Następnie wystarczy użyć dwóch pokazów slajdów, aby dodać poziome i pionowe dopełnienie do twojego bloku.

Należy pamiętać, że te pokazy slajdów dodadzą dopełnienie do wszystkich boków bloku.

Padding in full site editor

Jeśli jednak chcesz dodać dopełnienie tylko do górnej, dolnej, lewej lub prawej strony bloku, możesz to również zrobić, klikając ikonkę „Opcje dopełnienia” w sekcji dopełnienia.

Spowoduje to wyświetlenie monitu, w którym można wybrać różne boki bloku, do których ma zostać dodane dopełnienie.

Choose padding options from the prompt

Pamiętaj, że jeśli chcesz dodać różne dopełnienia do więcej niż jednej strony bloku, musisz wybrać opcję „Własne”.

Spowoduje to dodanie czterech różnych pokazów slajdów na ekranie w celu dopełnienia prawej, lewej, dolnej lub górnej części bloku.

Padding for different corners

Po zakończeniu kliknij przycisk „Zapisz”, aby zapisać twoje ustawienia.

Jak używać marginesu w WordPress

Podobnie jak dopełnienie, funkcja marginesów jest wbudowana w pełny edytor witryny WordPress. Funkcja ta nie będzie jednak dostępna, jeśli nie korzystasz z motywu blokowego.

Najpierw przejdź do strony Wygląd ” Edytor z kokpitu WordPress.

Gdy już się tam znajdziesz, wybierz szablon strony, do którego chcesz dodać marginesy z kolumny po lewej stronie.

Choose the page where you want to add padding or margin from the left column

Spowoduje to otwarcie wybranego szablonu strony na ekranie.

Z tego miejsca wystarczy wybrać przycisk „Edytuj”, aby rozpocząć konfigurowanie własnego szablonu w pełnym edytorze witryny.

Click the Edit icon for full site editor

Następnie wybierz blok, który chcesz edytować i przewiń w dół do sekcji „Wymiary” w panelu bloku po prawej stronie.

Z tego miejsca wystarczy użyć dwóch pokazów slajdów, aby ustawić poziome i pionowe marginesy dla górnego, dolnego, lewego i prawego rogu bloku w równym stopniu. Użycie tej funkcji spowoduje utworzenie przestrzeni wokół wybranego bloku.

Add margin in the full site editor

Jeśli jednak chcesz użyć wielu pokazów slajdów, aby dodać różne marginesy wokół bloku, kliknij ikonkę „Opcje marginesów” w sekcji.

Spowoduje to otwarcie nowego monitu na ekranie, z którego można wybrać jedną stronę bloku, aby utworzyć margines.

Use margin options

Jeśli jednak chcesz dodać różne marginesy do wielu stron, możesz wybrać opcję „Dostosuj”.

Panel bloku wyświetli teraz na ekranie różne pokazy slajdów, których można użyć do ustawienia różnych marginesów wokół bloku.

Use margin slider

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz” u góry, aby zapisać twoje ustawienia.

Więcej wskazówek dotyczących pełnej edycji witryny w WordPress

Oprócz dodawania dopełnienia i marginesów do bloków, możesz także użyć pełnego edytora witryny, aby dostosować cały twój motyw WordPress.

Możesz na przykład zaprojektować wszystkie szablony twojej strony, dodać własne konfigurator logo, wybrać kolory marki, zmienić układ, dostosować wielkość liter, dodać obrazki tła i wiele więcej.

Możesz także dodawać wzorce i różne bloki do twojej witryny internetowej, aby jeszcze bardziej ją dostosować. Aby uzyskać szczegółowe informacje, warto zapoznać się z naszym przewodnikiem dla początkujących, jak dostosować własny motyw WordPress.

Add patterns to your layouts

Możesz także użyć FSE, aby dodać nagłówek, menu nawigacyjne lub własny CSS do twojej witryny internetowej.

Dodatkowo, możesz również użyć globalnych stylów, aby zapewnić spójność na całej witrynie. Aby uzyskać bardziej szczegółowe instrukcje, możesz zapoznać się z naszym przewodnikiem na temat dostosowywania kolorów na twojej witrynie internetowej WordPress.

Choose a background color from the Color Picker

Jeśli jednak nie lubisz korzystać z pełnego edytora witryn i wolisz mieć większą kontrolę nad wyglądem twojej witryny internetowej, możesz użyć SeedProd do tworzenia stron, a nawet całego motywu.

Jest to najlepszy kreator stron docelowych na rynku i jest wyposażony w kreator typu „przeciągnij i upuść”, który sprawia, że bardzo łatwo jest stworzyć niesamowity motyw dla twojej witryny internetowej.

Więcej szczegółów można znaleźć w naszym poradniku na temat łatwego tworzenia własnego motywu WordPress.

Edit theme template

Mamy nadzieję, że ten artykuł pomógł ci poznać różnicę między dopełnieniem a marginesem w WordPress. Możesz być także zainteresowany naszym przewodnikiem dla początkujących, jak zmienić wysokość i szerokość bloku w WordPress oraz naszymi najlepszymi wtyczkami blokowymi Gutenberg dla WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

3 komentarzeZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    These are exactly those details that a person doesn’t often remember and then tries to figure out what that slider actually does. Thanks to the mentioned GIFs, it’s beautifully explained what padding and margin specifically do. It’s superb. It’s like a mnemonic aid. What you read, you usually forget, but what you see, you tend to remember much better.

  3. A Owadud Bhuiyan says

    I always just remembered that the margin is from the outside and padding from the inside.

    Also, I kept remembering that margin is an important factor regarding the responsive issue on a website.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.