Stel een volledige breedte of boxed content in met Astra Free Theme

Astra-thema

Astra is een efficiënt en volledig aanpasbaar WordPress-thema. Het is ook mooi en snel, waardoor het ideaal is voor blog, bedrijf, persoonlijk portfolio en WooCommerce-etalage. Omdat het licht van gewicht is, biedt het een hoge snelheid voor de website. Astra is gebouwd met SEO in gedachten waardoor de website hoger scoort in zoekmachines. Met zijn speciale functies en sjablonen is het ideaal voor paginabouwers zoals Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer, etc.

Houder

Een pagina op een website kan gemakkelijk een container worden genoemd , omdat een container een gebied is waar we de inhoud weergeven. Simpel gezegd, de container omvat de hele pagina. Of het nu het inhoudsgebied of de zijbalk is, het wordt in de container opgenomen. Technisch gezien noemen we het inhoudsgebied de primaire container, terwijl de zijbalk een secundaire container wordt genoemd.

Hoe containerlay-outs op een website manipuleren?

Het gebruik van een Astra-thema maakt het gemakkelijk om containerlay-outs op de hele website toe te passen. U kunt de rasters instellen met de Customizer-optie. Dit is te vinden op het tabblad Uiterlijk: Uiterlijk> Aanpasser> Globaal> Container.

• U kunt ook verschillende containers toepassen voor verschillende pagina's en berichten afzonderlijk, vanuit meta-instellingen.
• Als je verschillende instellingen hebt toegepast voor de algehele website en verschillende instellingen in meta-instellingen , dan hebben de paginaspecifieke meta-instellingen een hogere prioriteit dan de algemene pagina- aanpassingsinstellingen .

Container breedte

Alle website-inhoud, grafisch of tekst, wordt binnen deze breedte weergegeven. U kunt verschillende weergaven maken door breedte te combineren met containerlay-out.

Containerindeling

Astra Free Theme biedt 4 soorten Containers-lay-out. Dit zijn globale lay-outs en worden op de hele website toegepast. Als u een verschillende lay-out wilt voor verschillende berichttypen, kunt u dit doen met de speciale containerlay-out.

Met behulp van de pagina 'meta-instellingen' heeft u meer controle over de containerlay-out van elke pagina.

Er zijn de volgende soorten containerlay-outs.

• Verpakt
• Inhoud verpakt
• Volledige breedte / ingesloten
• Volledige breedte / uitgerekt
• Speciale containerlay-out

Toegewijde of specifieke lay-out

De hierboven gegeven vier typen containerlay-outs zijn afzonderlijk beschikbaar voor specifieke berichttypen. Dit betekent dat als u een standaardlay-out kiest, laten we zeggen box-layout, en voor archieven die u volledige breedte hebt gekozen, de hele site box-layout zal hebben, terwijl archiefpagina's de volledige breedte / ingesloten layout zullen hebben.

• Pagina-indeling - Alleen voor pagina's
• Archiefindeling - Alle archieven
• Blogberichtindeling - Voor blogarchief en afzonderlijke blogpostpagina's

Astra-thema biedt integratie met veel populaire plugin ins. Deze plugin ins bieden integratie met Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

Als de bovenstaande plugin ins zijn geïnstalleerd, hebt u ook toegang tot speciale containerlay-outopties voor die plugin pagina's.

De speciale modules van de Astra Pro Addon- plugin bieden meer geavanceerde opties. De speciale modules van de Astra Pro Addon- plugin bevatten deze opties:

• De pagina-meta-instellingen hebben voorrang op de containerlay-out. De prioriteit van meta-instellingen is hoger dan de customizer-instellingen.
• De instellingen voor Site-indeling bepalen de breedte van de container.

Containerlay-out / lay-out over de volledige breedte

De containerinstellingen op volledige breedte kunnen worden gemanipuleerd via Customizer Settings in Documenten .

Documenten »Aanpasserinstellingen» Globaal »Volledige breedte / ingesloten - Containerlay-out

Zoals eerder uitgelegd, kan een website twee containers bevatten; Primaire container en secundaire container.

Primaire container is de pagina waarop de hoofdinhoud wordt weergegeven.

De secundaire container vormt de zijbalk en verschillende widgets in de zijbalk.

Met behulp van een lay-out "Volledige breedte / ingesloten" kunt u de primaire en secundaire containers combineren. Deze containers kunnen vervolgens in een enkele container worden weergegeven voor een netter uiterlijk. De lay-out "Volledige breedte / ingesloten" geeft inhoud en zijbalk naast elkaar weer in één container. Deze container laat ruimte vrij rond de container omdat deze wordt weergegeven in een containerbreedte.

De containerinstellingen kunnen worden gewijzigd of gewijzigd door naar Uiterlijk te gaan en dit pad te volgen:

Uiterlijk> Aanpassen> Globaal> Container

Volledige breedte / ingesloten lay-out is ideaal voor die websites die een opgeruimd ontwerp nodig hebben, zonder vakken of rastergrenzen. Deze lay-out kan als standaard worden ingesteld door integraties met plugin ins zoals WooCommerce, LifterLMS, enz.

Veel paginabuilders, zoals Visual Composer, hebben het thema nodig om de breedte van containers te bepalen. Om dezelfde reden raden ze de lay-out Volledige breedte / Ingesloten aan.

