Potrei definire per il momento concluso il lavoro sulla barra in fondo ai post: dopo l’inserimento del link per la segnalazione dei miei post su OKNotizie, oggi è la volta del collegamento al plugin ‘Random-Post‘.
Dato che il bottone in cima alla sidebar non sembrava riscuotere un gran successo, ho provato a replicarlo nella barra in fondo ai post. Inizialmente pensavo di aggiungere un nuovo bottone, ma la procedura si è rivelata più complicata del previsto.
Dato che, però, i due bottoni nella parte sinistra puntavano (seppur con sintassi diverse ‘#comments‘ e ‘#respond‘) ai commenti, ho deciso di eliminare il secondo a favore del bottone ‘random‘.
In pratica nei fogli index.php e single.php ho modificato (come mostrato nella puntata precedente) il collegamento (sia la keyword che l’indirizzo) e poi nel foglio di stile (style.css) ho modificato l’immagine della classe .postmetadata, associandone una appositamente creata con Photoshop (modificando il colore di quella presente in precedenza e aggiungendo il punto interrogativo).
Ora lo tengo monitorato e vedo se funziona meglio replicato in quella posizione.
Da quando sono passato al nuovo template a oggi è passato un po’ di tempo e tanti piccoli interventi di miglioramento. L’ultimo in ordine di tempo è quello sul link ‘Share it‘ che si trovava nella barra in fondo ad ogni post, per l’esattezza in fondo a destra. Ora è diventato un link per segnalare direttamente le notizie in OKNOtizie, il famoso aggregatore di news ‘user generated‘ in perfetto stile web 2.0.
Per farlo ho modificato una delle sottoclassi della classe postmetadata all’interno del CSS, nei file index.txt e single.txt che sovraintendono alla generazione dell’homepage e delle pagine con i singoli post. Per l’operazione ho utilizzato come sempre SmartFTP, usando il comando edit: in questo modo editando e salvando i file vengono caricati direttamente sul server online (occhio quindi che qualsiasi cambiamento dopo il SAVE va online!!).
Qui sotto vi metto in un’immagine la modifica che ho effettuato ne codice del tema:
Nella mia cronaca dell’evoluzione del Falsomagro da un template da 800px a un tema a tre colonne largo 1024 pixel affronto oggi l’argomento sfondo. La scelta attuale è caduta su un colore uniforme, ma la mia ricerca si è soffermata anche su altri tipi di background.
Ad esempio trovo molto carini quelli che si possono creare online con Stripe Generator 2.0, che permette di generare, free e online, degli sfondi a strisce, con effetti anche carini e molti colori. Quella qui di fianco è un esempio di quello che si può creare. Questa immagine con il comando ‘repeat-x e repeat-y‘ va poi a riempire tutto lo spazio dello sfondo.
Queste immagini può inoltre essere utilizzata per svariati impieghi, dipende dalla vostra fantasia!
Leggendo i ‘3 modi per gestire un blog‘ di GuadagnareConUnBlog, mi sono finalmente deciso a modificare l’ultimo elemento della mia sidebar, prima definito links e ora ‘Contatta il Falsomagro‘. Fino ad oggi era rimasto tale e quale al template originale, in attesa di un destino più bello, che ho finalmente trovato.
Dapprima ho trovato la parte del codice che a quel box fa riferimento, individuando la giusta riga all’interno del file sidebar.php, e poi mi sono dato alle modifiche. Le immagini (vi lascio per un po’ di esempio l’ultima rimasta) erano già linkate ma puntavano a un indirizzo inesistente ‘#’.
Mi è stato sufficiente inserire il link giusto, nel primo caso un comando ‘mailto‘ che punta alla casella email che ho dedicato al blog, nel secondo l’indirizzo del mio profilo Facebook, e poi creare, caricare, sostituire nel codice l’immagine adatta.
Ora sono indeciso su come sfruttare il terzo spazio: voi cosa ne dite? Un instant messenger? Il profilo LinkedIn? Uno spazio pubblicitario? A me tenta l’ultimo, qualche consiglio che non sia un AdSense Google?
Prosegue la cronaca del passaggio del Falsomagro al tema a tre colonne, dopo le puntate I e II. Oggi vi parlo della barra in basso a ogni post, mentre lo sfondo del titolo di ogni post lo rimando alla prossima puntata, in quanto è ancora in fase di ottimizzazione.
Per un sacco di tempo la barra è rimasta del colore originale dell’iPhone Theme, ossia nera con effetto smusso. Mi sono poi deciso a cambiare l’immagine che la costituisce (metadata-bg.png) facendola virare al verde, per amalgamarla agli altri elementi del template. Come già descritto nei post precedenti ho utilizzato la funzione regola colore di Photoshop Elements 6 per questa operazione.
Una volta messa l’immagine nel database online sul server via FTP scopro che le immagini relative agli elementi della barra (Comments, Post Comment, Share) non sono semplici immagini in trasparenza, ma dei veri e prori tasselli con lo stesso colore di sfondo della barra.
Sempre con Photoshop, utilizzando la gomma, campionando il colore di fondo della barra e con qualche tocco finale di sfumino, ho cambiato lo sfondo alle tre piccole immagini, che ora appaiono come se fossero trasparenti sulla barra. In un altro caso ho eliminato lo sfondo nero e messo quello trasparente.
Come sempre ho prima salvato gli originali e poi caricato sul server le nuove png con il nome di quelle vecchie, in modo che il motore di pubblicazione le trovi senza sforzo. Altrimenti, se avessi optato per un altro nome, avrei dovuto sostituire quello originale nel fogli di stile (style.css).
Mi sono finalmente deciso a provare a effettuare modifiche sostanziali al tema di questo blog. La mia intenzione è quella di passare a un template più largo che abbia tre colonne per piazzare contenuti e widget.
Ho trovato una serie di temi carini e ho deciso di cominciare a provarne uno. Naturalmente la fase successiva sarà quella della personalizzazione, quindi se vedete cose strane apparire non preoccupatevi, sono in fase sperimentale…
