Traffyk - I'm driving crazy » Programming

WordPress plugin: Custom Fields Translate, collega gli articoli tradotti italiano/inglese di due blog automaticamente

Traffyk — Wed, 28 Nov 2007 18:23:14 +0000

Ho realizzato un plugin per rendere automatico il collegamento tra gli articoli del blog in lingua italiana e quello del blog in lingua inglese. Il plugin in pratica sfrutta i campi personalizzati di WordPress (Custom Fields sul Codex), questi campi sono molto sottovalutati in WordPress e molte persone sicuramente non hanno ancora capito la potenza di questa funzionalit tale che la documentazione al riguardo davvero molto scarsa e mi piacerebbe in qualche modo poterla ampliare, inoltre ancora pi scarsa la disponibilit di plugin che utilizza questa funzione.

I campi personalizzati in WordPress si trovano nella pagina di scrittura articolo, o pagina, e servono per condividere dati sotto una chiave comune tra pi articoli…

Grossomodo riportando l’esempio del Wiki di WordPress Italy, uso dei campi personalizzati, possibile creare una chiave del tipo “Libri che sto leggendo” e il rispettivo, o i rispettivi valori, “Libro 1″, “Libro 2″ e cos via. Queste informazioni vengono chiamate meta-dati e possono essere aggiunte nei nostri post tramite una breve riga di codice all’interno del loop prima o dopo il proprio articolo:

Per farvi un esempio pi concreto, possiamo ad esempio creare una chiave Musica in ascolto e poi aggiungere di volta in volta ad ogni post che scriviamo il titolo della canzone che stiamo ascoltando o il nostro stato d’animo.

Finita questa breve introduzione ai Custom Fields posso finalmente introdurre il mio vero articolo e spiegarvi come funziona il mio plugin, sinceramente dei meta dati, del libro che leggo e della musica che ascolto non mi frega nulla, questa funzionalit pu esserci utile per cose molto migliori come risparmiarci di dover creare di volta in volta i collegamenti manualmente tra i nostri articoli tradotti in bilingue (nel mio caso inglese, italiano, ma sarebbe possibile utilizzare un numero infinito di lingue apportando piccole modifiche al codice).

Il plugin sfrutta due chiavi dei campi personalizzati, “title” e “translation“, baster quindi aggiungere tali chiavi una prima volta rispettivamente nei 2 blog e installare il plugin ed attivarlo su entrambi. In title andr messo il titolo dell’articolo tradotto e in translation invece l’url dell’articolo, poi non bisogner fare pi nulla il plugin inserir direttamente i meta-dati nel vostro articolo come potete vedere dalla prima foto di questo articolo.
Vediamo un esempio di inserimento valori:

Blog italiano:

Blog inglese:

E questo il risultato (naturalmente equivalente anche nella versione inglese):

Il plugin potete scaricarlo liberamente, l’ho chiamato Custom Fields Translate, potete farne ci che volete e analizzarlo per comprendere meglio il funzionamento dei meta-dati, ho inserito all’interno anche l’immagine della bandierina e il pezzetto di codice dello stile da aggiungere in fondo al vostro foglio di stile. L’immagine dovreste inserirla nella cartella images del vostro template.

Scarica qui: CustomFieldsTranlate1.0.rar

Immagine:

WordPress Plugin: aggiungere una barra di amministrazione nella testata del blog

Traffyk — Tue, 13 Nov 2007 17:27:29 +0000

Vi segnalo questo interessantissimo plugin che da qualche giorno mi sta facilitando davvero l’accesso alla sezione amministrativa dei miei blog. In pratica questo plugin crea una barra di collegamenti nella testata del vostro blog WordPress (volendo possibile posizionarlo nel punto in cui meglio crediamo visto che bisogner aggiungere una piccola riga di codice nella nostra template).

Per chi volesse vederlo all’opera ho preparato questi due screenshot per mostrarvi concretamente come viene posizionato nei vostri temi grafici.

