Kolombesturing

Kolommen zijn een van de belangrijkste structurele elementen binnen de Blocs applicatie, samen met rijen en Bloc containers vormen ze de basis waarop uw site-indeling is gebouwd. Kolommen hebben verschillende opties waarmee u hun kunt aanpassen grootte, compenseren, bestellen en uitlijning van de inhoud​ Alle opties kunnen per breekpunt worden aangepast, wat betekent dat u de kolomlay-outs kunt aanpassen op basis van de schermgrootte waarop ze worden bekeken, voor een optimale mobiele gebruikerservaring.

Tip voor beginners

Een bovenliggende rij met kolommen kan niet bestaan ​​zonder ten minste één kolom te bevatten, dit betekent dat het onmogelijk is om de laatste kolom binnen een rij te verwijderen. Wanneer de laatste kolom binnen een rij wordt verwijderd, wordt automatisch een andere lege kolom toegevoegd.

Een kolom selecteren

Omdat de inhoud die in een kolom is genest, de volledige ruimte van een kolom kan innemen, kan het lastig zijn om ze rechtstreeks via het ontwerpcanvas te selecteren. De eenvoudigste manier om een ​​kolom te selecteren, is door de lagenboom te gebruiken.

Kolombreedte

Kolommen hebben verschillende breedte-instellingen die kunnen worden toegepast met behulp van de canvas-besturingselementen of via de zijbalkcontrole-besturingselementen. De eenvoudigste manier om het formaat van een kolom te wijzigen, is door deze op het ontwerpcanvas te selecteren en de formaatgreep op het rechterzijde van de kolomselectiemarkering.

Vaste maat

Het lay-outraster binnen Blocs is opgesplitst in 12 kolommen die gelijkmatig van grootte zijn om het beschikbare te vullen hoofdsite container ruimte. Een kolom kan een vaste grootte hebben van 1 tot 12, wanneer een kolom een ​​vaste grootte heeft, zal deze alleen voldoende ruimte innemen om het juiste percentage toegestane ruimte te vullen wanneer deze ruimte is verdeeld in 12 kolommen. Als een kolom bijvoorbeeld een breedte heeft van 6, het zal de helft van 12 bezetten, wat betekent dat het in beslag zal nemen 50% van de schermruimte.

Overgeërfde grootte

Als de grootte van een kolom is ingesteld op erven ∞ op alle breekpunten zal het niet langer worden opgelost en in plaats daarvan automatisch de grootte instellen op basis van het aantal kolommen binnen de bovenliggende rij, om een ​​gelijkmatige dekking van de beschikbare ruimte te creëren. Als u bijvoorbeeld 2 kolommen ingesteld op erven, zal elke kolom in beslag nemen 50% van de beschikbare ruimte.

Tip voor beginners

Bij het gebruik van de optie Grootte overnemen, is het belangrijk om te onthouden dat de kolom geen andere breedtewaarden mag hebben ingesteld op lagere breekpunten, anders zal de kolombreedte in plaats daarvan de dichtstbijzijnde lagere breekpuntbreedte overnemen.

Kolom-offset

Met de kolomverschuiving kunt u de verschuivingsruimte aan de linkerkant van de kolom instellen, deze kan worden gebruikt om kolommen horizontaal te centreren of om ruimte tussen kolommen te creëren. De eenvoudigste manier om de offset van een kolom in te stellen, is door deze op het ontwerpcanvas te selecteren en de offset-handgreep op het linkerkant van de kolomselectiemarkering.

Tip voor beginners

Wanneer u de offset van een kolom wijzigt, zal het de kolommen ook naar rechts ervan duwen of trekken en in sommige gevallen (als er niet genoeg beschikbare horizontale ruimte is) ze naar een nieuwe regel verplaatsen.

Kolomvolgorde

De besturingselementen voor kolomvolgorde kunnen een beetje verwarrend zijn wanneer u ze voor het eerst gebruikt. Dit komt omdat het lijkt alsof de instellingen geen effect hebben als ze niet correct zijn ingesteld. Met de besturingselementen voor kolomvolgorde kunt u de volgorde van een kolom binnen de bovenliggende rij instellen, standaard worden kolommen van links naar rechts gerangschikt in de volgorde waarin ze fysiek bestaan ​​(binnen de DOM-structuur).

Kolomvolgorde begrijpen

Als een kolom een ​​aangepaste volgorde heeft, wordt deze altijd na alle kolommen weergegeven geen een aangepaste volgorde laten toepassen. Dus als je dat hebt gedaan 2 kolommen en stel de eerste kolom in op bestel 1 het schuift achter de tweede kolom in plaats van in dezelfde eerste positie te blijven. Dit komt doordat, hoewel de kolom is ingesteld om als eerste te worden gepositioneerd, de andere kolom (men) binnen de bovenliggende rij geen aangepaste volgorde-instelling hebben, dus worden ze weergegeven vóór die met aangepaste waarden. Als u vervolgens een aangepaste volgorde toepast op wat de tweede kolom was, maar nu de eerste is en de volgordepositie op 1 zet, zult u zien dat deze nu naar het einde van de kolommen gaat en achter de kolom zit met de aangepaste volgorde van 2.

