Hoe Divi Rijen te converteren naar horizontale en verticale zweeftabbladen

Tabbladen zijn zeker handig om belangrijke informatie beschikbaar te maken in een beknopt gedeelte van uw website. Dit vermindert de noodzaak voor de gebruiker om door de inhoud van lange pagina’s te bladeren. De tabbladmodule van Divi is eenvoudig te gebruiken en ideaal om door eenvoudige inhoud bij klikken te bladeren.

Maar in deze zelfstudie laat ik je zien hoe je volledige Divi-rijen converteert naar zweeftabs. Ik zal je ook laten zien hoe je zowel horizontale als verticale tabbladen kunt maken. Hiermee ontgrendelt u de kracht van Divi om complete rijlay-outs te ontwerpen met meerdere modules voor elk tabbladinhoudsgebied. Geen plug-in nodig!

Laten we beginnen.

Voorproefje

Hier is een snelle blik op de horizontale en verticale zweeftabs die we samen zullen bouwen in deze tutorial.

 

Download de Divi Rows Hover Tabbladen Layout GRATIS

Als u de ontwerpen van deze zelfstudie te pakken wilt krijgen, moet u deze eerst downloaden via de onderstaande knop. Om toegang te krijgen tot de download, moet je je abonneren op onze Divi Daily e-maillijst door het onderstaande formulier te gebruiken. Als nieuwe abonnee ontvang je elke maandag nog meer Divi-goedheid en een gratis Divi Layout-pakket! Als u al op de lijst staat, voert u eenvoudig uw e-mailadres hieronder in en klikt u op Downloaden. Je wordt niet “opnieuw ingeschreven” of ontvangt extra e-mails.

Om de lay-out naar uw pagina te importeren, pakt u eenvoudig het zip-bestand uit en sleept u het json-bestand naar de Divi Builder.

Laten we naar de tutorial gaan we?

Wat je nodig hebt om te beginnen

Om te beginnen, moet je de volgende opstelling hebben:

  1. Het Divi-thema geïnstalleerd en actief
  2. Een nieuwe pagina gemaakt om vanaf de basis aan de voorkant te bouwen (visual builder)
  3. Drie afbeeldingen voor nepinhoud

Daarna heb je een leeg canvas om een ​​paar zweeftabs te bouwen in Divi.

Horizontale zwaai-tabbladen maken met Divi Rows

Maak een nieuw regulier gedeelte met een rij met twee kolommen om aan de slag te gaan.

Achtergrondrijen, opvulling en doosschaduw

Voordat we onze modules toevoegen, moeten we eerst de rijinstellingen een beetje aanpassen. We zullen later terug moeten komen naar de rij om deze in te stellen voor onze tabbladfunctionaliteit.

Open de rij-instellingen en werk het volgende bij:

Achtergrondverloop Linkerkleur: # 284f91 
Achtergrondverloop Rechtskleur: # 4646c4

Vulling: 50px top, 50px bottom, 50px links, 50px rechts 
Box Shadow: zie screenshot 
Box Shadow Color: rgba (70,70,196,0.66)

Inhoud aan de rij toevoegen

Nu gaan we wat nep-content toevoegen aan onze rij. Houd er rekening mee dat u elke combinatie van kolommen en modules voor uw inhoudsgebied kunt toevoegen.

Voeg in kolom 1 een afbeelding toe met een afbeeldingsmodule. Ik gebruik er een uit het Design Conference Layout Pack .

Voeg in de rechterkolom een ​​call-to-action-module toe en werk het volgende bij:

Knop Link-URL: # (alleen om de knop voor nu weer te geven) 
Gebruik achtergrondkleur: NO

Tekstuitlijning: links Titellettertype 
: Lato 
Titel Tekstgrootte: 60px (bureaublad), 50px (telefoon)

Het tabblad maken

Om het daadwerkelijke tabblad te maken, zullen gebruikers zweven om deze rij-inhoud te onthullen, we moeten een tekstmodule maken en deze rechtsboven plaatsen met enkele aangepaste CSS.