Il plugin si chiama Wp Admin Bar Reloaded ed entrer in funzione sul blog solo ad accesso effettuato dell’amministratore quindi rester del tutto invisibile all’utente finale ne influenzer in alcun tipo la presentazione delle pagine a quest’ultimo.

Il codice da inserire per far apparire la barra in questione questo:

Va messo subito dopo il tag se volete farlo apparire nel punto pi alto della pagina altrimenti potete posizionarlo dove meglio credete. Nel caso inoltre doveste avere problemi nella visualizzazione della barra dovuta ad un foglio di stile non compatibile potete inserire questo codice direttamente nel vostro foglio di stile per integrare perfettamente la barra:

#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center} #wp-admin-bar ul {margin:0; padding:0} #wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

Naturalmente a voi la scelta di personalizzare o meno i parametri impostati

Tipi di dati astratti: la coda (queue) e algoritmo in Java 5.0

Traffyk — Wed, 03 Oct 2007 20:39:17 +0000

Secondo capitolo della puntata algoritmi e strutture dati la coda.

Un coda una struttura dati molto semplice, segue il principio FIFO, First In First Out, il primo ad entrare il primo ad uscire.. o potremmo dire chi primo arriva meglio alloggia!:P

Oggi non posso spiegarvi tutto, come sempre confido nei vostri commenti e richieste di informazioni specifiche per contribuire al meglio al post. Vediamo subito quali metodi ha l’interfaccia Queue:

enqueue(e): accoda l’elemento e alla coda, in pratica posiziona dietro l’elemento;
dequeue(): prende il primo elemento della coda, ovvero il primo ad essere entrato, lancia un’eccezione se vuota;
front(): simile al pop dello stack, legge il primo elemento della coda senza per toglierlo da essa, lancia un’eccezione se vuota;
size(): un classico ormai, restituisce la dimensione;
isEmpty(): booleano per sapere se la coda vuota o occupata da elementi.

Vediamo quindi l’interfaccia:

package queue;

import exception.EmptyQueueException;

public interface Queue {

 public int size();
 public boolean isEmpty();
 public E front() throws EmptyQueueException;
 public void enqueue(E element);
 public E dequeue()throws EmptyQueueException;
}

Questa la classe della nuova eccezione che abbiamo creato:

package exception;

public class EmptyQueueException extends RuntimeException{
 /**
  *
  */
 private static final long serialVersionUID = -6005613600247835251L;

 public EmptyQueueException(String errore) {
  super(errore);
 }

}

Classe ArrayQueue per implementare l’interfaccia con un array:

package queue;

import exception.EmptyQueueException;
import exception.FullQueueException;

public class ArrayQueue implements Queue{
 protected int capacity;
 public static final int CAPACITY = 1000;
 protected E[] Q;
 protected int f, r = 0;

 public ArrayQueue() {
  this(CAPACITY);
 }
 @SuppressWarnings("unchecked")
 public ArrayQueue(int capacity) {
  this.capacity=capacity;
  Q = (E[]) new Object[capacity];
 }
 public boolean isEmpty() {
  return (f==r);
 }
 public E dequeue() throws EmptyQueueException {
  if (isEmpty())
   throw new EmptyQueueException("Queue is empty");
  E element;
  element = Q[f];
  Q[f] = null;
  f = (f+1) % Q.length;
  return element;
 }
 public void enqueue(E element) throws FullQueueException{
  if (size() == Q.length-1)
   throw new FullQueueException("Queue is full");
  Q[r] = element;
  r = (r+1) % Q.length;
 }
 public int size() {
  return ((Q.length-f+r) % Q.length);
 }
 public E front() throws EmptyQueueException {
  if (isEmpty()) throw new EmptyQueueException("Queue is empty");
  return Q[f];
 }

}

Classe dell’altra eccezione:

package exception;

public class FullQueueException extends RuntimeException{
 /**
  *
  */
 private static final long serialVersionUID = -6005613600247835251L;

 public FullQueueException(String errore) {
  super(errore);
 }

}

E infine la classe di test:

package queue;