De speciale modules van de Astra Pro Addon- plugin bieden meer stijlopties.

Inhoud Boxed - Containerlay-out

Documenten »Aanpasserinstellingen» Globaal »Inhoud in doos - Containerlay-out

We hebben eerder besproken dat een website normaal gesproken twee containers kan hebben:

Primaire container: waar de hoofdinhoud verschijnt

Secundaire container: bestaat uit een zijbalk en verschillende widgets

Als u de "Inhoud Boxed Layout" kiest, verschijnt alleen de primaire container in het boxformaat. Terwijl de secundaire container op een effen achtergrond blijft.

Als u het inhoudsgebied van uw website prominenter wilt maken dan de zijbalk, is het ideaal om deze lay-out te selecteren. Simpel gezegd, inhoud Boxed Layout is perfect voor de inhoud websites en blogs.

De instellingen voor boxed layout zijn te vinden als:

 Uiterlijk> Aanpassen> Globaal> Container

Bovendien, als u een afzonderlijke container voor afzonderlijke pagina's wilt toepassen, kunt u dit doen met meta-instellingen.

• Een inhoud Boxed container kan worden toegepast op geselecteerde pagina's of berichten, vanuit meta-instellingen.
• De instellingen voor Site-indeling bepalen de breedte van de container.
• Met behulp van de Astra Pro Addon- plugin kunt u de achtergrondkleur van de site wijzigen via de module Kleuren en achtergronden. Als u echter geen Astra Pro heeft, kunt u ook een achtergrondafbeelding toevoegen met Custom CSS.

Functies van Astra Free Theme

Astra is ongetwijfeld het beste thema voor Elementor. Het werkt geweldig met Elementor, waardoor het het beste gratis thema is voor het bouwen van websites. Hieronder hebben we de functies besproken die Astra het beste thema maken.

Volledige breedte / uitgerekte lay-out

Astra biedt een volledige breedte / uitgerekte lay-out, die speciaal is gemaakt voor Elementor. Met deze lay-out krijgt Elementor de volledige controle over uw lay-out, zodat u geen ingewikkelde JavaScript-methode hoeft toe te voegen om uw rijen of secties over de volledige breedte uit te breiden.

Zijbalk / aanbevolen afbeelding / titel uitschakelen

Met Astra kunt u de zijbalk, paginatitel, breadcrumb en aanbevolen afbeeldingen vrij eenvoudig uitschakelen om volledige vrijheid te krijgen bij het ontwerpen met Elementor. Door deze functies uit te schakelen, kunt u een leeg canvas hebben, waarmee u uw website helemaal opnieuw kunt ontwerpen, precies zoals u dat wilt. U kunt zelfs een aangepaste bestemmingspagina bouwen, de koptekst en voettekst van Astra uitschakelen, zodat Elementor de volledige controle over de pagina heeft.

De meeste thema's voeren deze functies standaard uit, waardoor de controle van de gebruiker om de site te ontwerpen wordt verminderd.

Globale opties van Customizer

Met de globale opties van Astra kunt u uw gewenste lay-out, zijbalk en andere aangepaste instellingen die geschikt zijn voor Elementor rechtstreeks in de Customizer instellen. De globale optie is ideaal, vooral als u een website bouwt waar de meeste pagina's zijn ontworpen met Elementor.

Nogmaals, als u verschillende instellingen voor afzonderlijke pagina's wilt, wordt de algemene optie overschreven door deze individuele instellingen.

Elementor Pro 2.0 compatibel

Astra is een van de weinige thema's die volledig compatibel zijn met de Elementor 2.0 Theme Builder. Door Astra en Elementor Pro 2.0 Theme Builder te gebruiken, kunt u elk aspect van uw website micro-ontwerpen. Of het nu gaat om het selecteren van een andere koptekst, voettekst, blogsjablonen of iets anders, u kunt het op uw eigen manier doen met deze twee krachtige tools.

Elementor-integratie

Astra biedt slimme integratie met Elementor. Als u een pagina bouwt met Elementor, stelt Astra automatisch de opties in die het beste zijn voor Elementor. Deze slimme integratie bespaart behoorlijk wat tijd en energie die je kunt gebruiken voor andere belangrijke zaken.

Koptekst- en voettekstopties

Astra biedt meer dan 30 soorten kopteksten en meer dan 10 soorten voetteksten. U kunt kiezen of u een transparante of een solide koptekst wilt. U kunt zelfs uw header vanaf het begin op elementor bouwen, volgens uw aangepaste vereisten, met de Astra Pro-add-on.

Opties voor mobiele koptekst

U kunt met Astra mobiele sites maken. Astra biedt een handige oplossing voor een mobiel responsief menu, dat zeer eenvoudige instellingen heeft in de customizer. Hiermee kunt u een prachtig mobiel menu bedienen en ontwerpen. U kunt het hele menu samenstellen zonder aangepaste code.

Lichtgewicht en bloatvrij

Astra biedt ondersteuning aan Elementor. Dit betekent dat Astra de functies van elementor niet dupliceert. Astra is lichtgewicht en modulair thema. Het zorgt voor de cosmetica, zoals algemene kleuren, typografie en styling en plugin integraties van derden. Terwijl Elementor het gedeelte voor het bouwen van pagina's afhandelt.