Tag wordpress guide

Come cambiare lo sfondo giallo nei banner adsense su wordpress 5 (2)

Se utilizzate AdSense sul vostro wordpress, vi sarà capitato che alcuni temi mostrino uno sfondo giallo sugli annunci, o meglio, nella relativa trasparenza dei banner c’è di default questo colore che graficamente può rovinare esteticamente il nostro blog. Di seguito andremo a vedere come eliminare questo colore e per modificarlo ci serviremo di un child theme (come creare un child theme) oppure modificato il CSS dal modulo aggiuntivo, che di recente è stato introdotto nel core di wordpress (v.4.7.0); lo troverete sotto Aspetto > Personalizza > Css aggiuntivo. Andiamo subito a vedere come eliminare il giallo nelle trasparenze AdSense, inserendo alcune righe di codice. Come cambiare lo sfondo giallo nei banner AdSense Se vogliamo sostituire lo sfondo con un colore a piacere dobbiamo incorporare questo codice nel CSS sostituendo il giallo (#fff486) con un colore a piacere, esempio il bianco (#ffffff) ins { background: #ffffff !important; } Oppure se volete renderlo completamente trasparente, magari perché avete i banner in diverse posizioni con sfondi differenti, andiamo ad aggiungere questo codice: ins { background: rgba(255,255,0,0) !important; } Spero che questa guida vi sia stata d’aiuto per eliminare o modificare i banner adsense gialli dal vostro blog wordpress. Buon lavoro 😀

Come inserire colonne in un articolo o pagina wordpress 5 (1)

Per chi avesse questa necessità, oggi andremo a vedere come inserire colonne in un articolo wordpress, formando così dei layout personalizzati aggiungendo dei blocchi da modificare. Costruire delle pagine con delle colonne è facile grazie a diverse tecniche implementate direttamente nei più recenti templates, come l’applicazione di shortcode, oppure utilizzando dei semplici plugin come è possibile trovarne in questa pagina. Però non tutti sanno che nelle recente versione di wordpress 5.0, con il famoso “sistema a blocchi“, è stata introdotta la funzione delle colonne e tabelle, che potrebbero essere utili per creare layout personalizzati in una pagina o articoli wordpress come desiderato. Andiamo a vedere subito come fare. Come inserire blocchi e colonne in un articolo wordpress manualmente Con il nuovo “Block editor” è possibile aggiungere diversi elementi offerti in questa versione, andiamo quindi a cliccare sul Simbolo di “aggiungi blocco” situato alla sinistra dell’editor come nell’immagine sottostante. Si aprirà una finestrella contenente un menu a tendina nel quale è possibile scorgere proprio quello che ci serve navigando in Elementi del Layout > Colonne. Cliccandoci riusciremo così ad inserire delle colonne nell’articolo wordpress, scegliendo tra quelle di default. Sulla colonna di destra potrete modificare la percentuale del blocco, come si desidera. Ora semplicemente seguendo la stessa formula, cliccando sul simbolo del “+” cerchiato, potrete inserire nuove colonne formando il layout che stavate cercando!. Et voilà, i giochi sono fatti! Questo sistema è anche utile per creare delle ottime home page senza utilizzare plugin aggiuntivi. Se avete domande o dubbi su come creare colonne con il nuovo editor wordpress lasciate un commento

Come creare un child theme su wordpress 4 (2)

Cos’è un child theme WordPress? Partiamo dalla bas. Ti stai chiedendo cos’è un child theme wordpress o come crearlo? Devi sapere che esso è utile nel caso tu voglia effettuare modifiche al tuo tema preferito, senza compromettere i cambiamenti dopo ogni aggiornamento. Dall’inglese, child = figlio, ti permetterà quindi di eseguire modifiche nel css e aggiungere funzioni a seconda delle tue necessità, in due nuovi file che saranno collegati direttamente al genitore, chiamato parent theme. Detto questo vediamo come creare un tema child in wordpress. Come creare un child theme wordpress Prendendo ad esempio il tema di default Twenty Eleven, per creare un tema child wordpress sarà sufficiente seguire questi passaggi: Dirigiti nella root del tuo sito tramite FTP o il manager file disponibile nell tuo hosting e apriamo il percorso “wp-content/themes“. All’interno noterai che sono presenti tutti i temi installati attualmente. Create una nuova cartella con il nome del tema scelto seguito da “ -child “, esempio “twentyeleven-child”. Entra nella cartella twentyeleven-child e crea un nuovo file di testo rinominadolo in ” style.css “. Ora apriamo il file di stile e copiamo al suo interno il seguente codice (dovrà essere adattato a seconda del tema poi scelto). /* Theme Name: Twenty Eleven Child Theme URI: http://youfriend.it.com/twenty-elevent-child/ Description: Tema Child di Twenty Eleven Author: Andrea Author URI: http://youfriend.it/ Template: twentyeleven Version: 1.0.0 Tags: tag che possono essere applicati al tuo tema separati da virgola Text Domain: twenty-eleven-child */ @import url(“../twentyeleven/style.css”); /* =Theme customization starts here– */ A questo punto potrai cominciare a modificare il css del tuo tema, ma prima ricordati di attivarlo dal menu admin Aspetto>Temi. Mentre per il foglio di style, che abbiamo dovuto importare dal tema genitore, per aggiungere nuove funzionalità invece, dovrete creare un nuovo file nella cartella chiamato functions.php. Esso infatti andrà a caricarsi prima, […]

Come eliminare il campo Sito web dai commenti wordpress 5 (2)

In questo articolo andremo a vedere come eliminare il campo sito web dai commenti wordpress, o meglio, quella casella da riempire durante la compilazione di un commento ad un articolo, dove bisogna inserire un sito internet o un link di riferimento. Come purtroppo – e sottolineo purtroppo – alcuni di voi già sapranno, spesso viene utilizzata per spammare; in diffuso uso da parte dei bot che compilano il form dei commenti automaticamente e poi inseriscono un link verso il sito programmato. Se è al momento state riscontrate questo problema o non siete interessati a mantenere questo box, eliminare il campo sito web dai commenti wordpress è semplicissimo, anzi, ci sono due metodi che vi mostrerò qui di seguito. Prima però voglio consigliarvi di installare, se non l’avete ancora fatto, il plugin di Akismet, che si occuperà di proteggere i vostri commenti dallo spam. Come rimuovere il campo sito web dai commenti wordpress Il primo modo consiste nell’ inserire un codice php nella file Fuction.php, che è raggiungibile tramite Ftp, oppure direttamente dal pannello admin > Aspetto > editor > Fuction.php. Sarebbe ancora meglio utilizzare un plugin per codici snippets o creare un child theme. Ad ogni modo, per non ritrovarti in spiacevoli situazioni, fai un backup del file da ricaricare, nel caso vada storto qualcosa. Ricordati di inserire il tag di chiusura del codice ?> ) Come nascondere il campo web site su wordpress con CSS Il secondo metodo non è dei migliori, ma comunque anch’esso serve a togliere il campo website dai commenti wordpress. Dal backend del sito, dirigeti sul menu aspetto > personalizza > CSS aggiuntivo e inserite questo codice: Conclusione Bene! Ora conosci ben 2 metodi su come eliminare il campo “website” dai commenti wordpress e tenere al sicuro il tuo blog dallo spam. Buon lavoro. Conosci […]