public class TestArrayQueue {
	public static void main(String[] args) {
		Queue A = new ArrayQueue();
		A.enqueue(5);
		System.out.println("Enqueue 5");
		A.enqueue(3);
		System.out.println("Enqueue 3");
		System.out.println("Dequeue "+A.dequeue());
		A.enqueue(7);
		System.out.println("Enqueue 7");
		System.out.println("Dequeue "+A.dequeue());
		System.out.println("Front "+A.front());
		System.out.println("Dequeue "+A.dequeue());
		if (!A.isEmpty()) A.dequeue();
		A.enqueue(9);
		System.out.println("Enqueue 9");
		A.enqueue(7);
		System.out.println("Enqueue 7");
		System.out.println("Size :"+A.size());
		A.enqueue(3);
		System.out.println("Enqueue 3");
		A.enqueue(5);
		System.out.println("Enqueue 5");
		System.out.println("Dequeue "+A.dequeue());

	}
}

Buonanotte rag!

Tipi di dati astratti: Lo Stack, con algoritmo in Java 5.0

Traffyk — Tue, 02 Oct 2007 21:59:08 +0000

Eccoci finalmente arrivati alla prima stuttura di dati che andremo ad analizzare, lo Stack.

Prima di cominciare vorrei fare una piccola premessa, utilizzo il linguaggio Java per implementare gli algoritmi (in particolare Java 5.0), si presume (come ho citato nell’articolo precedente) che conosciate almeno in piccola parte il linguaggio Java, in particolare Classi, interfacce, Variabili assegnamenti e operatori/operazioni, cicli, packages e chi pi ne ha pi ne metta. Non vorrei trattare guide riguardanti la normale programmazione in Java in quanto ci sono degli ottimi libri che permettono di superare addirittura un esame universitario (nel mio caso cos stato ), mi permetto quindi di citarvi l’ottimo Java Mattone dopo Mattone, liberamente scaricabile e utilizzabile da tutti, non sar aggiornatissimo ma una volta acquisiti i fondamenti iniziali aggiornarsi alle ultime versioni di Java non sar un problema .

Uno Stack una struttura di dati astratta, all’universit lo chiamiamo TDA (Tipo di Dati Astratto), definizione forse pi azzeccata perch una volta definita questa struttura avremo proprio un nuovo tipo di dato da poter utilizzare per i nostri programmi.

Il principio di funzionamento di uno Stack semplicissimo, immaginate una pila di piatti dove l’ultimo ad essere posizionato il primo ad uscire e cos man mano potremo prendere sempre l’ultimo piatto (elemento/oggetto). Questa tipologia di inserimento/rimozione oggetti prende il nome di last-in first-out (LIFO), in parole povere il primo ad entrare l’ultimo ad uscire.

In uno stack/pila abbiamo principalmente due funzionalit che chiameremo con il nome di metodi:

push(e): Inserisce l’elemento e, naturalmente in testa allo stack;
pop(): pop invece non ha bisogno di argomenti/parametri perch prende, o meglio toglie, dal nostro stack l’ultimo elemento e ce lo restituisce. In questo metodo per, nel caso lo stack fosse vuoto, avremo un errore perch pop() non sar capace di prendere elementi dallo stack, gli errori in java vengono comunemente definiti come eccezioni;

Inoltre ai nostri due metodi che definiscono la base di funzionamento dello stack abbiamo anche 3 metodi aggiuntivi, non saranno obbligatori ma ci permettono di gestire al meglio l’intero stack e di gestire alcune eccezioni risparmiando cos anche un po di tempo:

size(): ritorna il numero degli elementi nello stack;
isEmpty(): ritorna un valore booleano (vero, falso) per indicare se lo stack vuoto o meno;
top():top invece un metodo abbastanza simile al pop() soltanto che invece di togliere l’elemento dallo stack per fornircene il contenuto si limita soltanto a leggerlo e restiturci il risultato, in questo modo naturalmente non potremo leggere il contenuto dell’elemento successivo (contenuto sotto) finch non effettueremo il pop(), anche questo metodo lancia un eccezione nel caso lo stack sia vuoto.

