Wordpress Plugin: Wp-image-dropshadow (ombre sulle immagini)

Ho appena creato un prototipo di un plugin, al momento sono solo poche righe di codice (giusto delle inclusioni), che permette di aggiungere dinamicamente con css e Javascript le ombre sulle immagini (come questa che vedi nel post).

Non so se gia esiste un plugin che faccia questo lavoro, ma non l’ho trovato (non è che ci abbia perso molto tempo), quindi non ho perso tempo e ne ho creato uno.

Non ho avuto tempo di creare una piccola interfaccia di amministrazione, ma nei prossimi giorni lo farò senz’altro, per adesso il funzionamento è molto semplice, basta copiarlo nella dir dei plugin ed attivarlo.

Poi, bisogno modificare il file js/shadyhotness.js:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

Behaviour.register({
 
  '.PostContent img' : function(element) {
 
    var wrap1 = document.createElement("div");
 
    wrap1.className = "wrap1";
 
    wrap1.setAttribute("class", "wrap1");
 
    var wrap2 = document.createElement("div");
 
    wrap2.className = "wrap2";
 
    wrap2.setAttribute("class", "wrap2");
 
    var wrap3 = document.createElement("div");
 
    wrap3.className = "wrap3";
 
    wrap3.setAttribute("class", "wrap3");    var outerNode = element.parentNode;
 
    outerNode.insertBefore(wrap1, element);
 
    wrap1.appendChild(wrap2);
 
    wrap2.appendChild(wrap3);
 
    outerNode.removeChild(element);
 
    wrap3.appendChild(element);
 
  }
 
});

La riga incriminata è la 2, esattamente “.Postcontent img”, cioè tutte le immagini che sono dentro la classe .PostContent (che rispecchia il mio CSS), quindi cambiare “.Postcontent” con la tua classe CSS che racchiude i post.

Vi prometto che farò un interfaccina di amministrazione al più presto.

Il codice è stato preso da: http://sporkmonger.com/2006/01/15/the-shady-hotness

Il plugin utilizza lo script Behaviour.js. dove potete trovare tutta la documentazione.

Potete scaricare il plugin qui: wp-image-dropshadow.tar.gz

Attendo vostri feedback

I miei delicious dal 18th Agosto al 19th Agosto

Bookmark dal 18th Agosto al 19th Agosto:

• tutorial photoshop su youtube -
• 21 temi per wordpress -
• 10 temi per wordpress -
• temi per wordpress -
• Free Software Sticker Book -
• Code Snippets - find durable events between two dates -
• tutorial photoshop su youtube -
• 21 temi per wordpress -
• 10 temi per wordpress -
• temi per wordpress -
• Free Software Sticker Book -
• Code Snippets - find durable events between two dates -

Plugin: WP-Firebug-lite 0.01

Ho scoperto solo oggi l’esistenza di Firebug-lite e ho iniziato a giocherellarci sulla mia installazione di Wordpress (anche se a dire la verità ancora non ho ben capito come utilizzare al meglio la console..), comunque mi sono dato un occhiata in giro e mi è sembra che nessuno abbia sviluppato una specie di plugin per Wordpress per includere senza mettere mano al codice, il nostro Firebug-lite.

Cosi, in massimo 60 secondi, ho buttato giu “3″ righe (proprio 3!) di Php e ho creato un prototipo di un plugin per attivare Firebug-lite su Wordpress, se volete scaricarlo, lo trovate qui.

Basta installarlo copiandolo nella classica directory “wp-content/plugins/, attivarlo dal pannello di backend di Wp ed il gioco è fatto, per utilizzarlo basta premere F12 in una qualsiasi pagina e magicamente vi troverete la console pronta per essere utilizzata!

Qualcuno ha idee su come farlo evolvere ?

Cerca