WordPressCat

A L’home dibuixat el Xavier ha posat un enllaç a l’entrada A Journey Throught Five Years of WordPress Interface, on els de PlanetOzh fan un resum en imatges de l’evolució del tauler d’administració de WordPress des de la versió 0.72 fins a la darrera 2.7.

Recordo que la primera versió que vaig tocar jo de WordPress va ser la 2.0… Quina va ser la vostra primera?

A Vandelay han fet un recull de recursos per trobar el color perfecte segons les teves necessitats. Altament re4comanable en cas que vulguis retocar una mica el teu tema.

Si sou usuaris de la Viquipèdia, potser heu vist que diferencia els enllaços externs dels interns amb un color diferent i una imatge. Si voleu posar aquest efecte al vostre blog, simplement heu de seguir els passos següents.

Per començar, hauríeu de posar aquest codi dins de les etiquetes HTML :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script type="text/javascript">
    function init(){
        var links = document.getElementsByTagName('a');
        for(var i=0 ; i < links.length; i++){
            var link = links[i];
            if(link.href.indexOf('elteublog.cat') == -1){
                //  és un enllaç extern
                link.style.paddingRight = "10px";
                link.style.backgroundImage = "url(images/aoutside.gif)";
                link.style.backgroundPosition = "right center";
                link.style.backgroundRepeat = "no-repeat";
            }
        }
    }
</script></script>

ATENCIÓ! No sé perquè, però em crea dos tancaments de l’etiqueta script. N’heu d’esborrar un!

Aquest codi crea la funció init(), que busca totes les etiquetes que enllacin a una web diferent de la especificada a la línia 6 i li aplica un estil diferent (línies 8-11). La imatge que fa servir està definida a la línia 9.

Un cop enganxat el codi, heu de canviar l’etiqueta per i ja funcionarà.

Teniu més informació sobre això al blog Sofá Naranja.

La pròxima versió de WordPress ja té un disseny definitiu per a l’Adminitració. Aquesta vegada, el menú està a l’esquerra, i el Tauler recull molta més informació que el de la versió 2.6: feeds personalitzats, comentaris recents (amb gravatar), esborranys recents, el famós mòdul QuickPress… A més, si instal·lem el plugin WordPress.com Stats ens apareixerà un altre mòdul amb més informació: visites generals, entrades més visitades, les cerques més recents…

Pel què fa al Tauler d’escriptura, s’ha afegit una nova funcionalitat. Ara, a més de poder afegir mèdia com podem fer actualment, podem incrustar mèdia d’algunes webs en concret, com ara YouTube, Flickr…

Això només és un petit resum. Si voleu, podeu llegir-vos l’entrada corresponent al blog oficial de WordPress.

Els d’Smashing Magazine han fet una d’aquelles llistes que a mi m’agraden tant i d’on trec moltes coses que faig servir en alguns projectes. WordPress Developer’s Toolbox és un recull d’enllaços de tot tipus sobre diferents temes (extractes de codi, temes en blanc per a crear-se’n un de propi, fulls d’ajuda ràpida, galeries d’inspiració, llocs on vendre temes, llistes d’icones…), tots ells relacionats amb l’edició i creació de temes (o dissenys, digue-n’hi com vulguis).

Com ja he dit, a mi m’agraden molt aquest tipus de llistes. I més si la fan els d’Smashing Magazine, que acostumen a fer entrades molt llargues i molt completes. Això sí, la llista està en anglès… Aprofiteu-la!

Si has actualitzat a WP2.6, és molt possible que, a l’hora de canviar les alineacions de les imatges (que, per cert, només es poden adjuntar a l’entrada a través del carregador d’arxius), les vegis ben alineades a l’editor d’entrades, però a l’hora de pubicar l’entrada, les vegis descol·locades.

En Joan Barrios, que té aquest problema, ens va enviar un email a través del formulari de contacte dient:

Amb el WP 2.6, ha desaparegut la icona per colocar la
imatge a l’article (dreta-esquerra) i tot s’ha de fer des de
l’adjuntador d’imatges, oi? A mi em passa que malgrat indiqui que la
vull a la dreta, surt on vol la imatge que trio. És normal? És culpa
del tema? Gràcies per ajudar-me.

La resposta: la nova versió de WordPress canvia les classes CSS per alinear les imatges d’una manera o d’una altra. A més, amb l’aparició de l’apartat “Llegenda”, que serveix per a afegir un peu de foto (molt útil), s’introdueixen diverses classes noves, wp-caption, wp-caption img i wp-caption p.wp-caption-text.

Seguiu llegint per a veure el codi que es fa servir a l’style.css del tema Default. Penseu que, si el copieu directament, pot ser que les imatges no acabin d’enquadrar-se bé. Penseu en canviar el codi del Default pel del vostre tema!

Segueix llegint »

Fa uns dies he estat retocant un tema pel meu blog personal (en fase de proves) per adaptar-lo als meus gustos, i la veritat és que he fet servir moltíssim la pàgina Template Tags del Codex, però si hagués conegut aquesta guia de referència, hagués estat tot molt més fàcil.

Aquesta guia de referència, creada en anglès pels de DBS, resumeix tota la informació que hi ha al Codex però en una sola pàgina. Cada etiqueta de tema té la seva pròpia descripció i exemples dels paràmetres que admet.

Mai està de més tenir-la a les Adreces d’Interès… Qui sap, potser algun dia t’agradaria canviar les etiquetes title del teu blog, per exemple…

Font: Codigo Geek

Ahir us vam explicar com afegir botons a l’editor HTML. Doncs bé, avui, per completar l’anotació d’ahir, us ensenyarem com modificar aquests botons amb CSS i fer que destaquin una mica més. Utilitat? Doncs sí, molta: d’aquesta manera, veurem ràpidament quin botó hem d’apretar, perquè els botons per defecte, a part qu són molt sossos, costa distingir-los entre ells.

Segueix llegint »