Ga je gang en voeg een nieuwe tekstmodule toe onder de afbeelding in kolom 1 en werk het volgende bij:

Inhoud: “Tab One”

Achtergrondkleur: # 284f91 (dit moet overeenkomen met de linker verloopkleur van de rij) 
Tekst Tekst Uitlijning: midden 
Tekst Tekstkleur: #ffffff 
Breedte: 100px 
Hoogte: 50px 
Marge: -100px top, -50px links 
Opvulling: 14px boven

Voeg ten slotte de volgende aangepaste CSS aan het hoofdelement toe om het een absolute positie boven aan de rij te geven.

01
02
position: absolute !important;
top: 0;

Deze CSS plus de aangepaste marges die we hebben toegevoegd, zorgen ervoor dat het tabblad precies bovenaan links in de rij staat. Het is belangrijk dat de tabbladen daadwerkelijk boven de rij zitten, zodat de gebruiker er later overheen kan zweven.

Sectie hoogte en afstand

Laten we, voordat we de resterende rijen en tabbladen blijven maken, onze rijen een beetje ademruimte geven door wat boven- en ondermarge aan de sectie toe te voegen. Voor dit ontwerp is het belangrijk dat we marges gebruiken om onze sectie uit te sparen, omdat we onze sectie ook een bepaalde hoogte geven. We moeten onze sectie een vaste hoogte geven omdat we willen dat onze rijen de volledige hoogte van onze sectie beslaan. Dit betekent dat elk van onze rijen (de inhoud van het tabblad) dezelfde hoogte heeft als onze sectie. Het is dus het beste dat elk van de rijen een vergelijkbare hoeveelheid inhoud heeft of dat er ongewenste negatieve ruimte is op sommige van de rijtabbladen. Dit zou later zinvoller moeten zijn.

Open voor nu de sectie-instellingen en werk het volgende bij:

Hoogte: 500px (bureaublad), 900px (tablet), 750px (telefoon) 
Marge: 100px top, 100px bottom 
Vulling: 0px top, 0px bottom

Merk op dat de hoogte van de sectie moet worden aangepast om rekening te houden met de langere inhoudsruimte wanneer de rijkolommen op mobiel worden gestapeld. Dus er zal wat aanpassingen aan deze hoogte nodig zijn voor uw eigen behoeften.

Bewaar nu uw instellingen en laten we teruggaan naar het toevoegen van die meer rijen.

De tweede rij met tabbladen maken

Als u de tweede rij wilt maken, dupliceert u de rij die u eerder hebt gemaakt. Verplaats de tekstmodule naar kolom 1 en de afbeelding naar kolom 2. Werk vervolgens de afbeelding bij met een nieuwe. Dit zal u helpen een idee te krijgen van hoe verschillende inhoud eruit ziet op elk tabblad.

Open de instellingen van de tweede rij en verander de achtergrondverloopkleuren door de muisaanwijzer over het voorbeeldgebied van de achtergrond te bewegen en op het kleine “schakel” -pictogram te klikken.

Open vervolgens de instellingen van de tekstmodule die is gebruikt om het tabblad in kolom 1 te maken en geef deze een kleur die overeenkomt met de nieuwe topverloop.

Achtergrondkleur: # 4646c4

Vervolgens moeten we het tabblad naar rechts verplaatsen, zodat wanneer deze rij de rij hierboven overlapt, u ​​het tabblad direct rechts van het tabblad in de eerste rij kunt zien.

Marge: 50px Links

Laagdekkingseffect voor de tweede rij toevoegen

Voor de rij kunnen we een hovereffect voor dekkingfilter toevoegen, zodat er een mooie zweefovergang is wanneer u over het tabblad zweeft en de inhoud van de rij onthult.

Open de rij-instellingen en voeg het volgende filter toe:

Dekking: 70% (standaard), 100% (hover)

Voeg vervolgens een overgangsduur en snelheidscurve toe voor het zwevende effect van het dekkingsfilter.

Overgangsduur: 500ms 
Transition Speed ​​Curve: Linear

De derde rij met tabbladen maken

