Localhost voor Dummies

door Handleidingen

Stel: Je hebt een kopie van je website gemaakt en deze op een andere server geplaatst. Voordat je je domeinnaam naar het nieuwe IP-adres wilt omzetten kun je lokaal controleren of alles werkt.
Wij gebruiken de “localhost methode” bij verhuizingen en soms om alvast lokaal te bouwen als een klant wel de domeinnaam weet maar de hosting nog niet heeft gekozen (of de verhuiscode nog niet heeft).

Wat is de bedoeling? Waarom zou je dit doen?

Je wilt een website bekijken terwijl de domeinnaam (nog) niet naar het IP adres wijst waar de versie staat die jij wilt zien. Dit aanwijzen gaat normaal via DNS. Voor elke domeinnaam is geregistreerd op welke server deze te vinden is. Je internetprovider checkt regelmatig of dit wijzigt. Na een verhuizing wijzigt je DNS en na een aantal uur ziet iedereen je site op  de nieuwe locatie.
Door tegen je PC te zeggen dat hij een bepaalde URL op een bepaald IP adres moet zoeken, sla je de DNS over en kun jij de website direct op dat IP adres bekijken. Het klinkt ingewikkeld maar is nog geen 5 minuten werk. En als je het mapje “etc” alvast in snelle toegang vastmaakt: 2 minuten.

Heb je een Mac: Scroll even naar beneden!

1. Open kladblok als administrator

Open de Apps pagina (of via Start) van Windows 10 (Windows toets + Q) en klik met de rechtermuisknop op kladblok. Vervolgens kies je voor de optie ‘Als administrator uitvoeren’.
Als normale gebruiker mag je dit bestand namelijk niet bewerken, en dan kan je dus je wijziging in 2 niet opslaan.
Vervolgens krijg je een melding of je het programma (Kladblok) wilt toestaan wijzigingen aan te brengen aan de computer. Klik op Ja.

2. Open het hosts bestand

Linksboven in kladblok kies je voor Bestand en dan Openen. Vervolgens opent Windows verkenner, hier dien je het volgende pad in te vullen:
C:\Windows\System32\drivers\etc
Ja het mapje heet echt etc 

Als het goed is krijg je dan de volgende afbeelding te zien:
Open het bestandje “hosts”

Zie je niets?
Dan zijn de documenten niet zichtbaar omdat bij jou dan alleen  .txt bestanden zichtbaar zijn. Zorg ervoor dat alle bestanden zichtbaar zijn door “alle bestanden” te selecteren. (links onder : kies : alle bestanden)

 

3. Vul het IP adres en de domeinnaam in zoals in het screenshot

In de hosts file kun je nu het IP-adres opgeven van de webserver, vervolgens druk je op Tab via het toetsenbord en dan vul je de domeinnaam in. Het is belangrijk dat het ook op deze manier wordt ingevuld.
Voorbeeld: <uw IP-adres>  <domeinnaam.ext>

Het IP adres van onze nieuwe server is 217.182.3.1
Vul zowel met als zonder www in (dit zijn voor jouw pc verschillende plaatsen) http of https ervoor is niet nodig.

Bezoek de website via de webbrowser

Nu kan je in de webbrowser het domein invullen en zal de domeinnaam verwijzen naar onze server. Wanneer alles in orde is kan je de toegevoegde IP-adressen met bijbehorend domein weer verwijderen uit de hosts file (als je website op deze server blijft heeft het verder geen effect).

MAC:

1. Open het programma Terminal
Open het programma Terminal. Als je deze niet kunt vinden gebruik je de zoekfunctie Spotlight en zoek je op Terminal.
Binnen de Terminal vul je de volgende opdracht in:

sudo nano /etc/hosts

2. Vul het IP adres en de domeinnaam in
In de hosts file moet je nu het IP-adres opgeven van de webserver, vervolgens druk je op Tab via het toetsenbord en dan vul je de domeinnaam in. Het is belangrijk dat het ook op deze manier wordt ingevuld.
Voorbeeld: <uw IP-adres>  <domeinnaam.ext>
Het IP adres van onze nieuwe server is 217.182.3.1

Natuurlijk moet je deze wijziging opslaan voordat die naar onze server verwijst. Vergeet dit niet! Anders zal de wijziging niet functioneren.
Druk op ctrl-X. Je wordt dan gevraagd of je het bestand op wilt slaan. Druk op Y (yes) om dit te doen. Vervolgens zie je de naam van het bestand getoond en druk je op enter. Het scherm van het tekstbewerkingsprogramma sluit.

Je scherm ziet er ongeveer uit zoals hierboven in het kladblok screesnshot.

