Startpagina kopieën

Je hebt een website online gegooid, maar er komen geen bezoekers? Dat is kort gezegd klote! Geen bezoekers betekent dat je al je werk voor niks heb zitten doen, kostbare tijd hebt verspilt die je wel anders had kunnen invullen, en het ergste van alles is dat je site waarschijnlijk ook niks oplevert.

Gelukkig is dit voor alle webbouwers een proces waar ze ooit mee te maken krijgen of mee te maken hebben gehad! Een website wordt niet zo een, twee, drie gevonden. Uw site staat letterlijk in “The middle of nowhere” totdat u er wegen naartoe aanlegt! Dat betekent dat er andere webpagina’s linken naar uw website.

Wanneer je een relevante plek zoekt om uw website snel te promoten, dan komt u al snel terecht bij startpagina’s. Dit zijn linkpagina’s die doorverwijzen naar websites binnen een bepaald onderwerp.

Moet ik mijn link wel toevoegen aan een startpagina?

Nu wordt het nog wel eens in twijfel getrokken of een link plaatsen op een startpagina wel verstandig is vanwege de lage linkwaarde die zou worden doorgegeven. Dit komt doordat vooral veel Engelstalige startpagina’s zijn volgespamt met niet relevante links. Ook in Nederland zijn er webmasters die allerhande links op een startpagina plaatsen die totaal niet relevant zijn.

Natuurlijk ben je zelf niet achterlijk en kun je direct zien of een pagina wel of niet aansluit bij het onderwerp van je eigen website en of het dus wel of niet interessant is om een link aan te vragen. Google ontwikkeld een digitaal brein dat dus ook bepaald of een site wel of niet interessant is. Kijk dus goed wat voor teksten en links op de startpagina’s staan voordat u een linkaanvraag doet!

Lijst met startpaginakopieën

Oke genoeg gekletst, u was op zoek naar een lijst met waardevolle startpagina kopieën. Zie hieronder de beste opties. Al deze pagina’s hebben specifieke sites die toegespitst zijn aan een bepaald onderwerp. Op die wijze is het ook daadwerkelijk zinvol en relevant om een link te plaatsen op deze pagina’s!

  1. lizti.nl – Direct online
  2. linksnetwerk.nl – Direct online
  3. startpagina.nl
  4. startkabel.nl
  5. beginspot
  6. Eigenoverzicht
  7. Linkdirectory
  8. Eigenstart
  9. allepaginas
  10. jouwbegin
  11. linkexplorer
  12. boogo
  13. linkspot
  14. beginspot
  15. favos
  16. linkpaginas
  17. linkjespagina
  18. bestevanhetnet
  19. linkgoed
  20. eigenoverzicht
  21. b9
  22. start-link
  23. startsleutel
  24. link-ned

Gmail pakt Reply-To header niet?

Dan heb je een mooie site met een contactformulier en je ontvangt regelmatig e-mails vanuit je website. Maar als je op Reply drukt in je Gmail account dan stuur je een mail naar jezelf in plaats van naar je klanten. Hoe kant dat?

GMAIL respecteerd Reply-To, maar niet altijd!

Gmail respecteerd altijd de header Reply-To behalve als het gaat om een mail die je naar jezelf stuurt. Dus als je een contactformulier hebt aangemaakt op je website en deze stuurt mails met hetzelfde e-mail adres naar jezelf dan zul je altijd naar jezelf antwoorden ook al heb je de Reply To header goed ingesteld.

Snel op te lossen

De oplossing? Verander het e-mail adres van het contactformulier. Dus bijvoorbeeld niet info@uwsite.nl maar bijvoorbeeld contactformulier@uwsite.nl

Auto tikt bij starten motor slaat niet aan

Dat heb ik weer denk je dan! Juist wanneer je de trouwe 4-wieler nodig hebt start hij niet en maakt hij ook nog eens een raar tikkend geluid zodra je de sleutel omdraait en probeert te starten.

Als A-technisch figuur maak je je dan gelijk zorgen over de staat van je auto en zie de bui al hangen. Een dure garage wil je vast wel helpen, maar ja wil je dan eigenlijk nog wel zo lang de auto rijden en moet je niet alvast oriënteren naar andere opties.