Nu kunnen we onze laatste rij tabbladen toevoegen. Om dit te doen, kopieert u de tweede rij die u zojuist hebt gemaakt. Verplaats vervolgens de tekstmodule naar kolom 1 en de afbeelding naar kolom 2. En werk de afbeeldingsmodule bij met een nieuwe afbeelding.

Werk de rij-instellingen bij met een nieuwe achtergrondverloop.

Achtergrondverloop linker kleur: # 333333 
achtergrond kleurverloop juiste kleur: # 4646c4

Open vervolgens de instelling van de tekstmodule die is gebruikt om het tabblad in kolom 1 te maken en werk de kleur en marge bij.

Achtergrond kleur: # 333333 
Marge: 150px links

Dit is hoe uw pagina eruit zou moeten zien voordat we onze rijen positioneren om elkaar te overlappen.

Overlappende rijen met absolute positionering

Om onze rijen te overlappen, moeten we absolute positionering gebruiken. Vervolgens gebruiken we de Z-indexoptie om elke rij naar de voorgrond te brengen wanneer hij over de tabbladen beweegt. Maar omdat we onze rijen een absolute positie geven (en de ouder / sectie een ingestelde hoogte heeft), kunnen we 100% hoogte toevoegen aan elk van de rijen, zodat deze de volledige hoogte van de sectie beslaan.

Hier is hoe het te doen.

Implementeer eerst de wireframe-modus. Gebruik vervolgens multiselect om alle drie de rijen te selecteren en de instellingen van een ervan te openen om de elementinstellingen modaal te implementeren. Werk vervolgens de hoogte bij naar 100%.

Hoogte: 100%

Hiermee wordt de hoogte voor alle drie de rijen ingesteld op 100%.

Voeg vervolgens de volgende aangepaste CSS toe aan het hoofdelement:

01
02
03
04
position: absolute !important;
left: 0;
right: 0;
margin: auto;

Implementeer nu de bureaubladweergavemodus om te zien hoe de rijen mooi overlappen om onze tabbladen te maken.

De volgorde van de rijen bij zweven met de Z-index wijzigen

Op dit moment heb je misschien gemerkt dat de derde rij / tab op de voorgrond staat. We moeten de rijen dus opnieuw rangschikken met behulp van de Z-index, zodat het eerste tabblad eerst wordt weergegeven totdat je over een ander tabblad beweegt.

Om dit te doen, gaat u terug naar wireframe-weergavemodus en opent u de instellingen voor de eerste rij die u hebt gemaakt (met tabblad één). Update vervolgens de z-index als volgt:

Z-index: 10

Gebruik vervolgens multiselect om de tweede en derde rij te selecteren. Open vervolgens de modal-instellingen voor elementen en voeg de volgende z-index bij zweven aan beide rijen toe.

Z-index: 11 (zweeftekst)

Dat is het. Laten we het uiteindelijke resultaat bekijken.

Eindresultaat

De reden waarom dit werkt is omdat technisch elk tabblad (tekstmodule) deel uitmaakt van elke rij, ook al staan ​​ze boven en buiten de rij. Daarom zal het zweven boven een tabblad de rij weergeven waarin het zich bevindt.

En zo ziet het eruit op mobiel.

Verticale zwaai-tabbladen maken

Als u verticale tabs aan de rijen wilt toevoegen, hoeft u alleen maar de tekstmodules te verplaatsen die worden gebruikt om elk tabblad te maken. We zullen ook de grootte van onze rijen en sectie-afstanden moeten aanpassen om plaats te maken voor de tabbladen.

Dit is wat je moet doen.

Ga je gang en dupliceer de sectie met de hover-tabbladen die we zojuist hebben gebouwd, zodat je een nieuw ontwerp hebt om mee te werken.

Open vervolgens de sectie-instellingen en werk het volgende bij:

Opvulling: 10% over, 10% rechts

Gebruik vervolgens multiselect om alle drie rijen te selecteren en werk de elementinstellingen bij met het volgende:

Breedte: 70% (bureaublad), 70% (tablet), 80% (telefoon) 
Max. Breedte: 980 px

