L’altre dia parlàvem sobre com separar pàgines amb <!–nextpage–>. Però no vam explicar que hi ha una manera d’escriure aquesta etiqueta molt més ràpidament: afegint un botó que inclogui aquest codi a l’editor d’HTML.

Nosaltres ho farem com els de la vella escola: editant codi. Penseu que hi ha plugins que fan això, però sempre és millor no sobrecarregar el blog de plugins…

Per fer-ho, només necessitarem editar l’arxiu wp-includes/js/quicktags.js i adaptarem un dels codis ja existents a les nostres necessitats.

En aquest arxiu, els codis que posem estan per ordre, és a dir, que si el que fem nosaltres el posem el primer, es veurà el primer a l’editor HTML. Per això, si volem afegir, per exemple, un botó que insereixi <!–nextpage–>, seria una bona idea posar-lo just després del botó more.

A l’arxiu quicktags.js hem de buscar el codi següent:

edButtons[edButtons.length] =
new edButton('ed_more'
,'more'
,'&lt;!--more-->'
,''
,'t'
,-1
);

Farem servir el que defineix el botó more, per fer-ho més fàcil. Nosaltres només canviarem la 2a, 3a i 4a línia, que són, respectivament, les que defineixen: la identitat del botó, el nomdel botó i el codi que es mostrarà la primera vegada que clickem el botó. La 5a defineix el coi que es mostrarà al clickar el botó per segon cop (per exemple, en el cas del botó b, la 5a línia defineix /b).

Nosaltres adaptarem aquest codi a les nostres necessitats i crearem això (canvieu &lt; per < !!):

edButtons[edButtons.length] =
new edButton('ed_next'
,'nextpage'
,'&lt;!--nextpage-->'
,''
,'t'
,-1
);

Recordeu que és una bona idea posar-lo just després del botó more!

I així de fàcil és crear un botó nou. Podem crear-ne tants com vulguem, fins i tot per posar vídeos del YouTube (amb codi vàlid, és clar):

edButtons[edButtons.length] =
new edButton('ed_youtube'
,'YouTube'
,"< object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/XXXXXXX" />< embed type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/XXXXXXX" wmode="transparent">"
,''
,'y'
);

Una vegada posi clicki sobre el botó, només hauré de canviar XXXXXXX per al ID del vídeo que vull, i ja està (si el voleu fer servir, esborreu els espais davant de <object i <embed ).

A més, si combinem aquest sistema amb el plugin WP-Syntax (per mostrar codi en diferents llenguatges de programació), podem obtenir un boníssim editor visual. A Reparación Informática han fet un quicktags.js especial, i el plugin el podeu obtenir des d’aquí (no us descarregueu el de la pàgina Reparación Informática, perquè està desfasat).

Lògicament, aquest codi per afegir botons es pot adaptar per a qualsevol cosa. Espero que us sigui útil!

Si teniu dubtes, podeu mirar-vos aquest esborrany al Codex, que, tot i ser esborrany, està bastant clar.