Il codice per la rispettiva interfaccia in Java 5.0 sar di questo tipo:

 package stack;

 import exception.EmptyStackException;

 public interface Stack {
  public int size();
  public boolean isEmpty();
  public E top() throws EmptyStackException;
  public void push (E element);
  public E pop() throws EmptyStackException;
 }

Tramite l’interfaccia potremo implementare tutti gli algoritmi e definire la struttura di dati che pi ci piace senza dover per forza fornire dettagli sulle nostre implementazioni semplicemente perch dovremmo soddisfare tutti i requisiti richiesti dall’interfaccia e quindi implementare tutti i metodi. Da notare che importo da un secondo package, exception, la classe EmptyStackException che ci permetter di gestire i nostri errori di tipo Stack Vuoto, il codice il seguente:

package exception;

@SuppressWarnings("serial")
public class EmptyStackException extends RuntimeException{

public EmptyStackException(String exception) {
super(exception);
}

}

In questo articolo implementeremo una rudimentale struttura di dati per lo Stack grazie ad un array, come potrete ben capire da soli avremi dei problemi:

Dovendo dichiarare l???array avremo una dimensione ben definita e quindi non pi modificabile (con tutti i problemi che naturalmente ne deriveranno);
Una volta riempito l???array il push, se eseguito ancora, lancer un???eccezione di stack pieno (FullStackException);
Gli elementi nell???array verranno aggiunti da destra verso sinistra;
Riempito l???array e quindi il push per effettuare una nuova push dovremmo per forza di cose effettuare una pop;

Vediamo quindi il codice in Java 5.0:

package stack;

import exception.EmptyStackException;
import exception.FullStackException;

public class ArrayStack implements Stack{
 protected int capacity;
 public static final int CAPACITY = 1000;
 protected E[] S;
 protected int top = -1;

 public ArrayStack() {
  this(CAPACITY);
 }
 @SuppressWarnings("unchecked")
 public ArrayStack(int capacity) {
  this.capacity=capacity;
  S = (E[]) new Object[capacity];
 }
 public boolean isEmpty() {
  return (top<0);
 }
 public E pop() throws EmptyStackException {
  E element;
  if (isEmpty())
   throw new EmptyStackException("Lo stack e' vuoto.");
  element = S[top];
  S[top--] = null;
  return element;
 }
 public void push(E element) throws FullStackException{
  if (size() == capacity)
   throw new FullStackException("Lo stack e' pieno.");
  S[++top] = element;
 }
 public int size() {
  return top+1;
 }
 public E top() throws EmptyStackException {
  if (isEmpty()) throw new EmptyStackException("Lo stack e' vuoto.");
  return S[top];
 }
 public String toString() {
  String s;
  s = "[";
  if (size() > 0) s+= S[0];
  if (size() > 1)
   for (int i=1; i<= size()-1; i++)
    s += ", " + S[i];
  return s+"]";
 }
 public void status(String op, Object element) {
  System.out.print("------>" + op);
  System.out.println(", returns " + element);
  System.out.print("result: size = "+size() + ", isEmpty = "+ isEmpty());
  System.out.println(", stack: " + this);
 }
}

Da notare che stata richiamata una nuova classe per le eccezioni di Stack pieno, seguendo l???esempio della prima classe di Exception semplicissimo creare un???altra classe con nome variato, ma gia ce ce l???ho salvata in Eclipse vi copio anche questa parte :

package exception;

@SuppressWarnings("serial")
public class FullStackException extends RuntimeException{

 public FullStackException(String errore) {
  super(errore);
 }

}

Come vedrete ci sono anche alcuni metodi accessori che utilizzeremo per la nostra classe di test:

package stack;

public class TestArrayStack {
 public static void main(String[] args) {
  Object o;
  ArrayStack A = new ArrayStack();
  A.status("new ArrayStack A", null);
  A.push(7);
  A.status("A.push(7)", null);
  o = A.pop();
  A.status("A.pop()", o);
  A.push(9);
  A.status("A.push(9)", null);
  o = A.pop();
  A.status("A.pop()", o);
  ArrayStack B = new ArrayStack();
  B.status("new ArrayStack B", null);
  B.push("Bob");
  B.status("B.push(\"Bob\")", null);
  B.push("Alice");
  B.status("B.push(\"Alice\")", null);
  o = B.pop();
  B.status("B.pop()", o);
  B.push("Eve");
  B.status("B.push(\"Eve\")", null);
 }

}

