Voeg in de regel:

define(’WP_MEMORY_LIMIT’, ’64M’);

toe aan wp-config.php

Bron:

http://www.nerdgrind.com/increase-wordpress-and-php-memory-limit/

Vervang onderstaand voorbeeld het id 9 door het id van het menu dat je wilt gebruiken.

In functions.php

function rrwd_get_name_menu ($id_menu) {
	// thanks to Pranick, http://themeforest.net/forums/thread/help-wp-nav-menu-title/45109?page=1
	$cippo_menu_locations = (array) get_nav_menu_locations();
	$cippo_menu = get_term_by( 'id', $id_menu, 'nav_menu', ARRAY_A );
	echo $cippo_menu[ 'name' ];
}

In de template bijvoorbeeld

<h2><?php rrwd_get_name_menu(9); ?></h2>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'menu' => 9) ); ?>

<?php  
if($post->post_parent) {  
  $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0&sort_column=menu_order");  
  $titlenamer = get_the_title($post->post_parent);  
} else {  
  $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0&sort_column=menu_order");  
  $titlenamer = get_the_title($post->ID);  
}  
if ($children) { ?>
  <h2> <? echo $titlenamer ?> </h2>  
  <ul id="sidebar-menu">    
    <?php echo $children; ?>  
  </ul>
<?php } ?>

See it in action: Regelink.net

Bron: WordPress forum

If you are looking for a WordPress plugin for this,
go check out Pronamic’ add-on iDEAL voor Gravity Forms.

This code is for selecting one or more of a single item.
It uses the security check by hash tag (see the iDEAL documentation for more info about this)

First create 5 new pages like

• Order (this is the page with the GF)
• Confirm (where the visitor checks and confirms her order)
• Thanks (page for iDEAL to redirect to when the payment is successfull)
• Error (page for iDEAL to redirect to when the payment is unsuccessful)
• Cancel (page for iDEAL to redirect to when the payment is canceled)

Add some explaining text to this pages, to let the visitor know what’s happening.

Then create the GF-form

This is the form the visitor has to fill out with name/address and number of items she wants to order.

Required are 2 input fields:

• items (make that a number-field, define a default value, e.g. 1)
• price (make that a text-field, define a value with 2 decimals)

Form-options:

• Form confirmation: choose Redirect and select to the full url of the page we named Confirm
• Check “Pass Field Data Via Query String” and fill out: id={entry_id}

Include this form into the page Order.

Create the PHP template file for the order confirmation

Create a template file for the Confirm page. Include the following code before the get_header(); These are fixed parameters iDEAL needs.

$id_order = $_GET['id'];

// fixed parameters
$key = 'xxxxxxxxx'; // your hash key of secret key
$merchantID = '1234567890'; // your Acceptant ID
$subID = '0';              //almost always 0 (null)
$purchaseID = "$id_order";        //number or code for your backoffice (I used the form id)
$paymentType = 'ideal';    //always ideal
$validUntil = date('Y-m-d\TH:i:s.000\Z', time()+900); // this moment plus 15 min)
$itemNumber1 = '1';  // in case of hash tag, use always 1
$itemDescription1 = "Box of chocolates";     // the description of the item you sell
$itemQuantity1 = 1;                    // in case of hash tag, use always 1
$language = ''; // empty is faster
$currency = 'EUR';
$description = "Another order of some delicious chocolate"; // the description of your order
$baseurl    = 'http://www.yourdomain.nl'; // your website here....
$urlSuccess = "$baseurl/thanks/?id=$id_order";
$urlCancel  = "$baseurl/error/";
$urlError   = "$baseurl/cancel/";

Then add the data for the order and the calculated total amount, just below the content of the page. You need 3 id’s to make this work:

• The id of the form
• the field_number of “items”
• the field_number of “price”

The can retrieve these by looking them up in the HTML-code of the form, id=’input_2_1′ means form id  2, field number 1.

 <dl id="check-order">

<?php
// get data from form

$results = $wpdb->get_results( "SELECT value, field_number FROM wp_rg_lead_detail WHERE lead_id=$id_order ORDER BY field_number" ) ;

$form_meta = RGFormsModel::get_form_meta(2);
foreach ($results as $result) {
$field1 = RGFormsModel::get_field($form_meta, $result->field_number);
if ($result->field_number == 1 )  {
$items = $result->items;
if ($items < 1 ) $items = 1;
} elseif ($result->field_number == 22 ) {
$price = $result->value;
} else {
echo "<dt>". $field1["label"] . " </dt>\n";
echo "<dd>". $result->value . "</dd>\n";
}
}

