Levysoft
  • Home
  • Portfolio
  • WordPress Plugin
  • Contattami

Dal 2004 il blog di Antonio Troise

RSS FeedTwitterFacebook
nov 16 2007

Come cambiare un tema di un sito senza che nessuno se ne accorga

Posted by Antonio Troise
Tweet

Anche se non sembra, ho completamente riscritto da zero il tema di Levysoft. Se prima era basata sul buon Unnamed 1.0, che sfruttava a piene mani la tecnologia Ajax per inviare commenti e fare ricerche all’interno del sito, oggi si basa sul tema SEO ProSense-Grey, totalmente stravolto da un ricco mashup di funzionalità ispirate dai temi, come The Wrong Advices, diploD, iqwolf. Quindi ho inserito la ricerca ajax grazie al bel plugin per WordPress addicted to live search mentre per il momento ho eliminato l’inserimento live dei commenti e, almeno ora come esperimento, anche qualsiasi tipo di captcha grafico o matematico (ogni tanto mi davano qualche problema).

Insomma un lavoro di una settimana per stravolgere il codice, renderlo più leggero, e ottimizzato SEO, ma senza alterare nelle sue parti fondamentali il layout grafico del sito. Certo ho cambiato il font usato e il footer (ora più ricco di informazioni), ho cambiato alcuni colori (ora sono più soft e uniformi e lo sfondo del sito ora è sul bianco sporco in modo da non contrastare troppo col testo) e aggiunto, oltre a nuove icone, anche un extract di altri 5 articoli (senza quindi visualizzarli per intero) alla fine della index.php. Insomma piccole migliorie e qualche accorgimento in più, oltre che a qualche esperimento, ma sostanzialmente il sito è molto simile al precedente.

Sicuramente molti di voi si staranno chiedendo perché fare tutto questo lavoro, se poi ha quasi le stesse funzionalità live e lo stesso impatto grafico del precedente.
I motivi che mi hanno fatto decidere per un completo remake del codice del tema sono stati:

  • Il tema che usavo era Unnamed 1.0, una release customizzato con Ultimate Tag Warrior (che su WordPress 2.3 non è più necessario).
  • Era ricco di funzionalità live che, anche se lo rendevano più usabile, come peso totale del tema, era quasi il doppio del presente tema.
  • Il vecchio tema usava una versione di Prototype incompatibile con WP e con molti plugin grafici come “Lightbox 2.02 Plugin“
  • Ora con il nuovo tema ho il controllo di ogni byte del mio sito mentre con il precedente mi fidavo ciecamente del lavoro dell’autore: da programmatore il mio ego ora risulta appagato!

Attualmente il tema è ancora in una fase di beta a causa di problemi di gioventù (devo ancora finire la validazione XHTML e CSS), ma ho preferito adottarlo subito sul mio sito perché, continuando a lavorare in locale, non riuscivo a simulare tutte le casistiche che solo una messa in campo può dare (come il fatto che appena installato solo io riuscivo a mandare commenti a causa di un non corretto funzionamento di un plugin).
Ora sono in cerca di un perfezionamento del CSS per la sezione del footer che su Firefox e Safari non mi visualizza correttamente l’ombreggiatura. Inoltre vorrei eliminare, durante il caricamento della pagina, che venga visualizzato prima di ogni altro layer, lo sfondo grigio che, con i caratteri neri del testo, non è un bel vedere.
Qualcuno ha qualche suggerimento?
Un altro problema che ho incontrato è che la nuova release 0.39 di MBLA – MyBlogLog Avatars è incompatibile con il plugin Google XML Sitemaps poiché entrambi accedono alla stessa area cache, cosa che mi ha costretto a lasciare la vecchia release 0.18 di MBLA.

Spero che questa tema possa incontrare i favori dei miei lettori, ma se avete qualche precisazione o miglioria da segnalare, ogni segnalazione è la benvenuta!

Post Correlati :

  • SlimBox: nuovo plugin WordPress più leggero di Lightbox. ThickBox: la libreria grafica basata su jQuery

  • Vulnerabilità XSS nei temi WordPress Unnamed One e Blue Memories: disponibile la patch

  • OneClick Installer: installare temi e plugin per WordPress con un solo click del mouse da Firefox

  • WordPress Plugin Database

  • Come impaginare su WordPress i commenti adattandoli al tema del vostro sito ed evidenziare quelli dell’autore del blog