Perdonatemi se non mi dilungo a spiegare il codice pi di tanto stasera ho perso 4 ore per poter formattare il codice senza perdere validazione W3C e senza perdere alcune parti di codice di Java 5.0 incompatibili con WordPress (mi chiude i tag in automatico) e con il plugin Wp-Syntax che ho dovuto modificare per eliminare il controllo sulle identazioni e su tutti i caratteri speciali html (su quelli il controllo manuale sempre migliore ), poi con l???editor avanzato sempre su ???disattivato??? chiaro

Il libro di riferimento Data Structures and Algorithms in Java, fourth edition.
Di Michael T. Goodrich e Roberto Tamassia (in english naturalmente ehehhe ). L???algoritmo rispecchia lo stesso metodo risolutore riportato nel libro, ma il bello cominceremo a vederlo tra poco quando il libro non riporter pi degli esempi tanto carini, ma io l???anno scorso queste cose le ho fatte fino a met corso???diciamo che sono molto anticipato sul libro e sul programma ehehe

Naturalmente qualsiasi cosa chiedete, nei limiti del possibile prover a darvi una risposta, ma sono dell???idea che questi esercizi dobbiate farveli da soli non vale la pena di copiare questi, si fa una figura di m??? all???interrogazione perch difficilmente si sapr discutere codice non commentato di altre persone ne tantomeno si sapr dove spostarsi esattamente con lo sguardo e con il ditino. Sisi mi stato chiesto addirittura questo in un esame per verificare l???autenticit del mio codice!!!

Implementiamo degli algoritmi e strutture di dati in Java 5.0

Traffyk — Mon, 01 Oct 2007 18:17:06 +0000

Salve ragazzi oggi ricominciata l’Universit… vediamo un po se riusciamo a studiare insieme… magari bloggando le cose che faccio mi entrano meglio in testa e forse mi preparer meglio per gli esami oltre al fatto che cos dovr studiare quasi tutti i giorni per poter scrivere l’articolo

Vi parler di un corso molto bello riguardante Laboratorio di Algoritmi e Strutture Dati (da ora in poi conosciuto con il tag LASD) nel quale vedremo come implementare in Java e in particolare in Java 5.0 con le classi generiche Algoritmi e Strutture Dati di grande utilit per i programmatori. Ma prima di tutto conosciamo meglio la definizione di Algoritmi e Strutture Dati:

Una struttura dati un’entit usata per organizzare un insieme di dati all’interno della memoria del computer, ed eventualmente per memorizzarli in una memoria di massa. La scelta delle strutture dati da utilizzare strettamente legata a quella degli algoritmi, a tal proposito, solitamente si utilizza il concetto unificato di Algoritmi e Strutture Dati. La scelta della struttura dati influir inevitabilmente sull’efficienza degli algoritmi da utilizzare.

La struttura dati un metodo di organizzazione dei dati, quindi prescinde dai dati effettivamente contenuti. Ciascun linguaggio di programmazione offre strumenti, pi o meno sofisticati, per definire strutture dati, ovvero aggregare dati di tipo omogeneo o eterogeneo. Questi strumenti sono tipicamente componibili.

Pi formalmente, i linguaggi forniscono un insieme predefinito di tipi di dato elementari, e le strutture dati sono strumenti per costruire tipi di dati aggregati pi complessi.

L’operazione di costruire una variabile di un tipo di dato complesso detta “istanziazione”, e pu avvenire sia durante la compilazione del programma (compile time) sia durante la sua esecuzione (runtime).

Le strutture di dati si differenziano prima di tutto in base alle operazioni che si possono effettuare su di esse e alle prestazioni offerte. Questo permette di creare un’astrazione dall’implementazione, dando vita al concetto di Struttura dati astratta o Abstract Data Structure (ADS).

