Kan jeg justere kolonnebredden i WordPress?

Forfatter: Clyde Lopez
Oprettelsesdato: 19 August 2021
Opdateringsdato: 20 November 2024
Anonim
Sections, Columns, Margin & Padding EXPLAINED - Elementor Tutorial Wordpress for Page Layout
Video.: Sections, Columns, Margin & Padding EXPLAINED - Elementor Tutorial Wordpress for Page Layout

Indhold

Lær at manipulere CSS og få styrken til at omforme udseendet af din Tumblr-blog. Kolonner kan f.eks. Opdele din blog i lodrette sektioner, der vises vandret på tværs af websiden. Hver kolonne har en bestemt bredde. Skift bredden og layoutet på din side ved at ændre blogmets CSS-kode.


Overrask dine besøgende med et nyt layout (Comstock Images / Comstock / Getty Images)

Kolonne CSS stil

Mange websider består af to eller flere kolonner. Den venstre side af en side kan indeholde en navigationsmenu, midtkolonnen kan vise hovedindholdet på siden, og en valgfri kolonne til højre kan vise links og annoncer. Webudviklere bruger CSS - også kendt som Cascading Style Sheets - til at oprette disse kolonner. CSS-breddeattributten, som repræsenterer elementets bredde, er en af ​​de vigtigste attributter, der anvendes i CSS, for at ændre den måde, kolonnerne vises på en webside. Gør værdien af ​​breddeattributten større, og en kolonne er forlænget. Reducer værdien for at gøre søjlen mindre.

Ændring af størrelsen på kolonner

Du bør købe en opdatering, inden du ændrer CSS'en, så du konfigurerer din blog og kolonner side. Efter opdateringen vil du omdirigere dig til en designside ved at klikke på "Custom Design" i dit dashboard. Denne side har to muligheder for redigering af CSS. En mulighed giver dig mulighed for at opdatere CSS-koden på din eksisterende blog. Hvis du vælger denne indstilling, kan du opdatere breddeværdierne for CSS-tags, der definerer blogkolonnerne. Vælg "Start over fra bunden", hvis du foretrækker at oprette din egen CSS-kode. Denne mulighed giver dig mere kontrol over, hvordan din blog vises, men kræver mere viden om CSS-stilarter.


overvejelser

WordPress anbefaler at tilføje "edit-css-content-width" -alternativet i dit CSS, hvis du ændrer bredden af ​​den kolonne, der indeholder hovedindholdet. Når browsere ser denne mulighed, justerer de størrelsen på videoer og andre medieobjekter, f.eks. Billeder, så de passer ind i kolonnen for indholdsindhold. Når du laver bredere kolonner, overveje at se dit publikum. Ikke alle har monitorer med den brede skærm. Hvis du gør dine kolonner for store, skal dine blog-besøgende bladre på skærmen for at få vist alt indhold.

Andre stilindstillinger for kolonner

Du kan også tilpasse udseendet af din blog ved at ændre rækkefølgen af ​​kolonnerne i WordPress-standardtemaet. Fanen Temaindstillinger - placeret på oversigtssiden - indeholder tre layoutindstillinger, som du øjeblikkeligt kan anvende på din blog. Vælg en af ​​mulighederne for at få dit hovedindhold vist i venstre kolonne, højre kolonne eller midten af ​​siden. Den sidste mulighed sletter alle sidebjælker på bloggen og efterlader en stor kolonne, der viser dit hovedindhold i midten af ​​siden. Før du ændrer størrelserne på dine kolonner ved hjælp af CSS, skal du overveje disse muligheder for at se, hvordan de påvirker udseendet af din blog. Du kan måske lide en af ​​dem.