Toch eerst maar even op internet kijken, want gelukkig zijn automonteurs en amateur monteurs ook goed in het schrijven op forums over soortgelijke problemen. En jahoor, nog geen paar minuten later heb je de eerste vragen en antwoorden die heel erg met de situatie overeenkomen! Top die forums en blogs!

Oorzaak: Een lege accu!

Ik kwam er zo tot mijn opluchting achter dat het in dit geval heel waarschijnlijk gewoon een lege accu zou zijn. Doordat de spanning van de accu zo laag is geworden kan de startmotor niet eens meer het vliegwiel aanslingeren en hoort u alleen het klikken van het relais.

De oplossing? Tadaa: Opladen die accu!

Startkabels

Het opladen van de auto accu kan natuurlijk met de welbekende startkabels en die heb je standaard niet in de buurt zodra zoiets gebeurd, dus op naar de winkel of direct maar even online snuffelen, nu je toch achter de computer zit.

Acculader

Naast startkabels, kun je ook kijken naar een jumpstarter of een acculader / druppellader. Dit laatste is een kastje dat u via een normale stekker verbindt met het lichtnet en de andere kabels sluit u aan op de accu. Zo kunt u thuis uw auto laden, bent u niet afhankelijk van anderen en zeg nou zelf de eerste die vraagt of je zware diesel een hybride is, geweldig!

Jumpstarter

Nu kan ik in ons dorp prima te voet overal komen en hoef je niet direct haast te hebben als je je prioriteiten gewoon even bijsteld. Heb je wat meer tijdsdruk en/of wat meer te besteden dan kun je ook kijken naar de tweede optie, de jumpstarter. Dat is eigenlijk startkabels en hulpauto in één. Waar u met een acculader toch eventjes geduld moet hebben kun je met de jumpstarter direct weer verder.

Vrijheid, blijheid

Het hebben van zo’n lader of jumpstarter geeft u altijd de vrijheid dat wanneer een dergelijke situatie zich voordoet, al is het midden in de nacht, dat u direct kan handelen. De prijzen vallen daarbij ook nog eens mee. Bij de lokale autowinkel of bouwmarkt kunt u acculaders al krijgen vanaf ongeveer € 30,- en een jumpstarter zijn er al rond de € 100,- Online kunt u ze ook verkrijgen, bijvoorbeeld bij bol.com

En dan…accu misschien vervangen?

Zodra u de accu heeft bijgeladen kunt u dus gewoon weer op weg. Uiteraard is het wel belangrijk dat u nagaat waarom uw accu leeg is gelopen en of het niet heel misschien tijd wordt om deze te vervangen.

Een accu vervangen is trouwens ook geen hogere wiskunde. Bekijk op de oude accu het Voltage en de Ampère, bestel een nieuwe accu online en u kunt de batterij vervangen. Meestal niet meer dan een paar moeren en bouten loshalen en daarna weer vastdraaien. Let wel even op de volgorde van aansluiten. Wilt u lang door met de nieuwe accu, bestel er dan een van een goed merk zoals Varta. Vergelijk op internet de beste opties. Kijk bijvoorbeeld op Bol.com of beslist.nl

Symbolische subdomeinen aanmaken met .htaccess

Subdomeinen kunnen een handig middel zijn om grote sites op te delen in relevante onderwerpen. Grote merken verbinden daarbij vaak diverse diensten aan een subdomein, denk aan klantenservice.hundomein.nl of tracking.hundomein.nl 

Buiten deze bovengenoemde domeinen zit niemand er tegenwoordig nog op te wachten om handmatig de instellingen voor een subdomein bij de hostingprovider in te geven. Zeker grote initiatieven als startpagina’s willen dat subdomeinen automatisch worden aangemaakt in de database.

.htaccess subdomeinen

In de root directory van je website kun je door middel van een aantal regels in het .htaccess bestand alle subdomeinen laten doorverwijzen naar bijvoorbeeld een gelijknamige map. Met andere woorden: jan.domein.nl wordt domein.nl/jan. Vervolgens kunt u ervoor kiezen om daadwerkelijk mappen aan te maken met deze namen of door een index te maken die waardes uit de database haalt op basis van de naam van het subdomein.