L’articolo stato preso da Wikipedia, per leggere la parte mancante visitate la pagina Struttura dati e seguite un pochino tutti i vari collegamenti per avere maggiori informazioni.

A breve vedremo come implentare la nostra prima struttura dati astratta, una delle pi primitive e semplici ma forse anche una delle pi importanti che ancora oggi alla base di molte applicazioni…

Parler dello Stack e la sua implementazione in Java 5.0 in un ArrayList a dimensione fissa, successivamente tratter un Array di tipo circolare a dimensione fissa e infine dovrei trattare uno Stack immagazzinato tramite una lista di oggetti a dimensione variabile.

Un piccolo avvertimento per chi fosse interessato: sono necessari Java Se JDK 5 o superiore e possibilmente un ide di programmazione java, magari Eclipse 3.2 o superiore (come il nuovo Europa). Per ora tutto comincer tra breve a pubblicare le prime risorse

WordPress 2.3, mi passata la paura

Traffyk — Thu, 27 Sep 2007 11:18:35 +0000

Mamma mia per quanto tempo ho avuto paura di aggiornare WordPress all’ultima versione 2.3. Le mie modifiche apportate al template hanno resistito bene a parte i tag di Ultimate Tag Warrior e alcuni errori di programmazione corretti.

Per tutte le novit su WordPress 2.3 visitate questa pagina. Ed ora parliamo del mio aggiornamento.

Sinceramente mi aspettavo qualcosa di pi traumatico, per questo avevo una gran paura di veder perso l’intero blog a momenti:
Cos mi sono deciso e ho prima fatto alcuni test in locale poi vedendo che tutto sommato c’erano poche correzioni da fare mi sono preso d’animo e ho rimpiazzato tutti i file di WordPress senza esclusione di colpi (i backup sono stati fatti stamattina).
prima per ho sostituito index.php con un mio file con scritto dentro “Sto aggiornando WordPress, un attimo per favore” e un bel

Mi dimentico di disattivare pure i plugin, vado in bacheca ormai non pi possibile che parte lo script situato in wp-admin/upgrade.php e ormai il danno fatto aggiorno direttamente il database sperando di non incorrere in conflitti.
Nessun conflitto, l’aggiornamento andato a buon fine, WordPress e il mio blog gia utilizzabile, sostituisco la struttura dei tag di UTW con i nuovi di WordPress:

per visualizzare i tag nel loop e negli articoli.
per la nuvoletta di tag.

A questo punto vado in Bacheca, i plugin erano gia tutti aggiornati, faccio l’importazione dei tag in WordPress e disattivo UTW e gia che ci sono elimino proprio questo plugin
Ancora non riattivo WP-Cache soltanto perch sto controllando tutte le pagine, ma funziona bene anche quello e gli altri.

Fatemi sapere tramite i commenti a questo articolo se riscontrate anomalie per favore, grazie mille!

Wp-Cache e Global Translator, due plugin per WordPress davvero molto utili

Traffyk — Wed, 26 Sep 2007 20:38:39 +0000

Fate grande utilizzo di Widget per il vostro WordPress ed i tempi di esecuzione e caricamento pagina sono immensi? Avete una template grafica molto pesante?
Vorrei segnalarvi che da due giorni sto utilizzando il plugin Wp-Cache e il mio WordPress sembra quasi stare su un server dedicato, certo non voglio esagerare ma realmente avere le pagine web in cache un vantaggio davvero increbile quando si superano le 1000 pagine viste al giorno e quando sei su un server condiviso dove ci sono centinaia di altri siti che succhiano preziosamente la CPU.
Poche precisazioni da fare, una volta installato e attivato il plugin andate in Opzioni / Wp-Cache e attivate definitivamente Wp-Cache, nel caso dovesse dire che non potete abilitarlo ricordatevi di disattivare la compressione Gzip da Opzioni / Lettura, con la cache davvero non sentirete la mancanza di Gzip attivo poi ci serve disabilitato per poter utilizzare il secondo plugin di cui sto per parlarvi. (Se non ci credete provate a fare un giro tra le pagine di questo blog e fate degli aggiornamenti anche della stessa pagina per verificare).