$price  = str_replace(",", ".", $price);
$itemPrice1 = $price*100*$items;
$amount = $itemPrice1;
echo "<dt>Number of boxes </dt>\n";
echo "<dd>$items</dd>\n";
echo "<dt>Price for one box</dt>\n";
echo "<dd> &euro; ". number_format( ($price) , 2, '.', '') . "</dd>\n";
echo "<dt>Total </dt>\n";
echo "<dd> &euro; ". number_format( ($price*$items) , 2, '.', '') . "</dd>\n";

$shastring = "$key$merchantID$subID$amount$purchaseID$paymentType$validUntil"
. "$itemNumber1$itemDescription1$itemQuantity1$itemPrice1";
$shastring = preg_replace(
array("/[ \t\n]/", '/&/i', '/</i', '/>/i', '/&quot/i'),
array(         '',        '&',       '<',       '>',        '"'),
$shastring);
$shasign = sha1($shastring);
?>
</dl>

<form method="post" action="the url provided by your iDEAL supplier" name="form1">
<input type="hidden" name="merchantID" value="<?php echo $merchantID; ?>">
<input type="hidden" name="subID" value="<?php echo $subID; ?>">
<input type="hidden" name="amount" value="<?php echo $amount; ?>">
<input type="hidden" name="purchaseID" value="<?php echo $purchaseID; ?>">
<input type="hidden" name="language" value="<?php echo $language; ?>">
<input type="hidden" name="currency" value="<?php echo $currency; ?>">
<input type="hidden" name="description" value="<?php echo $description ; ?>">
<input type="hidden" name="hash" value="<?php echo $shasign; ?>">
<input type="hidden" name="paymentType" value="<?php echo $paymentType; ?>">
<input type="hidden" name="validUntil" value="<?php echo $validUntil; ?>">
<input type="hidden" name="itemNumber1" value="<?php echo $itemNumber1; ?>">
<input type="hidden" name="itemDescription1" value="<?php echo $itemDescription1; ?>">
<input type="hidden" name="itemQuantity1" value="<?php echo $itemQuantity1; ?>">
<input type="hidden" name="itemPrice1" value="<?php echo $itemPrice1; ?>">
<input type="hidden" name="urlSuccess" value="<?php echo $urlSuccess; ?>">
<input type="hidden" name="urlCancel" value="<?php echo $urlCancel; ?>">
<input type="hidden" name="urlError" value="<?php echo $urlError; ?>">
<input type="submit" name="submit2" value="Pay with iDEAL">
</form>

The (test)url provided by your iDEAL supplier is for example “https://idealtest.rabobank.nl/ideal/mpiPayInitRabo.do”

Then create the template for the Thanks page.

This is the page iDEAL redirects you if the payment is successful. In this page an email will be send to the owner of the site to inform her that someone made an order from the site.

Add below the content:

<?php
$id_order = $_GET['id'];
$body = "You've got a new order:\nView it on: http://www.yoursite.nl/wp-admin/admin.php?page=gf_entries&view=entries&id=2"; //id refers to the id of the form
wp_mail('your@email.nl', 'New website order', $body); ?>

Add some style

in style.php you can add something like:

#check-order {
  margin: 0 0 14px 0;
}
#check-order dt {
  font-weight: bold;
  float: left;
  width: 200px;
}

Discussion

One thing that needs to be added is an unique number to the form-id, to prevent direct access to the confirm page with only adding an id number. Thinking about adding the IP number of the visitor in a hidden field and checking with the conformation if the visitor has the same IP.

And $id_order = $_GET['id']; had to get properly sanitized and checked

Documentation and resources

• Gravity Forms
• iDEAL
• Handleiding iDEAL Lite (Dutch)
• And a big thanks to Alex Cancado from Rocketgenius.com for support and michaelbyrd123 for code idea’s.

Het enige wat je moet doen is in je css-stylesheet het volgende definiëren:

/* Font face */
@font-face {
font-family: GraublauWeb;
font-weight: bold; /* Optioneel */
src: url("jouw-internet-adres/GraublauWebBold.otf") format("opentype");
}

In de src plaats je waar de font zich bevindt, vervolgens definieer je in een html-tag waar deze font zich moet laten zien:

h2 {
    font-family: GraublauWeb;
    font-size: 18px;
}

En violá! Kind kan de was doen..

Bron:

• Font-face
• css3.info Web fonts with @font-face http://www.css3.info/preview/web-fonts-with-font-face/
• A list apart CSS @ Ten: The Next Big Thing