Come eliminare immagini non utilizzate su wordpress 5 (1)

Se avete deciso di fare un po’ di spazio nel vostro sito ed eliminare immagini non utilizzate su wordpress, in questo articolo andremo a vedere due modi per ripulire il blog: uno manualmente (che suggerisco) e l’altro utilizzando un plugin. Cancellare manualmente immagini non utilizzate su wordpress “Chi fa da se fa per tre”, come è anche sicuro che impiegherete molto più tempo invece di un algoritmo automatico proposto da un plugin, ma dall’altro canto saremo anche più sicuri di non cancellare qualcosa di importante, visto che andremo a farlo in modo manuale. Per questo procedimento dovremo accedere al nostro pannello di amministrazione wordpress e dirigerci sotto Media > Libreria. Nella galleria troverete tutti i file di natura media, come foto, audio e files caricati durante la creazione dei nostri articoli o pagine, come: jpg, gif, png, zip, rar, mp3, etc. A questo punto, come vedrete nell’immagine seguente, selezionerete dal menu a tendina  gli elementi “Non allegato”. In questo modo, subito sotto, verranno mostrati i risultati con tutti quegli elementi tra immagini, foto e file, che possiamo cancellare poiché non vengono mostrati e inseriti negli articoli o pagine. Ovviamente questo procedimento vi farà vedere anche i files che per scelta non sono stati allegati, ed è proprio per questo motivo che è utile l’operazione manuale a differenza di un plugin che farebbe pulizia completa eliminando anche quest’ultimi. In questo modo potrete liberare spazio sul vostro wordpress file per file, oppure spuntare, come evidenziato con la cornice rossa, la “selezione multipla“, così da poter scegliere più elementi da cancellare contemporaneamente. Andiamo a vedere ora come eliminare immagine non utilizzate su wordpress tramite l’aiuto di un plugin che vi consiglio. Come sostituire immagini Thumbnails o Miniature non utilizzate Un altro problema con cui mi sono scontrato dopo più di 10 anni di wordpress […]