Il secondo plugin di cui vi parlo Global Translator che vi permette di tradurre automaticamente in pi lingue il vostro blog utilizzando gli strumenti per le lingue di Google oppure Babelfish di Yahoo (in attesa un rilascio per correggere il cambio indirizzo delle api di BabelFish). Accomunato con il primo plugin per due peculiarit:
Necessita di gzip disabilitato e anche lui crea una cache delle pagine tradotte per risparmiare molto tempo di esecuzione e ricevimento della pagina.
L’installazione semplicissima basta attivarlo e configurare le poche opzioni come pi vi conviene (utilizzate Google per il momento, almeno fino al prossimo rilascio) e posizionate nel vostro tema il seguente codice:

Cercate di inserirlo in una posizione corretta e scegliete possibilmente di usare dei div anzich le tabelle

Per oggi tutto, qualsiasi domanda sono a vostra disposizione

Bookmarklet per aggiungere i propri link preferiti a Del.icio.us e How-to per widget in WordPress

Traffyk — Sun, 23 Sep 2007 10:28:10 +0000

Nell’articolo di ieri ho annunciato la sezione in sidebar chiamata ‘I post che segnalo in questa settimana‘, notate che subito sotto c’ anche il widgetino per gli utenti collegati

In un primo momento condividevo i link di My Shared Items di Google Reader, ma cos molti di voi non potevano avere un backlink valido dovuto al redirect di FeedBurner. Cos m1979 mi fa subito consiglio prezioso di spostare i miei link su Del.icio.us nei commenti all’articolo. In pratica m1979 usa uno javascript fornito da Del.icio.us stesso ma come tutti sappiamo i javascript non sono indicizzabili dai motori di ricerca mentre io ho la necessit di backlinkare gli articoli che segnalo.

Ho creato una Bookmarklet che salvi i miei post in Del.icio.us e vi allego una miniguida per aggiungere la widget gia integrata in WordPress per la ripubblicazione dei propri Feed Rss ed in questo caso l’Rss del proprio account Del.icio.us.

Il codice della Bookmarklet questo:
javascript:if(navigator.userAgent.indexOf('Safari') >= 0){Q=getSelection();}else{Q=document.selection?document.selection.createRange().text:document.getSelection();}location.href='http://del.icio.us/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);

il funzionamento davvero semplicissimo, e chiunque pu crearsi la propria Bookmarklet personale modificando alcuni parametri:

In location.href=’http://del.icio.us/post?url=’ ci va l’url da usare per il redirect incluso tra apici, encodeURIComponent(location.href) l’url della pagina in cui siamo che si desidera passare come stringa mentre invece encodeURIComponent(document.title) il titolo della pagina.

Semplicissimo no? Dai vabb ho capito vi faccio il bottocino trascinabile come si usa fare solitamente, ahhh perch non volete imparare mai da soli

Basta trascinare questa bookmarklet nella propria barra dei segnalibri in FireFox e cliccarla ogni volta che vorrete aggiungere un link al vostro account Del.icio.us.

Riguardo alla ripubblicazione del feed rss semplicissimo, andate in bacheca poi in Aspetto, raccomandatevi di usare naturalmente un tema widget compatibile, cliccate su Widgets, trascinate nella sidebar dinamica la widget RSS1 e all’interno mettete l’indirizzo del vostro feed rss preferito e un titolo adeguato.

That’s all!

WordPress: aggiungere dei pulsanti di navigazione tra un articolo e l’altro (pulsanti inclusi)

Traffyk — Wed, 12 Sep 2007 03:27:16 +0000

Nella realizzazione del mio tema personale ci sto prendendo davvero gusto, come vedete sono state aggiunte ancora altre novit come la barra a sinistra ritoccata e le nuove icone “sociali”, anche il form di registrazione alla newsletter molto pi gradevole secondo me.