Werk vervolgens de verlooprichting bij naar 90 graden voor alle drie de vervaagtinten, zodat wanneer we de tabs aan de linkerkant plaatsen, de linkerverloopkleur zich mengt met de achtergrondkleur van de tab.

Verlooprichting: 90 graden

Nu is het tijd om de tabbladen van onze tekstmodule links van onze rijen te plaatsen om de verticale tabbladen te krijgen die we willen hebben.

Open de tekstinstelling van de tekstmodule in de eerste rij en werk het volgende bij:

Marge (bureaublad): -50px top, -150px links 
Marge (telefoon ): -100px top, -50px links

De marge-instelling voor telefoon is om het tabblad terug te brengen boven de rij voor een horizontale tabbladweergave.

Open vervolgens de instellingen voor het tabblad Tekstmodule in de rij en werk het volgende bij:

Marge (bureaublad): 0px top, -150px links 
Marge (telefoon): -100px top, 50px links

En voor het laatste tabblad in de derde rij, werkt u het volgende bij:

Marge (bureaublad): 50px boven, -150px Linker 
marge (telefoon): -100px boven, 150px links

Eindresultaat

Laten we nu eens kijken naar het eindresultaat.

En hier is het een tablet en telefoon.

Laatste gedachten

Met een beetje creatief denken en de kracht van Divi kun je een aantal coole aangepaste hover-tabbladen maken met Divi-rijen. Er zijn enkele beperkingen aan wat u kunt weergeven. Met deze opstelling moeten bijvoorbeeld alle rijen dezelfde hoogte hebben als de sectie. Maar omdat ik geen plug-in hoef te gebruiken, denk ik dat dit een geweldige oplossing is. En vergeet niet dat, omdat u Divi-rijen kunt gebruiken voor uw inhoud, er talloze manieren zijn waarop u deze zwevende tabbladen kunt gebruiken in uw volgende project.

Ik zie er naar uit om van je te horen in de reacties.

Proost!

Adres gegevens

Rondom Internet en Co-llective B.V.

Gravenlanden 32
9407JH Assen

Telefoon: 0592 601331

Email Co-llective:
mail@co-llective.nl

Email Rondom Internet: info@rondom-internet.nl

 

© Copyright Online Marketing Bureau Rondom Internet en Co-llective 2019 | powered by  | algemene voorwaarden

Meerdere blogs

Hoe meerdere blogs te maken op één WordPress-website
Het uitvoeren van meerdere WordPress-websites kan moeilijk zijn. Dat is de reden waarom veel mensen hun onderhoud willen verminderen en meerdere WordPress-blogs willen uitvoeren op één WordPress-installatie. U zou plug-ins slechts één keer bijwerken, niet zes keer. De beveiliging zou strakker zijn. Gebruikers hebben slechts één login nodig. Er zijn veel voordelen om dingen samen te voegen tot één WP-site. Helaas kun je het niet doen.

Dat klopt … U kunt niet meerdere blogs hebben

Tenminste, niet standaard. De manier waarop de WordPress Core is ingesteld, is elke installatie een afzonderlijke site. Het heeft één database met één set gebruikers. De berichten en pagina’s worden allemaal toegeschreven aan de enkele URL, database-ID en RSS-feed. Eén site, één stroom berichten.

Alles aan het systeem is ontworpen voor eenvoud en gebruiksgemak. Dat is waarom ze die beroemde 5 minuten durende installatie hebben . Als je een tweede of derde blog nodig hebt, speel je er eentje op.

Maar dat is niet erg efficiënt. Het verdubbelt, verdrievoudigt en vergroot exponentieel het onderhoud en de beveiliging waar je je zorgen over moet maken. Om maar te zwijgen van URL’s en domeinautoriteiten en doorsturen en …

Je snapt het. Het hebben van meerdere blogs op meerdere sites is niet wat u wilt. Ook al is dat technisch gezien de manier van WordPress om dingen te doen. Wanneer u naar Instellingen – Lezen kijkt  , kunt u slechts één pagina kiezen als de thuisbasis voor uw berichten, die ze allemaal als een feed zullen weergeven.