Integrare ed Inserire Disqus su WordPress 0 (0)

Se state cercando una guida per Inserire Disqus su WordPress, di seguito vi mostrerò passo passo come integrare disqus su worpress facilmente. Perché utilizzare Disqus Per chi non conoscesse questo fantastico sito, Disqus offre la possibilità di inserire nel blog un interattiva gestione di Commenti, utilizzabile su qualsiasi piattaforma e sito come WordPress, Joomla, Drupal, Blogger, Tumbl etc. Più un “universal code” da poter inserire ovunque. Grazie all’integrazione di Disqus con wordpress sarà possibile autenticarsi tramite i più famosi socials, facebook, googleplus, twitter lo stesso Disqus con la possibilità di commentare anche tramite OpenID (da ospite), inserendo Nome ed Email. Tramite il pannello gestione, potremo moderare, eliminare e bannare commenti ed utenti. Nello stesso troverete anche una funzione di Esporatazione/Importazione commenti DIsqus con Sincronizzazione. Installando il plugin per wordpress lo troverete implementato direttamente nella pagina di gestione. Come Inserire Disqus su WordPress Il primo passo per inserire Disqus su WordPress è creare un account Admin su Disqus Se già possedete un account, e siete loggati, procedete nell’aggiungere il vostro sito. Aggiungi il tuo sito Nella pagina che segue vi sarà chiesto di scegliere la piattaforma sulla quale verrà inserita la gestione dei commenti. Se utilizzate wordpress ovviamente scegliere quest’ultimo. Adesso possiamo procedere con l’integrazione nel nostro blog, scaricando il plugin Disqus o installandolo direttamente dal pannello admin, sotto menu Plugin > Aggiungi nuovo ed inserendo nel campo di ricerca “Disqus Comment System”. Configuriamo il plugin inserendo le nostre credenziali sotto Menu > Commenti > Disqus e in pochi secondi, il sistema di default commenti wordpress verrà sostituito con quello di Disqus. Come importare Commenti da wordpress su Disqus Abbiamo 2 possiblità per importare ed esportare i commenti tra WordPress e Disqus. Esportare in automatico i commenti da WordPress su Disqus Il primo, più semplice in quanto dovremo solamente dirigerci nel […]

