Door naar hoofdmenu

Hoe te snijden en exporteren van een lay-out Visual Composer

Divi: het gemakkelijkste te gebruiken WordPress-thema

Divi: Het beste WordPress-thema aller tijden!

Meer 701.000-downloads, Divi is het populairste WordPress-thema ter wereld. Het is compleet, gemakkelijk te gebruiken en wordt geleverd met meer dan 62-vrije sjablonen. [Aanbevolen]

Velen van jullie hebben al gehoord van Visual Composer. Dit is een premium WordPress-plug-in waarmee je professionele lay-outs kunt maken zonder code (of bijna) te gebruiken.

Veel WordPress-thema's zijn tegenwoordig compatibel met deze plug-in en u zult vaak merken dat er in de demo's van deze thema's secties zijn die u interesseren en die u opnieuw naar uw pagina wilt kopiëren.

Alleen, op het moment van schrijven van deze tutorial staat Visual Composer je niet toe om een ​​sectie (regel) te kopiëren en op een bestaande pagina te plakken.

In deze tutorial leg ik je uit hoe ik dit resultaat heb bereikt.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Maak een kopie van de relevante pagina's

We gaan wijzigingen aanbrengen die een lay-out ongeldig kunnen maken. U moet daarom noodzakelijkerwijs een kopie van uw huidige pagina maken. De pagina waarop u de wijzigingen wilt toepassen.

U kunt deze handleiding lezen WordPress pagina duplicatie.

Wat u moet weten over Visual Composer voordat u begint

Als Visual Composer uw werk gemakkelijker maakt, is dat zeker omdat het het vuile werk op de achtergrond doet, namelijk het toevoegen van WordPress-tags (shortcode). De taak die het doet, is om uw lay-out te organiseren, die sterk is geïnspireerd door bootstrap (HTML5 Framework). 

Dit is de reden waarom wanneer u de klassieke modus activeert, de inhoud van de editor bijna onleesbaar voor u zal zijn.

Waarom een ​​sectie van de ene pagina naar de andere exporteren

Meestal bieden WordPress-themaschrijvers demo's met verschillende functies (sectie), en soms kan het voorkomen dat u slechts één sectie op een pagina nodig heeft, dus hoe kopieer ik alleen dit gedeelte naar een andere pagina?

Een eenvoudige oplossing zou zijn geweest om de elementen een voor een van deze pagina te verwijderen en de uiteindelijke inhoud te kopiëren, maar deze methode is een beetje lang.

Ontdek ook onze tutorial over Een Pro-webpagina maken

Hier zal ik je laten zien hoe je een sectie van de ene pagina naar de andere exporteert met behulp van de shortcode gegenereerd door Visual Composer.

Hoe gebruik je Visual Composer shortcodes

Visual Composer gebruikt gepaarde shortcodes, in tegenstelling tot de enkele shortcode. Hier is een voorbeeld van een gepaarde shortcode:

[Voorbeeld] ... [/ instance]

In dit geval is de inhoud tussen [voorbeeld] en [/ voorbeeld] wordt gecontroleerd door de shortcode. Dus om een ​​sectie te kopiëren, zullen we deze gebruiken.

Stap één: zoek de sectie die u wilt kopiëren

We beginnen met het lokaliseren van de sectie die we willen kopiëren. Neem deze pagina zodat de sectie die we willen kopiëren de naam " ONDERSTEUNDE BEDRIJVEN .

Sectie om visuele componist te kopiëren

Creëer eenvoudig uw website met Elementor

Met Elementor kunt u eenvoudig elk website-ontwerp maken met een professionele uitstraling. Stop met betalen duur voor wat je zelf kunt doen. [Gratis]

Wat we gaan doen, is deze pagina aanpassen en het element zoeken in de modus ' uitgever Van visuele componist.

Sectie om visuele componisteneditor te kopiëren

Vervolgens voegen we een ID toe aan deze sectie door op de "  verandering Uit de sectie.

Bewerk tab visuele componist editor

Van daaruit scrolt u omlaag totdat u de " Rij-ID "Wie zou bij je moeten zijn" Lijn-ID En voeg "sectie-naar-kopie" toe.

Sectie om het identificatieveld van de visuele samensteller te kopiëren

Als u klaar bent, klikt u op ' Wijziging opslaan ". U zou helemaal bovenaan dit gedeelte tekst moeten zien, zoals in de volgende afbeelding:

Visuele identificatie van componist

Stap twee: gelokaliseerde inhoud kopiëren

We gaan overschakelen naar de bewerkingsmodus " Classic-modus "Of" Klassieke modus Die zou de visuele editor van WordPress moeten weergeven. Zoek vanaf daar naar de uitdrukking die we hebben toegevoegd als sectie-ID. Op Windows gebruikt u " CTRL-F 'Op Mac is' OPDRACHT + F .

U moet een vergelijkbaar resultaat hebben.