Meerdere WordPress-blogs op één site

Er is echter hoop. We gaan twee oplossingen aanbieden voor hoe u meerdere WordPress-blogs op één WordPress-installatie kunt hebben.

  1. Gebruik aangepaste categorieën en menu’s om Posts te filteren en weer te geven
  2. Maak een WordPress Multisite-installatie met meerdere blogs op een WPMU-netwerk

Beide manieren zijn ingebouwd in WordPress zelf. Ze zijn vrij eenvoudig in te stellen en te gebruiken (voor het grootste deel). We gebruiken geen plug-ins om dit te doen. Hoewel ze in i zijn gebouwd, klikken deze methoden niet alleen op een knop die zegt  Nieuwe blog maken . (Na het installeren van Multisite zal dat echter wel het geval zijn!) Laten we daarom verder gaan en kijken wat we  kunnen doen om meerdere blogs uit te voeren in plaats van wat we  niet kunnen .

Optie 1. Aangepaste categorieën en menu’s voor meerdere blogs

Waarschijnlijk de gemakkelijkste manier om meerdere blogs op één site te maken, is om gebruik te maken van de categorieën, menu’s en gebruikersfuncties die al in WordPress zijn ingebouwd.

Het eerste dat u hoeft te doen, is inloggen op uw site en navigeren naar  Berichten – Categorieën . Het staat bovenaan de linkerzijbalk in het admin-paneel.

Meerdere WordPress-blogs op één site

Op dit scherm ziet u vier velden voor uw Categorieën. Elk van hen is belangrijk om uw WordPress-site correct in te stellen voor het hosten van meerdere blogs.

  1. Naam – Dit is de weergegeven titel van de blog. Als u Categorieën hebt die zijn geïndexeerd door zoekmachines, krijgt het archief deze titel. Als dit niet het geval is, is deze naam alleen voor intern gebruik, maar kan deze in sommige thema’s worden weergegeven.
  2. Slug – Net als een postslak geeft de Slug voor een categorie aan waar u het categoriearchief kunt vinden. Afhankelijk van uw permalink-instellingen (onder  Instellingen – Permalinks ), zou dit ook deel kunnen uitmaken van uw poststructuur.
  3. Bovenliggende categorie – De bovenliggende categorie is erg belangrijk voor het uitvoeren van meerdere blogs op één site. Je zou een merk genaamd The Umbrella Corporationkunnen runnen  met zijn eigen berichten en je blogs zouden Raccoon City  Leon’s Journal en  Claire’s Diary kunnen heten  . Elk daarvan zou afzonderlijk zijn, maar gekoppeld aan het hoofdmerk. U kunt dit ook doen voor een bovenliggende categorie als een primaire blog voor een podcast, maar gebruik subcategorieën als seizoensarchieven. Deze is optioneel, afhankelijk van de structuur die je wilt.
  4. Beschrijving – De beschrijving wordt mogelijk niet overal (of waar dan ook) weergegeven, afhankelijk van uw thema. Maar het kan worden geïndexeerd door zoekmachines, en het is goed voor de interne organisatie als niets anders. Zeker de moeite waard om hier een Tweet-waarde aan info te plaatsen.

Na voltooiing verschijnen de nieuwe Categorieën aan de rechterkant van de pagina als een lijst. Elke bovenliggende categorie wordt boven zijn respectievelijke onderliggende items weergegeven.

Meerdere WordPress-blogs op één site

Bovendien, of u het vakje wel of niet aanvinkt, wordt het onderliggende altijd vermeld onder de categorie in archieven en URL-structuren. U wilt dus misschien de bovenliggende / onderliggende hiërarchie niet gebruiken en ze allemaal instellen als categorieën op het hoogste niveau als ze allemaal autonoom zijn.

Meerdere WordPress-blogs op één site

Voeg de categorieën toe aan het navigatiemenu