WordPress: Come nascondere contenuti ai visitatori e mostrarlo agli utenti registrati 4.5 (2)

SI può nascondere una parte di testo su wordpress ai soli membri registrati? Sì, è possibile! Se avete un blog wordpress e volete nascondere una parte del vostro articolo ai lettori, per mostrarlo solamente agli utenti iscritti, ci sarà da fare una semplice modifica al file function.php Questa funzione, può essere utile anche nel caso voleste nascondere un link di download ai visitatori. e permettere di scaricarlo una volta effettuata l’iscrizione al vostro sito. Infatti. non servono plugin per nascondere un contenuto o una parte di articolo in wordpress, ma potremo farlo semplicemente aggiungendo alcune righe di codice al file “fuction.php” del tema. Vediamo come fare. Codice per nascondere contenuti ai visitatori wordpress Ovviamente, puoi modificare la funzione dopo return, con il tuo testo a piacere e, nel caso, aggiungere un link al testo “iscriviti”, permettendo così l’accesso, rendendo tutto più veloce ai visitatori. Per mostrare o nascondere un contenuto, sarà necessario inserire il testo scelto fra il tag “member“, esempio: [member] il tuo contenuto [/member] Et voila! Il gioco è fatto! Non mi resta che augurarvi Buon lavoro! Conosci altri metodi per nascondere contenuti e testi su wordpress?

Come aggiungere una cartina di Google Maps nel mio sito o blog 4 (1)

Siete arrivati su questo articolo cercando: “come inserire google map in un sito o blog“; continuando a leggere riuscirete senza fatica a mostrare dove siete localizzati, o la posizione che desiderate segnalare ai vostri utenti. Alle volte chi possiede un sito web, come aziende o negozi, necessita di mostrare nelle proprie pagine un luogo o punto di riferimento geografico tramite una cartina, in modo da essere raggiungibili dai clienti; non tutti sanno però che è possible farlo con pochi click, grazie ad una funzione di incorporamento resa disponibile da google maps. Google maps, infatti mette a disposizione di tutti la possibilità di incorporare una mappa nel proprio sito tramite un codice “frame”, da copiare e incollare nella pagina desiderata. Come inserire una cartina di google maps nel sito ? Dirigetevi sul sito di google maps, e digitate l’indirizzo che vorrete mostrare nella mappa (in questo caso piazza dei Cinquecento a Roma). Una volta trovato e visualizzato il punto desiderato nella cartina, cliccate sul tasto “Condividi” (punto 1) nella barra laterale sinistra che aprirà una nuova finestra. Ora non dovrete far altro che cliccare sul secondo tab in alto “Incorporare una mappa” (punto 2) e copiare l’iframe (punto 3) che andrete ad incollare nelle pagine del vostro sito nella parte html. In questo modo riuscirete a mettere una cartina di google maps nella pagina di un sito. A sinistra del codice troverete anche un menu a tendina dove poter personalizzare le dimensioni della mappa. Ed ecco un esempio di come verrà visualizzata la cartina nelle vostre pagine… Buone mappe a tutti! Come inserire una mappa di google map in wordpress Seguendo il procedimento descritto sopra, una volta copiato il codice, dirigetevi su una pagina o articolo di wordpress, cercate e aggiungete un blocco Html, in esso potete inserire il codice fornito […]

WordPress: come cambiare l’avatar di default 5 (3)