Ma parliamo della vera novit ovvero quei piccoli pulsanti sotto il titolo di ogni articolo:
Successivo e Precedente.
Che ne pensate non sono graziosi? Permettono di saltare direttamente alla notizia successiva sulla pagina senza dover per forza scorrerla tutta.

Vediamo velocemente come implementare questa piccola soluzione nel vostro template preferito per [tag]WordPress[/tag], naturalmente questa modifica possibile soltanto a coloro che hanno accesso ai file dei propri temi grafici.

Il file in questione index.php, la modifica pu essere portata allo stesso modo anche su archive.php e su tutti gli altri file che mostrano una lista di post in un loop.

Ci basta trovare l’inizio del nostro loop sul file index.php e aggiungere qualche variabile e un paio di collegamenti, oggi mi sento buono pertanto vi posto direttamente le righe da sostituire, mi raccomando lavoro sempre con il template default di WordPress ma molto facile fare altrettanto con le altre template basta soltanto trovare il loop e la posizione in cui inserire i link con i pulsanti (vedi a fine post per alcuni pulsanti da scaricare).

Sostituisci queste righe

Con queste



 id="post-">

 


if ($postCounter!=$postStopCounter)

echo '  

Successivo ';

if ($postCounter!=1)

echo ' 

Precedente';

$postCounter++;

?>

Alcune icone da poter utilizzare come pulsanti:
, , ,
Grazie a Paolo di Flashmotus per le ultime due icone
Potete scaricare moltre altre icone da questo sito http://fasticon.com/freeware/

Evidenziare i commenti scritti dagli autori del post con poche righe di codice in WordPress

Traffyk — Mon, 10 Sep 2007 01:58:44 +0000

Vi piacerebbe avere una soluzione simile a quella in foto?? Magari senza modificare nessuna parte dell’html della grafica del proprio blog [tag]WordPress[/tag] ma soltanto aggiungendo poche righe di codice al proprio file e copiando la classe del foglio di stile per farne una seconda con colori cambiati? Bene seguite questa mini guida sperando sia di facile comprensione.

Prima di tutto aprite il file comments.php, se non avete questo file cercate un po nel vostro template il loop dei commenti che dovrebbe avere il codice seguente:

Bene una volta trovato il loop che altro non che un ciclo foreach che stampa tutti i commenti di un articolo dovrete inserire subito sopra di questa riga o comunque prima e fuori da questo ciclo il codice:

post_author); ?>

Questo codice prender le credenziali dell’autore del post, in questo modo con l’ultimo spezzone di codice che inseriremo potremo capire quando il momento di differenziare lo stile del commento.

Ora all’interno del loop (il foreach di prima) aggiungete subito sotto il seguente codice:

$authcomment=false; if ($comment->comment_author_email == $authordata->user_email) $authcomment=true; ?>

Ora non vi rester altro da fare che modificare la classe usata per il commento, a seconda dello stile che vorrete usare, sempre nel nostro loop. Mi rifar alla template di default e ai suoi codici usati, credo che dovreste riuscire ad applicare il codice su qualsiasi altra template facilmente.

Sostituite la riga:

Con la seguente:

In pratica quanto authcomment true uscir la classe “-highlighted” oppure “alt-highlighted” a seconda che sar pari o dispari il commento.

Kubrick, il tema di default, alterna le classi dei commenti quindi dovrete creare due nuove classi nel foglio di stile (style.css), nel commento pari non definita alcuna classe quindi non si potr copiare quella esistente ma si dovr creare una nuova, mentre per quella dispari “alt” basta copiare la classe .alt esistente e modificare il colore di sfondo e impostare altre propriet, ma io non sono un grafico quindi mi limito solo a cambiare i colori di sfondo:

.highlighted { background-color: #XXXXXX; }
.alt-highlighted { background-color: #XXXXXX; }

Dove al posto delle sei X andranno i codici esadecimali del colore da voi scelto (appunto sei caratteri).

Migliore, suggerimenti e codici per altri tipi di stile potete postarli nei commenti, critiche incluse GRAZIE :d