Door Categorieën te gebruiken, kunt u nu directe links naar de “blogs” in het navigatiemenu van uw site plaatsen. Navigeer naar  Uiterlijk – Menu’s en selecteer aan welke menu (‘s) u de koppelingen wilt toevoegen.

Meerdere WordPress-blogs op één site

  1. Zoek de nieuwe categorieën op het  tabblad Alles weergeven omdat u ze nog niet eerder hebt gebruikt.
  2. Selecteer welke u aan het menu wilt toevoegen en druk op de  knop Add to Menu .
  3. De  menustructuur wordt bijgewerkt met de selecties die u hebt gemaakt.
  4. Sleep de afzonderlijke blogs die u als subitems wilt plaatsen, indien gewenst. Als ze niet inspringen, zijn dit items van het hoogste niveau in de navigatie.
  5. Druk  op Menu opslaan . Menu’s worden niet automatisch opgeslagen in WordPress en dit is een ongelooflijk gemakkelijke stap om te missen.

Als dat is opgeslagen, kunt u nu de blogs afzonderlijk bekijken in de menu’s die u hebt gemaakt.

Meerdere WordPress-blogs op één site

Als u op een van deze klikt, wordt u rechtstreeks naar de pagina van die categorie gebracht (archief). Het wordt een feed met berichten die u in die categorieën hebt opgenomen. Net als de hoofdfeed van je blog.

Meerdere WordPress-blogs op één site

Het nadeel van dit te doen is dat je primaire blog-URL vrij lelijk is. Je wilt niet dat mensen zien dat je categorieën als blogs gebruikt. Dat is misschien gênant. Maar we kunnen dat oplossen. De URL’s zullen niet zo lelijk zijn als u de permalink-structuur zo instelt dat deze leesbaar is. En dat is gemakkelijk te doen.

De Permalink-structuur van uw blog wijzigen

Navigeer naar  Instellingen – Permalinks in uw WP-dashboard. Je hebt daar twee opties die we willen veranderen. De eerste is uw Post permalink. WordPress bevat veel variabelen om uit te kiezen. Afhankelijk van uw behoeften, kunt u het aanpassen zoals u dat wilt. Onze suggestie is de Category / Post Name ( % category% /% postname% ) structuur voor SEO. Gewoon berichtnaam werkt ook.

Meerdere WordPress-blogs op één site

Als dat is gebeurd, is uw URL voor elk bericht precies zoals deze hierboven is getypt. Je hebt nog maar één stap voordat je klaar bent met het opzetten van de nieuwe blog. U hoeft alleen maar te veranderen wat WordPress gebruikt voor de Categorie permalink. Dus scroll verder naar beneden in  Instellingen – Permalinks totdat je  Category Base ziet .

Meerdere WordPress-blogs op één site

U kunt dat veranderen in wat u maar wilt, maar  blogs of blogs is een veilige keuze. Zo kun je de  example.com/blog/umbrella-corp-structuur als URL voor elke blog gebruiken, wat veel beter is. Elke kindercategorie wordt toegevoegd. Als u echter niet kiest om de bovenliggende / onderliggende hiërarchie te gebruiken, is dat geen factor.

Meerdere WordPress-blogs op één site

Maak een startpagina voor elke blog (optioneel)

Elke blog heeft nu een eigen categorie. De URL’s en menu’s en archieven zijn klaar. U wilt misschien een meer aanpasbare startpagina instellen. Archieven Pagina’s zijn niet altijd de meest aanpasbare pagina’s in WordPress, dus we willen u laten zien hoe u een paginabuilder (zoals Divi ) kunt gebruiken om een ​​unieke startpagina voor elk blog te maken.

Ik stel voor om ze te maken met behulp van dezelfde slak die je hebt gebruikt voor de categorie zelf. Dit maakt niets uit, want de URL voor de categorie is example.com / category / slug , onthoud en deze pagina is  example.com/slug . Meer dan wat dan ook, dit is omwille van consistentie dan iets anders.

Meerdere WordPress-blogs op één site