Kopieer sectie visuele editor

Opmerking : Voor een betere compatibiliteit nodig ik u uit om naar de teksteditormodus over te schakelen voordat u deze kopie maakt.

Nu we deze code hebben gevonden, zullen we de tekst van daaruit in omgekeerde volgorde lezen om de volgende shortcode te vinden "

" U kunt zelfs zoeken op " vc_row Hiermee wordt de shortcode voor openen en sluiten gemarkeerd die de sectie omsluit die we willen kopiëren.

Kopieer visuele inhoud

Ben je op zoek naar de beste WordPress-thema's en -plug-ins?

Download de beste plug-ins en WordPress-thema's op Envato en maak eenvoudig uw website. Al meer dan 49.720.000-downloads. [EXCLUSIEF]

We beginnen met de eerste shortcode die onze identificator bevat tot de volgende shortcode. Dit is het gedeelte dat we aan onze nieuwe pagina zullen toevoegen.

Kopieer code wordpress visuele componist

U kunt de procedure herhalen met de andere items die u wilt toevoegen.

Ontdek ook enkele thema's en premium WordPress-plug-ins  

U kunt andere WordPress-plug-ins gebruiken om een ​​moderne look te geven en de grip van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. Advertentie Flap Pro

Advert Flap Pro is een premium WordPress-plug-in voor geanimeerd advertentiebeheer. Dit is een van de meest effectieve manieren als u een advertentie of advertentie naar de bezoekers van uw website wilt sturen zonder echter pop-ups te gebruiken.Wordpress advertentie flap pro plugin

Advertenties maken is net zo eenvoudig als het kiezen van uw stijl, het invoeren van uw tekst en het bekijken van uw advertentie. Als u tevreden bent, kiest u de pagina's waarop u ze wilt weergeven of verbergen en klikt u op publiceren. Zo simpel als dat!

Ontdek Hoe de lay-out van je WordPress blog veranderen

Het werkt op alle moderne browsers (inclusief iPads en iPhones). Het is perfect voor speciale aanbiedingen, verkoopmededelingen, artikelpromoties, cookiemeldingen, belangrijk nieuws, nieuwe producten en meer ...

Downloaden | demonstratie | web hosting

2. Social Wall Addon voor UserPro

UserPro kan veel leuker zijn met een sociale muur. Dit is wat de Social Wall-extensie brengt. Met de Social Wall-plug-in kunt u een muur op uw website maken en uw leden een verfrissende manier bieden om met de community te communiceren.

Social wall add-on voor userpro

Met de WordPress Social Wall-plug-in kunnen uw gebruikers: berichten met elkaar delen, afbeeldingen delen, commentaar op publicaties van anderen, kunnen gebruikers een bericht leuk of niet leuk vinden, ze kunnen ervoor kiezen om de prikbord alleen weer te geven voor ingelogde gebruikers of voor alle gebruikers, beheerders kunnen berichten of opmerkingen van gebruikers verwijderen, enz.

Downloaden | demonstratie | web hosting

3. bestuurder

Chauffeur is een krachtige premium WordPress limo-reserveringsplug-in voor bedrijven van elke omvang. Het kan worden gebruikt door limousine- en shuttle-operators. Met deze plug-in kunt u gemakkelijk reserveringen maken voor elke gedefinieerde route. Het zal u helpen de klantenservice te verbeteren en uw limousineverhuurbedrijf online te beheren.

Chauffeur

Het biedt een eenvoudig, stapsgewijs boekingsproces met ondersteuning voor meerdere betalingsgateways, e-mail- en sms-meldingen, WooCommerce-plug-in, Google Agenda en een intuïtief configuratiescherm.

Als functies die we onder andere hebben: de mogelijkheid om reserveringsformulieren aan te maken, te wijzigen of te verwijderen, de ondersteuning van de shortcodes, de specificatie van de aangeboden soorten service, de precisie van de minimale en maximale huurtijd van de limousine, de specificatie van de reserveringsperiode, de precisie van het tijdsinterval tussen reserveringen van hetzelfde voertuig, de fysieke geolocatie van uw bedrijf, specificatie van routes die beschikbaar zijn in het reserveringssysteem en nog veel meer.

Ontdek ook deze 10 WordPress plugins om onderzoek te versterken op uw blog

Maak eenvoudig uw online winkel

Download gratis WooCommerce, de beste e-commerce plug-ins om uw fysieke en digitale producten te verkopen op WordPress. [Aanbevolen]

Downloaden demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat is alles voor deze tutorial, ik hoop dat het u zal helpen om bepaalde secties op uw pagina's gemakkelijk te kopiëren. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

En als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

... 

Dit artikel bevat opmerkingen 0

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Deze site gebruikt Akismet om ongewenst te verminderen. Meer informatie over hoe uw opmerkingen worden gebruikt.

Terug naar boven
12 aandelen
aandeel10
gekwetter
Enregistrer2