Stanco del solito vecchio gravatar “Mystery Man” o di quelle bruttissime immaginette fornite da WordPress ? Bene! In questo articolo ti spiegherò come sostituire l’avatar di default su wordpress in 3 velocissimi step. Con questa guida verranno sostituiti automaticamente anche quelli di buddypress. Premetto che l’operazione riguarderà la modifica di alcuni file dove aggiungeremo del codice, quindi se non sai bene dove mettere le mani, lasciatevi aiutare da esperto. In ogni caso, ti suggerimento di fare un backup prima di iniziare qualsiasi tipo di modifica. Andiamo ora a vedere le diverse fasi per cambiare l’avatar di wordpress sostituendo quello di default. Come cambiare l’avatar di default manualmente Passo 1 Crea un avatar di dimensioni quadrate di 150x150px in formato .png Inserisci l’immagine nel percorso del tema utilizzato, esempio: “/miotema/images/avatar.png” Passo 2 Copia ed inserisci il seguente codice alla fine del file fuction.php del tuo tema (meglio utilizzare un child theme) modificando, ovviamente, l’indirizzo a seconda del percorso immagine e salva il tutto. Se non sai come creare un tema figlio potrai utilizzare un plugin per inserire codici php che troverai in questa pagina. Codice per cambiare l’avatar mystery man di wordpress: Passo 3 A questo punto sarai riuscito a modificare l’avatar di default raggiungibile dal menu wordpress sotto la voce impostazioni -> discussione. Non ti resta che spuntare la casella con la nuova immagine inserita che andrà a sostituire quello di default in tutto il tema, compresi quelli nei commenti degli articoli. Plugin per cambiare avatar di default in wordpress Se non hai voglia di effettuare le operazioni citate sopra, oppure non ti senti ancora pronto di metter mano ai files, puoi avvalerti di uno dei tanti plugin che trovi a disposizione su wordpress. Dai un’occhiata a qui. Bene! Ora hai tutte le carte in regola per personalizzare e cambiare gli […]

WordPress: Inserire codice html, php, css negli articoli del blog 4 (1)

In questo articolo scritto anni fa ero intento a suggerirti diverse soluzione attraverso l’utilizzo di plugin per inserire codici html, php o css in un articolo wordpress, senza causare problemi lato visivo una volta pubblicato. Oggi mi impegno nel modificarlo, poiché recentemente gli autori del famoso software hanno deciso di implementare la funzione direttamente nel core del nuovo Wordperss Gutemberg (v 5.0), così sarà possibile inserire parti di codice nelle pagine senza utilizzare ulteriori plugin. Se hai aggiornato all’ultima versione, sicuramente avrai notato delle nette differenze con il suo nuovo e sgargiante editor di blocchi; il sistema, infatti, possiede molteplici funzioni tra le quali ciò che stiamo cercando. Andiamo a vedere subito come mettere e mostrare codici sorgente in wordpress. Come inserire codici php e css in wordpress A sinistra del block editor – cioè dove dovresti scrivere il testo dell’articolo – noterai apparire al passaggio del mouse l’icona Aggiungi Blocco (vedi figura) Una volta cliccata si aprirà una finestrella contenente un menu e diverse opzioni tra cui Formattazione. A questo punto avrai due soluzioni tra cui scegliere: preformattato e codice. Questi due nuovi blocchi ti consentiranno di inserire codici e script senza difficoltà in diversi linguaggi web (CSS, HTML, PHP…), senza che la pagine o articoli vengano compromessi. Esempio di testo con Codice: Bene, ora sai come mostrare codici e script in un articolo wordpress. Buon lavoro. Plugin per implementare codici su wordpress Se invece il blocco code di default non è sufficiente alle tue esigenze e stai cercando qualcosa di più professionale, potresti ancora aver bisogno di un plugin. Dai un’occhiata a quelli che ti suggerisco di seguito: Quale metodo utilizzi sul tuo blog per condividere i script e codici?

Qual è la migliore struttura permalink per wordpress? 4 (1)