In Bootstrap 4 vindt u meer informatie over het ordenen van kolommen en hoe het werkt hier..

Kolomuitlijning

Met de besturingselementen voor kolomuitlijning kunt u snel en eenvoudig een kolom uitlijnen op het top, midden or bodem van de bovenliggende rij. Met deze bedieningselementen kunt u ook alle elementen in een kolom forceren om uit te rekken tot de volledige hoogte van de bovenliggende kolom, dit kan handig zijn als u een kaart wilt Brics gelijkmatig in hoogte worden gedimensioneerd.

Uitlijning van inhoud

Met de bedieningselementen voor het uitlijnen van de kolominhoud kunt u snel en eenvoudig de inhoud van een kolom uitlijnen op de links, centrum or rechts.

Tip voor beginners

De gesegmenteerde kolombesturingselementen in de zijbalkinspecteur kunnen snel worden aangepast door simpelweg met de muis over het cijfergedeelte tussen de linker- en rechterpijlen te bewegen en naar links of rechts te vegen op uw magische muis (x1 vinger) of trackpad (x2 vingers).

WordPress Loop

Wanneer een project zijn CMS-optie ingesteld op WordPress zal een extra set bedieningselementen beschikbaar zijn in de zijbalkinspecteur die het instellen van WordPress-inhoudslussen mogelijk maakt.

Type

Deze optie wordt gebruikt om de typevariabele voor de lus in te stellen:

Post

Deze kolom wordt de sjabloon voor het post-loop-item, alle elementen binnen met WordPress-postdatafeeds worden dienovereenkomstig gevuld.

Pages

Deze kolom wordt de sjabloon voor het paginalus-item, alle elementen binnen de datafeeds van WordPress-pagina's worden dienovereenkomstig gevuld.

Content

Deze kolom wordt de sjabloon voor het content-loop-item (content-loop-items zijn meestal te vinden op de archief-, auteur-, categorie-, tag- en zoekresultatenpagina-sjablonen), alle elementen binnen met WordPress-berichtgegevensfeeds worden dienovereenkomstig gevuld.

Alles

Deze kolom wordt de sjabloon voor het standaardbericht, de pagina en alle aangepaste lusitems van het berichttype, alle elementen binnen met WordPress-gegevensfeeds worden dienovereenkomstig gevuld. Hiermee worden alle berichttypen en het standaardpaginatype weergegeven.

Alle berichttypen

Deze kolom wordt de sjabloon voor het standaardbericht en alle aangepaste loopitems van het berichttype, alle elementen binnen met WordPress-gegevensfeeds worden dienovereenkomstig gevuld. Hiermee worden alle berichttypen uitgevoerd die het thema ondersteunt.

Alle aangepaste berichttypen

Deze kolom wordt de sjabloon voor alle lusitems van het aangepaste berichttype, alle elementen in de datafeeds van WordPress-berichten worden dienovereenkomstig gevuld. Hiermee worden alle aangepaste berichttypen uitgevoerd die het thema ondersteunt.

Aangepaste Bericht Types

Deze kolom wordt de sjabloon voor het relevante lusitem van het aangepaste berichttype, alle elementen binnen met WordPress-berichtgegevensfeeds worden dienovereenkomstig gevuld.

Tip voor beginners

Extra aangepaste berichttypen toegevoegd via de Aangepaste gegevensbeheerder voor WordPress wordt toegevoegd aan de type-opties.

Auteur

Deze optie wordt gebruikt om de auteurvariabele voor de lus in te stellen:

Alles

De lus zal berichten van alle auteurs retourneren.

Post auteur

De lus retourneert berichten van de huidige auteur van het bericht.

Huidige gebruiker

De lus zal alleen berichten retourneren voor de momenteel aangemelde gebruiker.

Berichten per pagina

Het getal dat in dit veld is ingevoerd, wordt gebruikt als de maximale luslimiet. Als u 6 invoert, worden de resultaten van de post-loop gepagineerd in groepen van 6 items per pagina.

Categorie-ID's

De lus wordt gefilterd om berichten met deze categorie-ID's op te nemen (scheid meerdere waarden met komma's).

Categorie Tags

De lus wordt gefilterd om berichten met deze categorietags op te nemen (meerdere waarden scheiden met komma's).

Post-ID's uitsluiten

De lus wordt gefilterd om berichten met deze ID's uit te sluiten (scheid meerdere waarden met komma's).

Bijgewerkt op 26 april 2022

Was dit artikel behulpzaam?

Gerelateerde artikelen