De onderstaande code kunt u gebruiken om alle subdomeinen door te verwijzen naar gelijknamige mappen op de website:

RewriteCond %{HTTP_HOST} ^([a-z]+)?(\.[a-z]+\.[a-z]+)$ [NC] RewriteCond %{HTTP_HOST} !^(www|ftp|mail)\uwdomein\.nl RewriteRule (.*) http://uwdomein.nl/%1 [R=301,L]

Alle directories laten afhandelen door de index?

Wilt u vervolgens dat de subdirectories worden doorverwezen naar 1 pagina die alles afhandeld, bijvoorbeeld de index? Dan plaatst u onderstaande code daar nog onder:

RewriteCond %{REQUEST_FILENAME} -f [NC,OR] RewriteCond %{REQUEST_FILENAME} -d [NC] RewriteRule ^(.*?)$ $1 [L] RewriteRule ^([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)$ index.php?one=$1&two=$2&three=$3 [L] RewriteRule ^([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)$ index.php?one=$1&two=$2 [L] RewriteRule ^([a-zA-Z0-9_-]+)$ index.php?one=$1 [L] RewriteRule ^(.*)$ index.php

U kunt vervolgens in uw index.php file gebruik maken van de onderstaande code om te werken met de variabelen.

$one=$_GET[‘one’]
$two=$_GET[‘two’]
$three=$_GET[‘three’]

DNS Instellingen

Controleer de DNS instelling voor uw domeinnaam. In de DNS records staan de koppelingen van uw domeinnaam met de juiste IP adressen van de server. Bij het aanmaken van symbolische subdomeinen zoals hierboven beschreven is het belangrijk dat alle subdomeinen eerst worden opgevangen en doorgestuurd worden naar uw site. Dit doet u met een DNS Wildcard A record.

DNS Wildcard

Klinkt heel spannend, is het niet, een wildcard record is niks meer dan een * Dit teken in een DNS record staat voor “alles” en dat betekend dat wat je ook invoert voor je domeinnaam, altijd uw index wordt weergegeven, tenzij u natuurlijk bovenstaande verwijzing d.m.v. .htaccess heeft ingesteld.

Ga naar de pagina DNS instellingen in het klantenpaneel van uw webhosting, bijvoorbeeld Direct Admin of cPanel. Controleer of er reeds een A record is aangemaakt met * 

Wanneer dit al gedaan is kunt u de instellingen sluiten. Zo niet maak dan een nieuw A record aan en verwijs deze door naar hetzelfde IP adres als de verwijzing die bij www is ingegeven. U kunt tevens een AAA record aanmaken met wederom dezelfde gegevens als bij www alleen dan met * in plaats van www

De melding: Apache is functioning normally

Krijg je bovenstaande melding wanneer je een subdomein aanroept? Dan staat er dus iets niet op de juiste plaats en dat is in dit geval doorgaans het .htaccess bestand. Dit heb ik zelf doorgaans op kunnen lossen door het .htaccess bestand een folder(mapje) omhoog te plaatsen. Met andere woorden vóór de map met uw domeinnaam.  Bij veel shared host profiders heeft u een hele structuur voordat u daadwerkelijk in de rootfolder van uw domeinnaam bent aanbeland. Dat is super, want dan kunt u ook daar instellingen wijzigen of bestanden plaatsen.

Een voorbeeld: maak verbinding met via uw ftp client. U krijgt dan doorgaans zoiets als:

/domains/uwdomein.nl/plublic_html

Hierbij is public_html dan pas de map waar ook uw index.html / index.php file te vinden is. Krijgt u dus de melding Apache is functioning normally bij subdomeinen dan wordt het subddomein wel degelijk opgepakt en doorgestuurd, echter nog niet naar de juiste map. Zet de bovenstaande regels van het .htaccess bestand nu eens in een nieuw .htaccess bestand in de map ervoor, in dit geval uwdomein.nl. 

Remove /blog/ in WP multisite url

Creating a Multisite in WordPress is easy and can be of great value. The only thing about the Multisite is that WordPress automaticly adds /blog/ to post urls on your main site.

How to remove /blog/ on your WP multi site?

  1. just log in to your main website’s wordpress dashboard;
  2. be sure your’re managing the right website;
  3. go to SETTINGS > PERMALINKS;
  4. set the permalinks to STANDARD and click save;
  5. now the /blog/ is removed you can select POST-NAME again and click save again.
  6. You should be fine now!

Nota Bene

WordPress puts the /blog/ in your url for a reason. If you have created a multisite in subfolders than you should keep in mind that you do not give a new post on your main site the same name as one of your other sites.

css crop image to fit div

Crop images to fit the dimensions of a div container is very easy with the following CSS lines:

img {
object-fit: cover;
}

This will center the image and adjust the image size to fit the borders of the div container. Most splendidly it will contain the dimensions of the image, so your site looks great!

Please do mind that in order for this to work you will have to set the height and width of the container div. These could of course be absolute pixels, a percentage or being calculated.

Set the Default Theme for WordPress Multisite

Everytime you create a new site on your WordPress Multi Site network. The default theme will always be automatically assigned to it. So if you would like to change that default theme, this is what you will have to do:

1. Open your FTP client;

2. Open the WP config file;

3. Add the following line of code:

define( ‘WP_DEFAULT_THEME’, ‘your-default-theme’ );

4. Change ‘your-default-theme’ with the name of the theme that you would like to be the default.

5. mind that this line is added before WordPress calls the settings with require_once(ABSPATH . ‘wp-settings.php’);

6. save and upload the wp_config file and you are the hero!

 

Startpagina kolommen maken CSS

Wanneer u bijvoorbeeld een startpagina maakt en de blokken met links automatisch wilt laten ordenen zonder daarvoor aparte kolommen of containers aan te hoeven maken dan kunt u gebruik maken van CSS 3 columns. Deze functie werkt ook goed wanneer u een grote tekst in meerdere kolommen wilt tonen om de leesbaarheid van de site te vergroten.

De onderstaande code zorgt ervoor dat de kolommen met verschillende hoogtes automatisch de beste ruimte zoeken.

Op deze manier kunt u op een eenvoudige wijze een schone manier een mooie site maken.

<style>
#columns {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
</style>
<div id=”columns”>
<p>blok 1</p>
<p>blok 2</p>
<p>blok 3</p>
</div>
<style>

Wilt u ervoor zorgen dat bepaalde vormen niet worden gebroken? Dan kunt u de volgende code gebruiken voor het specifieke element

-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid

In bovenstaand voorbeeld zou dat bijvoorbeeld gebruikt kunnen worden voor het element <p> zodat de gehele blokken bij elkaar blijven en niet over meerdere kolommen worden verdeeld.

De complete CSS zou er dan als volgt uitzien:

<style>
#columns {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}

#columns p{

-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid

}
</style>

CSS calc(100% – px)

Css3 calc is een fantastische functie waardoor u de breedte en hoogte van een element kunt laten berekenen zodat het design van uw pagina klopt  op elk scherm! width:calc(100% – 350px);  berekent de breedte van de content op basis van 100% van de parent minus 350 vaste pixels. Bijvoorbeeld handig voor een sidebar op uw pagina.

LET OP : zet een spatie voor en na de rekeneenheden + – anders werkt de functie niet!

width: calc(100vw  –  100 px) berekent de breedte van de content op basis van de breedte van het scherm in plaats van de parent.

calc(100% – px) werkt niet?

Check of je een spatie hebt gezet voor en na het minus teken. Heb je dat gedaan en loop je nog steeds tegen het probleem aan bekijk dan of je wellicht een oude browser hebt die calc nog niet ondersteunt.

Photoshop Custom shape remove border

Removing the border / stroke of custom shapes in photoshop can be a pain in the ass if you do not know where to look. Here is how you do the trick:
1. Simply select the layer you would like to adjust;
2. and then select the custom shapes tool (the same button as you choose to generate a custom shape in the first place).
3. Now on the top of the page (by most) you will be able to adjust the fill and stroke. Set the stroke to no color and there you are!

There is also the shortkey for activating or deactivating the border around custom shapes:

CTRL SHIFT H