In questo articolo vedremo qual è il miglior permalink wordpress da utilizzare su un blog. In passato, cambiare permalink, ovvero l’indirizzo url che ci permette di arrivare ad una nostra pagina o articolo, alle volte causava l’errore 404 o ulteriori conflitti. Fortunatamente nelle recenti versioni di wordpress qualcosa è stato ottimizzato, e il core lavora in modo da dover reindirizzare i nostri articoli sempre allo stesso, pur cambiando permalink. Qual è il miglior permalink per wordpress? Suggerisco a tutti quelli che vogliono intraprendere una nuova esperienza da blogger, di impostare il miglior permalink per wordpress sin da subito, poiché cambiarlo in un secondo momento potrebbe causare non pochi grattacapi. Per una migliore indicizzazione consiglio di NON lasciare quello di default, che solitamente è composto da una serie numerica, esempio: https://www.youfriend.it/?p=123 Ma cambiarlo immediatamente in: “https://www.youfriend.it/articolo d’esempio/” Quest’ultioma struttura è decisamente migliore e aiuta molto l’indicizzazione del vostro articolo. Oppure, se avete molte categorie potreste usare la struttura personalizzata ed aggiungere nel campo:  “/%category%/%postname%/”   Problema errore 404 cambiando permalink di wordperss Passiamo ora a vedere come risolvere il problema dell’errore 404 cambiato permalink e non perdere l’indicizzazione dei vostri url. Nel caso di un blog datato, potete impostare un redirect 301 dalla vecchia struttura a quella nuova utilizzando i plugin seguenti: Redirection, il gestore di reindirizzamento più popolare per WordPress. Con esso puoi gestire facilmente il redirec 301, tenendo traccia degli errori 404 e in generale riordinare qualsiasi link del tuo sito, migliorando il ranking. Un altro molto veloce e funzionale è Permalink Finder Plugin dove l’installazione farà tutto in automatico, nel caso abbiate molti articoli ci sarà da aspettare qualche minuto per sistemarli tutti. La guida per sistemare i redirect degli articoli wordpress finisce qui, buon lavoro.

Come cambiare immagine profilo su wordpress con Gravatar 4.5 (2)

Per chi è alle prime armi con wordpress probabilmente avrà avuto difficoltà a capire come cambiare la propria immagine profilo; infatti, mi sono spesso arrivate delle e-mail nelle quali mi veniva domandato come modificare l’avatar su wordpress. Con il sorriso gli ho risposto velocemente: ” beh, non è possibile direttamente dal pannello di amministrazione, gli avatar sono gestiti da un sito esterno”. Gravatar e personalizzazione della foto profilo Le immagini di ogni account registrato, anche quella di default, non sono editabili, se non con un opzione che mette a disposizione degli avatar random “orribili” raggiungibili dalle impostazioni > discussioni del blog. Quindi, se vuoi cambiare foto del profilo wordpress dovrai utilizzare Gravatar, un sito che gestisce tutte le immagini legate alle e-mail che utilizzano wordpress. Ma perché dobbiamo lasciare la gestione delle foto a Gravatar? Considerando che i blog per la maggioranza sono costruiti utilizzando wordpress e che spesso lasciamo commenti su di essi, questo sistema ci permetterà di associare un immagine profilo alla nostra e-mail. Quindi, ogni qualvolta scriveremo un commento su un qualsiasi blog esterno basato su wordpress immettendo la nostra e-mail, verrà mostrata l’immagine che abbiamo selezionato, Bene, ora andiamo a vedere come personalizzare un avatar su wordpress. Come cambiare avatar su wordpres Il primo passo da compiere è quello di dirigersi su Gravatar e registrarsi utilizzando un e-mail preferita, quella che sicuramente non cambierai mai, in quanto successivamente potrai gestire dallo stesso account più e-mail. Ti verrà inviata una chiave di attivazione e dopo aver confermato l’account ed effettuate l’accesso potrai andare sul menu in alto a destra e selezionare aggiungi un immagine. Adesso l’e-mail che hai registrato avrà come immagine profilo quella da te scelta, che visualizzerai su tutti i siti wordpress. Aggiungere un’altra e-mail Sempre dallo stesso menu, ci sarà anche la voce aggiungi un […]