Wanneer u een bouwer gebruikt (in dit voorbeeld gebruiken we Divi), open dan de pagina die u voor de blog in uw editor hebt gemaakt. In Divi selecteert u de rij en drukt u vervolgens op de knop  Black + Circle om Modal voor invoegmodule weer te geven. Selecteer daar  Blog op het  tabblad Nieuwe module .

Meerdere WordPress-blogs op één site

In de instellingen van de  blogmodule ziet u een  tabblad Inhoud . Blader totdat u de  lijst met categorieën ziet .

Meerdere WordPress-blogs op één site

Selecteer de categorie die u voor de blog hebt gebruikt en druk op het  groene vinkje om eventuele wijzigingen op te slaan. Er zijn tal van andere aanpassingsopties waar je toegang toe hebt in Divi en andere builders, maar dat is ondergeschikt aan het feitelijk tonen van de berichten voor de blog, toch? Nu moet de module alle berichten weergeven die zijn getagd met die categorie. En alleen degenen die op die manier zijn getagd.

Meerdere WordPress-blogs op één site

Dit werkt het beste voor alleen categorieën voor kinderen, of als u alleen categorieën op het hoogste niveau gebruikt om meerdere WordPress-blogs op één WordPress-installatie uit te voeren. Omdat als u ervoor kiest om een ​​categorie Ouder op deze manier weer te geven, u ook alle berichten van al uw kinderen krijgt. Zelfs als ze  alleen zijn getagd met de onderliggende categorie.

Meerdere WordPress-blogs op één site

Met dat gedaan, kunt u doorgaan met het aanpassen van de pagina aan de blog die het host. Gebruikers die deze pagina bezoeken, zien alleen een lijst met de berichten die u via de blogmodule hebt gefilterd en omdat de URL rechtstreeks naar een pagina verwijst, zijn zij niet wijzer.

Proficiat! U hebt zojuist één WordPress-blog van elkaar gescheiden zonder gebruik te maken van alles behalve ingebouwde tools!

Individuele feeds maken voor de nieuwe blogs

Als iemand zich op je blog zou abonneren, zou de feed die ze zouden krijgen elke afzonderlijke categorie bevatten. Omdat ze zich zouden abonneren op de feed van de website. Als u een afzonderlijke feed voor elke afzonderlijke categorie op uw site wilt ontvangen, is het doodeenvoudig:  toevoegen / feed aan het einde van de URL . Dat is het. Super makkelijk. Super simpel. Mensen kunnen zich abonneren op de nieuwe blogs op zoiets als dit:  example.com/blog/umbrella-corp/feed .

Meerdere WordPress-blogs op één site

Optie 2. WordPress Multisite gebruiken voor meerdere blogs

In sommige opzichten is het gebruik van WPMU een meer complete oplossing voor het probleem dan het gebruik van categorieën. Want wat een multisite-installatie is, is technisch gezien één centrale hub met een netwerk van WP-sites die er vanaf vertakken. Websites in een multisite-installatie delen thema’s en plug-ins (en een superadmin-gebruiker), maar behouden op de meeste andere manieren hun autonomie. Als u bovendien een Multisite-installatie gebruikt, wordt de primaire domeinnaam op de een of andere manier gedeeld, waardoor alle sites in het netwerk met elkaar worden verbonden.

We hebben een ongelofelijk diepgaande gids over hoe je een WordPress multisite-installatie al kunt opzetten , dus daar gaan we hier niet te diep op in.

De reden dat we voorstellen om Categorieën via WPMU te gebruiken, is dat multisites snel ingewikkeld kunnen worden. Van installatie tot beheer om ervoor te zorgen dat plug-ins compatibel zijn , zijn er speciale problemen die optreden. Als u uw site wilt omzetten naar een multisite, moet u dit echter doen.

Voeg WMPU-code toe aan wp-config.php

U wilt het  bestand wp-config.php voor uw site vinden in de basismap van uw installatie. Open het dan en voeg de volgende regels toe, net boven waar het zegt  / * Dat is alles, stop met bewerken! Veel bloggen. * /

/* Multisite */
define( 'WP_ALLOW_MULTISITE', true );

Meerdere WordPress-blogs op één site