We beginnen simpel met een formulier te maken met de volgende html code:

<form id="form1" name="form1" method="get" action="/contact">
<label>
<select name="choice" id="select">
<option value="First Choice">First Choice</option>
<option value="Second Choice">Second Choice</option>
<option value="Third Choice">Third Choice</option>
</select>
</label>
<label>
<input type="submit" name="button" id="button" value="Submit" />
</label>
</form>

Wanneer de submit button wordt geklikt gaat de pagina met de informatie na de “/contact” pagina. Hier in zit het mail formulier van gravity forms.

Maar om nou de waarde op te halen van het ingevulde formulier moeten we die ook even op vragen. Dat doen we met de volgende php code:

<?php $choice = $_GET['choice'] ?>

Deze staat boven het formulier waar het Gravity Forms formulier zich bevindt. Aangezien we geen PHP in een WordPress pagina kunnen zetten moeten we dus een aparte template maken voor deze pagina.

Vervolgens gaan we naar onze form in de WordPress-backend. Hier in maken we een dropdown-field met dezelfde waardes als het formulier dat we boven hebben staan.

Daarna gaan we naar de “Advanced” tab van de dropdown. Daar zien we “Allow field to be populated dynamic” staan, vink deze aan! Geef hem een parameter mee die identiek is aan de naam van het formulier dat we in het begin hebben gemaakt. In dit geval dus “choice”, en violá!

Het zou nu moeten werken!

Met dank aan: Carl Hancock van Gravity Forms voor de support.

Stap 1: Maak een backup van jouw huidige WordPress installatie

(Als het gaat om een nieuwe installatie sla deze stap over)
Jouw WordPress site wordt ge-update wanneer je een nieuwe Netwerk aanmaakt. Vergeet niet de database en bestanden te backuppen.

Stap 2: Zet de functie Multi site aan

Om een Multi site aan te maken zal je in de “wp-config.php” het Netwerk menu item aan moeten zetten. Open dit bestand en voeg de volgende code toe, direct boven de tekst /* That’s all, stop editing! Happy blogging. */

define('WP_ALLOW_MULTISITE', true);

Stap 3: Installeer een netwerk

Nu het netwerk menu item aan staat, kunnen we het netwerk installeren.
Bekijk in het menu: Extra -> Netwerk

Nu krijg je de keuze tussen sub-domein of sub-mappen. Aangezien dit artikel is geschreven voor sub-mappen zal dit de keuze moeten zijn. Wil je toch gebruik maken van een sub-domein? Dan verwijs ik je door naar de documentatie op wordpress.org

De rest van de Netwerk details zijn automatisch ingevuld. Deze kan je nog aanpassen voordat we verder gaan.

Voordat we op de Install knop drukken controleer even goed of alles goed staat!

Stap 4: Zet het netwerk aan

Nu het netwerk is geïnstalleerd moeten we hem nog aanzetten. Dit doen we wederom weer in de wp-config.php

1. Backup eerst je bestaande wp-config.php en .htacces file
2. Maak vervolgens een “blogs.dir” map aan in de /wp-content/ map. Hierin komen opgeslagen Media bestanden die door de meerdere websites word gebruikt. Let op deze moet hetzelfde CHOWNed en CHMODed zijn als de /wp-content/ map zelf.
3. Open vervolgens het wp-config.php bestand om de code die we in stap 2 hebben toegevoegd te verwijderen. Voeg vervolgens de codes toe die zijn gegenereerd door de WordPress Netwerk installatie.