Condividi:

  • Facebook
  • Twitter
  • Tumblr
  • Google +1
  • LinkedIn
  • Pinterest
  • Email
  • Stampa
Tag:Ajax, Css, Plugin, tema, Wordpress

Comments (27)

Add a comment Top
  1. My Lost Blog
    16 novembre 2007

    Ottimo!! velocissimo e anche più bello! davvero bravo, complimenti!! provo a fare lo stesso lavoro sul mio blog

  2. franto
    16 novembre 2007

    Errorino.. ;)
    Con IE 7.0 (si lo so non dovrei usarlo, ma non è colpa mia) nel il box degli Articoli correlati quando il testo va a capo si sovrappone alla freccia verde!

    p.s.
    il nuovo footer mi piace un sacco, e proprio bello!!

  3. Antonio
    16 novembre 2007

    @My Lost Blog: grazie! :)
    @franto: grazie per la segnalazione… noto che mi da lo stesso problema con IE6 (azz lo uso anche io :) )… provo a mettere mano al codice css… grazie ancora

  4. Antonio Troise
    16 novembre 2007

    Nota: ho reinserito il captcha matematico perché ho iniziato ad avere decine di commenti di spam bloccati da Akismet… comunque per voi non dovrebbe cambiare nulla dato che, se js è abilitato, il campo verrò precompilato automaticamente (eheh i bot ancora non usano js e se anche fosse non lo fanno per soluzioni proprietarie e casalinghe come la mia).

  5. Davide
    16 novembre 2007

    molto più veloce, ottimo. carine le nuove iconcine nei campi nome mai e website qui nell’inserimento commenti :D

  6. Simone
    16 novembre 2007

    Anch’io ho cambiato tema (sempre che interessi a qualcuno :D ), ma è facile accorgersene perchè è totalmente di verso dal precedente! Vorrei scrivere un post come il tuo dove spieghi cos’hai modificato e su cosa devi ancora lavorare, ma non ne ho il tempo!! Me lo scrivi tu per piacere? :P :P

    A parte gli scherzi, complimenti! Con modifiche minime hai reso il blog molto più gradevole :)

    Simone

  7. DnaX
    16 novembre 2007

    Lo so, è una cavolata… però secondo me sarebbe più casino un po’ di padding nei campi per inserire i commenti.

    Cmq ihe cambiamento lo avevo già visto, solo che credevo avessi fatto solo una rivisitazione del tuo attuale tema.

  8. P|xeL
    16 novembre 2007

    Ma la sidebar è a 3 colonne nei singoli post?
    Vedo l’intera sezione “ultimi commenti” traslata come se dovesse esserci una colonna di pari dimensioni tra lei ed il post.
    Ciao,
    P|xeL

  9. Antonio Troise
    16 novembre 2007

    @Simone: grazie mille … per l’articolo ci possiamo mettere d’accordo :P

  10. Antonio Troise
    16 novembre 2007

    @P|xeL: hmmm per caso usi un adblock… li ci dovrebbero essere un bannerino… si cmq è a 3 colonne… dove la parte alta della sidebar è stata unita in una unica colonna!

  11. Antonio Troise
    16 novembre 2007

    @Davide: grazie! :)

  12. Antonio Troise
    16 novembre 2007

    @DnaX: in effetti… in senso lato è una rivisitazione grafica del mio vecchio tema, ma nel profondo del codice è stato totalmente stravolto… e spero anche reso più leggero e fluido.
    Per quanto riguarda il padding nei commenti … non ho ben capito cosa intendevi dire…

  13. P|xeL
    16 novembre 2007

    Ehm… adBlock, colpa sua! :-P
    Comunque altra cosina… nel footer vedo una scrollbar laterale, forse andrebbe sistemata la dimensione…
    Ciao,
    P|xeL

    PS: che hosting hai? Io mi sto rompendo letteralmente le scatole di HostingZoom… :-(

  14. Antonio Troise
    16 novembre 2007

    @P|xeL: in teoria, per il footer, ho pensato di realizzarlo proprio così, assegnandogli una dimensione predefinita, ma ora che me lo fai notare, forse è il caso che elimini quella scrollbar che, con nel contesto del tema, è un po’ fuori luogo.
    Grazie mille per il suggerimento: a volte hai di fronte un problema ma dopo giorni che ci lavori neanche ci fai molto caso… è per questo che serve una visione esterna.

    N.B. Io uso l’ex UPSHost che ora si chiama BlooWeb… è più di un anno che il mio sito risiede sul loro server e devo dire che è ottimo… forse i prezzi non sono dei più abbordabili ma la loro assistenza è perfetta… se gli chiedi qualche modifica o pacchetti da installare sono sempre molto efficienti.

  15. P|xeL
    16 novembre 2007

    Mi sa tanto che per le mie tasche e le mie esigenze (più di 2 db sicuro) quelle offerte non vadano bene…
    L’america, con il dollaro ai minimi storici sta risultando molto conveniente. Il problema è trovare un hosting più performante.
    Ciao e scusa se siamo finiti così off topic…
    P|xeL

  16. franto
    16 novembre 2007

    ma a me piaceva la scrollbar nel footr!!!!!
    e anche le barre orizzontali tra i vari “ultimi aricoli” e i “random links”!!!

  17. Antonio Troise
    16 novembre 2007

    @franto: che ne pensi di questa altra alternativa per il footer? D’altronde … in medio stat virtus… :)

  18. franto
    16 novembre 2007

    bello bello :D :D :D

    ma sai che muovo il cursore su e giu sui link solo per vedere le strisce blu che appaiono e scompaiono….

    … vabbè capitemi è venerdi pomeriggio….

  19. Antonio Troise
    16 novembre 2007

    @franto: ok… perdonato! :P

  20. Daniele S.
    16 novembre 2007

    Bello!
    Più leggero e leggibile!

  21. Antonio Troise
    16 novembre 2007

    @Daniele S.: Grazie mille… sono contento che i miei sforzi siano stati ricompensati da queste vostre belle parole :)

  22. DnaX
    16 novembre 2007

    Mi spiego meglio, le textbox dove inserire Nome, Email e sito web io gli darei un po’ di spaziatura interna in più. Così…

    Complimenti ancora per il tema! ;)

  23. P|xeL
    16 novembre 2007

    Ma dove sono queste strisce blu??
    A me il footer sembra sempre uguale… :S
    Ciao,
    P|xeL

  24. Maic
    17 novembre 2007

    Sì, è molto più leggero e leggibile di prima!!!!

  25. Antonio Troise
    17 novembre 2007

    @DnaX: ho capito… ok … appena posso faccio qualche prova.
    @P|xeL: credo intendesse quando passi col mouse sopra ad un link degli “ultimi articoli” o del “random links” la riga di testo diventa blu…
    @Maic: Grazie! Sono contento che gli scopi che mi ero prefissato di maggiore leggibilità e leggerezza siano stati raggiunti!

  26. Antonio
    17 novembre 2007

    @DnaX: che ne pensi ora? Ho aumentato di 4px il padding nei campi per inserire i commenti … in effetti prima il testo era troppo attaccatto all’immagine.

  27. davide
    20 novembre 2007

    Urca, addirittura compaio tra le fonti di ispirazione.. Mi sento troppo onorato! Le iconcine nel form dei commenti sono troppo cool :O

    Dovrei approfondire la questione di Prosense, questa cosa dei temi SEO è da studiare..
    Un saluto! ;)

Add a comment Fare clic qui per annullare la risposta.

Categorie

Commenti Recenti

  • Antonio Troise on Browseo: visualizzare le pagine web come un motore di ricerca
  • Cristian Castellari on Browseo: visualizzare le pagine web come un motore di ricerca
  • Analizziare le pagine web come le vede un motore di ricerca on Browseo: visualizzare le pagine web come un motore di ricerca
  • Antonio Troise on Firefox 19
  • Emanuele on Firefox 19

Meta

  • Collegati
  • Voce RSS
  • RSS dei commenti
  • WordPress.org

Friends Link

  • GamerTagMatch
  • SeguiPrezzi.it – Risparmia con Amazon.it
  • Trendy Nail

Seguimi su:

  • facebook
  • twitter
  • rss
Creative Commons License
Levysoft by Antonio Troise is licensed under a Creative Commons Attribuzione-Non commerciale 2.5 Italia License.
© Copyright 2004 - 2013 - Levysoft by Antonio Troise
loading Annulla
L'articolo non è stato pubblicato, controlla gli indirizzi e-mail!
La verifica dell'Email ha fallito, riprova per favore.
Ci dispiace, il tuo blog non consente di condividere articoli tramite email.