Sla dat op en je hebt een nieuw item in je WP admin-menu onder  Tools – Network . Binnenin zul je een scherm hebben dat je laat weten wat het opzetten van een WPMU-site inhoudt.

Meerdere WordPress-blogs op één site

U moet het netwerk een naam geven en het vertelt u het primaire domein dat het zal vinden. U kunt ook  alleen subdomeinen gebruiken, niet subdirectories . U kunt blog.example.com gebruiken, maar niet example.com/blog om te voorkomen dat bestaande berichten / pagina’s conflicten veroorzaken. Als u klaar bent om door te gaan, drukt u op  Installeren .

Het volgende scherm bevat de code die u in de bestanden wp-config.php en  .htaccess moet plakken  .

Meerdere WordPress-blogs op één site

Wanneer dat is gebeurd en u hebt ze geplakt en vernieuwd / opnieuw aangemeld, ziet u een aantal nieuwe functies. In de linkerbovenhoek van het scherm ziet u een vervolgkeuzelijst Mijn sites in de beheerbalk en een  gedeelte Sites in het dashboard zelf.

Meerdere WordPress-blogs op één site

Terwijl u de muisaanwijzer op de beheerbalk plaatst, wordt een lijst met sites weergegeven met een menu met acties die u kunt uitvoeren. En onder  Sites , de  Nieuwe toevoegen knop kunt u nieuwe WP-installaties te creëren met een klik op een knop (en een paar formuliervelden). Onmiddellijk nadat u op de  knop Site toevoegen heeft geklikt, wordt de nieuwe weergegeven als onderdeel van uw netwerk.

Meerdere WordPress-blogs op één site

De andere blogs aan menu’s toevoegen

In de meeste opzichten zijn de nieuwe sites die u voor blogs maakt, volledig autonome sites. Ze hebben hun eigen feeds, URL’s (op basis van het subdomein) en een reeks gebruikers. Dus om ze weer te koppelen aan de hoofdpagina, doet u hetzelfde als eerder met de menu’s. Alleen deze keer gebruikt u de  optie Aangepaste koppeling .

Meerdere WordPress-blogs op één site

En dat is het! Je moet nog steeds ontwerpen en daadwerkelijk aan de andere site werken. Maar je kunt het meteen gebruiken als een afzonderlijke blog.

Opmerking over subdomein versus submappen met multisite

Als u submappen met WPMU wilt gebruiken, moet u vanaf het begin een schone installatie uitvoeren . Anders zult u subdirectories moeten gebruiken, zoals we hierboven hebben vermeld.

Onthoud dat D omain Authority en link juice niet doorgeven aan subdomeinen . Ze geven echter wel door aan submappen. Ze fungeren als afzonderlijke domeinen op het gebied van SEO.

Als je de autoriteit wilt behouden die je hebt opgebouwd met je hoofdsite voor deze nieuwe blogs, wil je de eerste optie gebruiken en categorieën gebruiken.

Afsluiten

Ongeacht welke optie voor u beter werkt, terwijl er geen officiële manier is om meerdere WordPress-blogs op één WordPress-installatie te installeren, kunt u er omheen gaan en uw weg door de beperkingen halen. Het kost misschien wat moeite, maar het is absoluut de moeite waard als je een hoop blogs rond een centrale WP-hub wilt hebben.

Heb je meerdere blogs op één site? Hoe heb je het gedaan?

Artikel weergegeven afbeelding van Ico Maker / shutterstock.com

Quick actions

Quick actions

Dit is de nieuwste update van het Divi thema en wat zijn wij er blij mee. Elegant themes zorgt iedere keer weer voor voor vernieuwingen die het website bouwen elke keer makkelijker maken. Zo ook Quick actions zo kan je makkelijk je opzoeken wat  je wilt doen. Dit klinkt raar maar dit zorgt voor een behoorlijke snelheidswinst. Zo kan je zoeken naar alleen je segment waar in de een actie wilt doen.

Deze update is ook weer echte proberen waard.

Zorg dat je Divi update….

Pin It on Pinterest