Voorbeeld:
define( 'MULTISITE', true );
define( 'SUBDOMAIN_INSTALL', true );
$base = '/';
define( 'DOMAIN_CURRENT_SITE', jouwdomein.com' );
define( 'PATH_CURRENT_SITE', '/' );
define( 'SITE_ID_CURRENT_SITE', 1 );
define( 'BLOG_ID_CURRENT_SITE', 1 );

Sla nu de wp-config.php op

4. Voeg de automatische gegenereerde mod_Rewrite rules toe aan de .htaccess
Als je nog geen .htaccess hebt maak deze aan en voeg de codes toe die zijn gegenereerd op de installatie pagina. Heb je wel een bestaande .htaccess? Vervang de WordPress codes met de nieuwe die gegenereerd zijn.

Voorbeeld:
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# uploaded files
RewriteRule ^files/(.+) wp-includes/ms-files.php?file=$1 [L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule . index.php [L]

Sla nu de .htaccess op

5. Opnieuw inloggen
Eenmaal de bovenstaande stappen zijn voldaan. Staat de WordPress Multi site installatie goed ingesteld. Nu zal je opnieuw moeten inloggen wil je gebruik kunnen maken van de Super-Beheerder functie.

Stap 5: Het aanmaken van een Multi site

Eenmaal opnieuw ingelogged zal je onder de Super-beheerder functie (links bovenin) websites kunnen toevoegen of verwijderen. Dit geldt ook voor gebruikers!

Bronnen en code:

• Plugin WordPress MU Domain Mapping
• Documentatie WordPress, Create a network

Deze man is werkzaam bij het Ministerie van Binnenlandse zaken als Wetgevingjurist. Buiten dat zijn functie al erg interessant is, heeft Leo Dijk ook nog een andere interessante eigenschap. Hij is namelijk blind. Maar maakt toch volledig gebruik van het Internet. Dus ik vroeg me natuurlijk  af als leergierig persoon: Hoe gaat dat in zijn werk?!

Omstreeks 12:00 werd ik verwacht in het gebouw. Het ging allemaal erg officieel, wanneer ik het gebouw binnen wandelde moest ik mijn naam opschrijven / identificeren en tijd van aankomst aangeven. Even later kwam Leo Dijk mij ophalen en begeleide mij naar de bibliotheek van het gebouw. Vervolgens gingen we een 1-op-1 gesprek aan om elkaar te leren kennen. Stelde mij voor als Rick Leyten eindejaar student Mediatechnologie MBO4, in het kort vertelde ik Leo dat ik websites maak. Dus was het voor mij erg boeiend om te zien hoe iemand met een handicap over het web surfde.

Na de introductie gingen we naar het kantoor van Leo, de demonstratie begon! Als eerst legde Leo uit hoe zijn “spraak computer” ter werk ging, vervolgens hoe hij zijn braille apparatuur gebruikte. Vervolgens starten Leo de Internet Browser op (dit gaat geheel via het toetsenbord). Aangezien de muis niet van toepassing is, wordt deze ook niet gebruikt.

Met allerlei toetsencombinaties (die ik niet eens wist te vinden zonder muis) vroeg Leo de rubrieken (H1/H2/H3 tags) / links & overige informatie zoals gebruik van Frames en Tabellen op. Vanuit hier kon hij door de onderwerpen en links van de pagina scrollen.

De spraakcomputer las automatisch voor wat er stond, voor mij ging dit nog heel snel (snelheid 95) dus besloot Leo (die het wel grappig vond) hem wat langzamer te zetten (snelheid 70). Toen liet hij mij wat handige functies zien bijvoorbeeld hoe je in 1 toetsencombinatie bij het eerst volgende invul veld komt (denk aan searchbar oid). Toen zochten we op “wetten” via het intranet van BZK, vervolgens ging Leo de content lezen. Ik merkte op dat Leo verder was met het lezen van de content via Braille dan de spraakcomputer was (vergeet niet snelheid 70!). Elke regel die geselecteerd is via het Braille Apparatuur kan Leo lezen. Wanneer hij klaar is met deze regel tabbed hij naar de volgende regel. Het ging allemaal erg snel!

Na te hebben gezien hoe Leo gebruik maakt van de software en de apparatuur was het natuurlijk tijd om de websites die ik ken uit te testen!

We typten www.rrwd.nl in het adresbalk en ik liet Leo zijn “ding” doen. Het was een nieuwe site waar hij nog nooit op had gezeten dus was het voor hem wat moeilijker om er door heen te surfen dan de vorige site waar we op zaten. Maar dankzij dat de rrwd.nl gebouwd is volgens de W3C richtlijnen en de Webrichtlijnen van de overheid, kwam Leo er goed uit. Eindbeoordeling van de site: een dikke 9. Het was “strak gebouwd” zoals Leo zelf zei.

Vervolgens gingen we naar een wat ingewikkeldere site. Deze had een flash popup wanneer je inlogde (het was een website met zijn pensioen overzicht), hier liep Leo vast. Hij kon de popup niet sluiten, de software begreep er niks van. Kortom “Adobe” doe hier iets aan. Flash is een “No Go” voor mensen met een visuele handicap. Er waren geen links en geen rubrieken te indexeren. Er zat niks anders op dan mij om hulp vragen om de flash pop-up te sluiten of de Internet browser sluiten.

Toen surfde we naar een willekeurige website van een grafisch ontwerp bureau, deze site leunde stevig op Javascripts en iFrames.  Deze technieken werken niet mee met de software van Leo. Hij kwam niet verder dan het menu. Op een of andere manier bleef zijn “manier van tabben” vast hangen in het menu en kon de content van de website niet gelezen worden.  Kortom dit was een “No Go”.

Vervolgens gaf Leo mij nog een tip met het gebruik van .pdf files! Deze werden door zijn software niet goed gelezen. De spraakcomputer zag geen tekst staan en via het Braille was er ook niks te vinden. Kortom .pdf files zijn nog niet geschikt voor deze software (wederom Adobe!).

Ik had genoeg gezien en Leo had honger! Dus besloten we elkaar de hand te schudden en te bedanken. We houden contact vooral wanneer ik in de toekomst een website bouw om hem “Leo-proof” te laten keuren ; -). Het was voor mij een motiverende ervaring om vooral de websites die ik bouw in de toekomst ook toegankelijk te maken voor blinde mensen.

Bedankt Rian Rietveld en Sander Terphuis en natuurlijk Leo Dijk voor deze unieke ervaring!

Als het goed is zit de var pageTracking al in de code (de nieuwste versie van de Google Analytics code dan)

<script type="text/javascript">
  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
  var pageTracker = _gat._getTracker("UA-XXXXXX-X");
  pageTracker._trackPageview();
</script>

Aan de betreffende link voeg je de Javascript-functie recordOutboundLink toe, met de naam van de link, zoals je die in Google Analytics wilt zien.

<a href="http://www.rrwd.nl" 
   title="externe link naar rrwd.nl"
   onClick="recordOutboundLink(this, 'Outbound Links', 'RRWD web development');return false;" >    
  <img src="/pad_naar/advertentie.gif" alt="RRWD web development"></a>

Bovenin de pagina in de <head>-sectie voeg je JavaScript toe die zorgt dat de onClick goed wordt uitgevoerd.

<script type="text/javascript">
function recordOutboundLink(link, category, action) {
  try {
    var pageTracker=_gat._getTracker("UA-XXXXX-X");
    pageTracker._trackEvent(category, action);
    setTimeout('document.location = "' + link.href + '"', 100)
  }catch(err){}
}
</script>

En nu kun je per advertentie (of willekeurig elke andere link naar buiten) zien waar en wanneer en hoe vaak deze is aangeklikt.

Ga hiervoor naar de rapporten van statistieken van de betreffende site

• Kies “Inhoud
• Kies “Bijhouden van gebeurtenissen”
• Kies categorieën
• Kies Outbound Links
• Je kunt nu ook bijvoorbeeld als extra de pagina’s zien waar de links zijn aangeklikt (bestemmingspagina kiezen bij “Geen”) . Verschillende soorten rapportage zijn mogelijk.
• Je kunt bijvoorbeeld aangepast rapport maken per adverteerder en die elke maand automatisch via de e-mail laten versturen naar de opdrachtgever.

Bronnen:

• Google: How do I manually track clicks on outbound links?
• Google: Uitgaande links bijhouden
• Google Event tracking guide

Het was toch wel een gemis, elkaar wel vaak digitaal spreken en elkaar nog nooit echt ontmoet. Maar op de Handwerkbeurs in Rotterdam kwam hierin verandering. Via Twitter besloten we met een zestal meiden tot een #zelfmaakmodetwitterlunch. Bijna iedereen kon komen en ondanks de drukte vonden we een tafeltje voor onze lunch.

Het was mij een grote opluchting om eens ontspannen te praten over bedrijfsvoering, internet, marketing, goede en slechte ideeën. Tips en complimentjes uitwisselen. Een vriendschappelijk dialoog op gelijkwaardige voet. Zonder competitie! Hoe anders dan in mijn dagelijkse realiteit van web development. Waar je vooral toch moet laten zien hoe goed/handig/slim/belezen je bent en je, zeker als vrouw, moet opboksen tegen alles beter wetende snelle jongetjes die verbijsterd kijken als er geluid komt uit deze dame. Dan moet je vol in de aanval om je staande te houden in een soort rat race om vooral goed over te komen als expert in alles op internet.

Dus: de #zelfmaakmodetwitterlunch houden we erin. Dames, pak uw agenda’s…

Met dank aan:

• Helen Zandt van naaipatronen.nl
• Els Raaman van Mode Maken doe je zo …
• Judith Schol van uitgeverij Blad Apart
• Janet Vermist van Second Events
• Rianne Nota van Bernina Nederland en België

Zo, dat is er even uit
Over naar de orde van de dag: websites bouwen.