Bezoek de website via de webbrowser
Nu kan je in de webbrowser het domein invullen en zal de domeinnaam verwijzen naar onze server. Wanneer alles in orde is kun je de toegevoegde IP-adressen met bijbehorend domein weer verwijderen uit de hosts file.

Bonus voor zowel MAC als Windows:

Nu je weet hoe je met localhost een url op de “echte” locatie kun omzeilen, kun je met dit bestandje ook leuke grappen uithalen of websites “blokkeren” voor jezelf of je huisgenoot.
Met bijvoorbeeld deze regel:
127.0.0.1 facebook.com
127.0.0.1 www.facebook.com
Kun je een Facebookverslaafde helpen… probeer maar eens!

SoLITE

Het onderhoudspakket voor de “brochure” website waar weinig aan verandert. Updates, schoonmaak database en onderhoud ca 4 keer per jaar. Daarnaast vooral interessant voor de DIY ondernemer met voldoende technische kennis vanwege alle benodigde licenties in 1 pakket, stukken voordeliger dan wanneer je deze zelf gaat aanschaffen.

SoComfort

Het onderhoudspakket voor de kleinere website met inhoud waar je zelf ook aan werkt. Met technisch support en maandelijks updates, schoonmaak database en onderhoud.Support houdt tevens in het terugplaatsen van een Backup bij klantfouten. ook hier alle benodigde licenties in 1 pakket, stukken voordeliger dan wanneer je deze zelf gaat aanschaffen.

SoCherish

Het onderhoudspakket voor de meer dynamische website met inhoud waar je zelf ook aan werkt, of die wij met onze VA service voor je vullen. Met styling updates, aanpassingen in structuur, formulieren, menu en footer, technisch support en maandelijks updates, schoonmaak database en onderhoud. Support houdt tevens in het terugplaatsen van een Backup bij klantfouten. Ook hier alle benodigde licenties in 1 pakket inclusief Webshop, Meertalig en Membersites, enorm veel voordeliger dan wanneer je deze zelf gaat aanschaffen.

Membershipsite voor WordPress & Divi

Om te beginnen : er zijn eenvoudige lidmaatschapssites en complexe sites. Ongecompliceerde lidmaatschapssites hoeven niet eenvoudig te zijn. Simpeler of Complexer? Een eenvoudige lidmaatschapssite, daaronder verstaan we: Iemand betaald om lid te worden van de...

Hoe maak je een HTML handtekening voor je E-mail

Het staat mooi. Professioneel. Sluit naadloos aan bij je mooie website en huisstijl.Je E-mail sluit je af met een HTML handtekening die automatisch onder alle verzonden mail verschijnt. In veel mailprogramma´s kun je een handtekening instellen. Maar soms is je...

Membership of Online training

De meest gevraagde opties in de lente van 2020. Iets met een lockdown en thuiswerken.Wat is het verschil, welke gebruik je wanneer en waarvoor? Heb je het écht wel nodig?En kan je dit ook slim combineren? Mijn favoriete antwoord al uit het notaris tijdperk:  Dat hangt...

Feedbackfunctie in je website

Heb je hem al gezien in je website? Nu kun je rechtstreeks in je site al je vragen en Feedback kwijt. Je kunt heel eenvoudig screenshots toevoegen. Ik krijg een dashboard zodat ik al jullie Feedback op 1 plek bij elkaar heb!

Youtube video embedden op je WordPress Website

Deze meneer legt dat even snel en duidelijk uit. Zo dus! Kies embedden in plaats van delen en zet ?rel=0 achter de videolink in de insluitcode. Hij heeft ook een tip hoe je alleen je eigen gerelateerde video's aan het einde kunt tonen.

Whatsapp op je website toevoegen

Hoe gebruik je Click to Chat in Wordpress Met de click to chat-functie van WhatsApp kun je met iemand chatten zonder dat zijn of haar telefoonnummer in het adresboek van je telefoon is opgeslagen. Door op de link te klikken, wordt er automatisch een chat met de...

Selfies & Storytelling…

Woorden die een paar jaar geleden voor mij nog niet bestonden! Anno 2020 kan zelfs ik er niet meer omheen. Storytelling is hot voor mijn klanten dus achter de schermen doe ik daar meer mee dan mijn omgeving zal vermoeden. Maar Selfies? No way. Tot ik de Masterclass...

Divi en WPML Meertalige WordPress website

Je wilt een meertalige website en hebt Divi? Dan adviseren we je om WPML te gebruiken, een premium plugin waarmee je zonder pagina’s te kopiëren echt alleen de teksten in de pagina’s en berichten vertaalt.

Hét Managementboek van 2020

Werk aan je Charisma  3 boeken mochten wij verloten onder de lezers van de nieuwsbrief. De gelukkige winnaars hebben inmiddels bericht gehad.   https://youtu.be/-_ftzLoqiqI 3 winnaars Heb je het boek niet gewonnen maar wil je het boek wel graag lezen?  Dan kun je het...
Fanny Veldmeijer-van Doorn

Fanny Veldmeijer-van Doorn

❥ Divi lover - WordPressCoach

Tools we ❥

Handige Wordpress plugins en andere online tools. 

Gravity Forms

De beste formulieren plugin. Voor een contactformulier met auto-responder, voor een betaalformulier met Mollie en iDeal, een enquete, poll of quiz, bedenk iets dat je online kunt invullen en Gravity is de plugin waarmee we het kunnen maken. Jaarlijks een uitgave voor ons, maar goed nieuws voor onze klanten want alle Add Ons zijn beschikbaar in je website bij alle SoPressed onderhoudspakketten. Gewoon even vragen!

Voor installatie, uitleg, het inrichten van Gravity op jouw website en training voor Gravity Forms tegen scherp tarief kun je uiteraard ook bij ons terecht.

Online afrekenen iDeal

Natuurlijk laat je klanten online afrekenen op je Wordpress website. Er zijn vele opties,  op dit moment is Mollie voor Nederlandse klanten wel de winnaar voor ons. Op onze website kom je ook nog Sisow en Paypal tegen. Mollie kan je snel online aanmaken en rekent de laagste kosten, ook Credit Cards mogelijk en terugkerende betalingen. Geen abonnement. Wat houdt je nog tegen?

Book like a Boss

Voor iedereen! Het was even zoeken (jarenlang om precies te zijn). Maar dit is hem geworden. Afspraken maken online en online verzetten.
Werkt. Gewoon. Zoals het hoort. 

Doet zijn naam eer aan, ook onze klanten zijn dol op deze handige methode om mijn tijd te reserveren.

Divi (Elegant Themes)

Als DiviDiva en Divifan van het 1e uur heb ik uiteraard een linkje om je eigen account aan te kunnen maken bij Elegant Themes. Voor als je geen website van SoPressed hebt, of je eigen account prettiger vind voor eigen support en updates wanneer je wilt. Je krijgt er Bloom en Monarch bij!

 

WP Feedback

Deze is meer voor onszelf, maar misschien ben jij ook een Wordpress websitebouwer en ken je het probleem?
Met WP Feedback kun je zonder projectmanagement tool je klanten rechtstreeks in de site hun opmerkingen laten geven. Alsof je naast ze zit. Wat ik overigens nog steeds graag doe in onze 1-op-1 trainingen.
WP Feedback komt Inclusief eenvoudig screenshots toevoegen, takenlijst en dashboard en meldingen. En binnenkort met een eigen multi-dashboard zodat ik al jullie Feedback op 1 plek bij elkaar heb!

WPML

WPML Wordpress & Divi

Dé enige echte goede vertaal plugin voor Wordpress en Divi
Kost wat maar bespaart je tegelijkertijd heel veel tijd en gedoe. Werkt perfect met Divi!

Groot voordeel van WMPL is dat het geen afzonderlijke pagina's voor andere talen maakt en zo je structuur overzichtelijk blijft. Menu-synchronisatie, zodra je een vertaling toevoegt even syncen... en je menu is in alle talen up-to-date.

SEO voor meer talen waarbij je zelfs voor 1 foto eigen SEO ALT-tags kunt geven. En o.a. een optie om onze favoriet GravityForms te vertalen.

Divi Life

Divi Overlays, Divi Bars, Divi Childthemes...
Heel leuk winkelen bij Tim Strifler
Ook deze link is meer voor Wordpress bouwers dan voor onze eigen klanten.

Memberpress

Uitgebreide opties voor (betaalde) Membershipsites.
Achter de schermen worden de opties verder getest. Veelbelovend dus al in het rijtje ¨Tools we Love¨

Wordpress uitgebreide zoekfunctie

Met deze plugin kun je de zoekfunctie van Wordpress uitbreiden tot in ALLE woorden in bijlagen. Dus ook als je veel PDF bestanden in je website hebt.

WP Google Maps

Schitterende interactieve kaarten tonen op je Wordpress website? De meest uitgebreide versie staat ook het toevoegen door bezoekers toe. Zoals bijvoorbeeld op VisitEstepona waar bezoekers hun eigen hotspots op de kaart kunnen zetten voor ons geliefde Estepona (Andalusie)