Soluzione error on line 2 at column 6: XML declaration allowed only at the start of the document

Soluzione error on line 2 at column 6: XML declaration allowed only at the start of the document

Come Programmatore WordPress  volevo mostravi la soluzione ad un problema che ho dovuto risolvere. Mi contatta un collaboratore SEO , con una problematica legata alla sitemap.xml su un sito WordPress  , non riesce a generare la  mappa.  Al  momento in cui va a cliccare per generare la mappa compare questo errore:

error on line 2 at column 6 XML declaration allowed only at the start of the document wordpress soluzione

error on line 2 at column 6: XML declaration allowed only at the start of the document

 

Soluzione error on line 2 at column 6: XML declaration allowed only at the start of the document

In questa breve guida worpdress  vi mostrerò come ho risolto questo problema.  Partendo dai semplici ragionamenti che si fanno in queste situazione , la maggior parte di questi li ho dovuti escludere, per causa di una versione wordpress molto vecchia, ovvero la 4.0. Un aggiornamento totale forse avrebbe risolto il problema, ma c’erano troppi rischi ed ostacoli.  Ho provato a disattivare tutti i plugin e riattivarli uno alla volta, ma il problema persisteva. Questo Consulente Seo che mi ha contattato per generare la sitemap ha installato come plugin ‘Yoast’, quindi per provare se potevano esserci problemi di incompatibilità con wordpress ho provato diversi Plugin, ma il problema persisteva.

Soluzione:  Cercando e provando ho scoperto che con la versione 4.0 di WordPress ci furono dei problemi per quanto riguarda i Feed Rss e che con il passaggio a versioni di wordpress aggiornate questo problema, in alcuni casi, non veniva risolto. Questi   problemi si mostrano  in   dei semplici spazi vuoti di codice e delle chiusure “?>”  messe male. E questi due fattori li potete individuare nel Functions.php. Andando ad analizzare il mio caso ho trovato questa semplice situazione, e la soluzione lo è stata ancora di più.

Mi è bastato eliminare tutti gli spazi vuoti e ordinare le chiusure di codice all’interno del file Functions,php per risolvere  definitivamente il problema.

Come Programmatore WordPress  spero di esserti stato utile , contattami se hai bisogno di problemi o per realizzazione sito web. 

 

Ciao alla prossima!

Tema WordPress

Nei primi articoli, vi ho spiegato come installare WordPress( leggi qui).Oggi in questa breve guida wordpress vorrei spiegarvi cosa sono i tema wordpress e come si installano.

 

L’estetica del nostro sito web che stiamo creando è molto importante, per diversi motivi:

1)migliora l’esperienza del visitatore sul nostro sito;

2)la struttura estetica dovrà essere il più possibile vicina all’’obiettivo che questo sito dovrà avere;

3) grazie all’elemento grafico trasmetterà in maniera veloce e coincisa il messaggio che vogliamo trasmettere.

 

Come programmatore wordpress ogni volta che devo trovare un tema wordpress per un nuovo cliente, o per migliorare una struttura già esistente, faccio una serie di ragionamenti per cercare di capire  quale struttura il tema deve avere.  Per trovare un tema adatto alle nostre esigenze è possibile cercare su i diversi siti gratuiti una soluzione adatta a noi, o quelli a pagamento(che vi consiglio) dove potete trovare dal semplice tema, al più complesso e-commerce.

Non pensate che sia facile fare la scelta giusta, soprattutto se siete alle prime armi nell’effettuare modifiche ai CSS, quindi cercate bene o fatevi aiutare da un professionista.La decisione su quale tema puntare potrebbe occuparvi più di una semplice ora di ricerca. Un tema wordpress oltre a migliorare la parte estetica di un sito , migliora anche la navigabilità di chi lo visita , per questo il tema ha un ruolo importante.

Adesso vi mostrerò come si installa un tema , e come programmatore wordpress vi posso segnalare che esistono due procedure differenti.

INSTALLARE TEMA WORDPRESS TRAMITE PANNELLO WP

La prima procedura è rivolta agli utenti con meno esperienza essendo la più facile e più veloce.Ipotizziamo di aver scaricato o acquistato un tema wordpress, in entrambi i casi sarà un file .zip. Accediamo al pannello WordPress del nostro sito e clicchiamo alla nostra sinistra su ‘Aspetto’ successivamente su ‘Temi’.  A destra vi comparirà una pagina dove sono presenti tutti temi già installati, ma non attivi, sul vostro sito.Per aggiungere il tema appena scaricato vi basterà cliccare in alto su ‘Aggiungi Nuovo’ o  ‘Carica Tema’.

tema-wordpress-aggiungere-un-nuovo-tema

Tema WordPress premere su Aggiungi Nuovo

 

A seguire visualizzerete questa casella , dovrete semplicemente caricare il file.zip che avete scaricato, aspettare che la procedura automatica di installazione del tema wordpress vada a buon fine e in pochi secondi il vostro sito web cambierà aspetto.Basterà cliccare su visualizza sito e potrete godere dei cambiamenti grafici.

tema-wordpress-aggiungere--carica-tema

Tema WordPress scegliere il file .zip da caricare

 

INSTALLARE  TEMA WORDPRESS TRAMITE FTP

 

Questa seconda procedura è destinata agli  utenti maggiormente navigati e tecnici. Ipotizziamo di aver scaricato o acquistato un tema wordpress, in entrambi i casi sarà un file .zip. Solitamente io creo una nuova cartella dove scomporre  al suoi interno il file appena scaricato.A seconda di chi ha creato il tema, all’interno del file.zip potremmo trovare diverse cose, ma a noi interessa solamente una cartella che ha il nome del tema appena scaricato.

Successivamente avviamo il nostro programma ftp preferito, il mio è Filezilla, e accediamo al nostro sito.

Il percorso che dovremmo effettuare sarà quello di entrare  nella cartella  wp-content e dopo cliccare su themes. In quest’ultima cartella basterà  copiare la cartella del tema che abbiamo scaricato prima ed il gioco è fatto.

A questo punto vi basterà accedere al vostro pannello wordpress , andare su ‘Aspetto’ e successivamente cliccare ‘Temi’, selezionare il tema appena scaricato e premere ‘Attiva’, e il vostro sito in poco secondi cambierà totalmente aspetto.

 

Spero di esserti stato utile con questa breve guida wordpress , se hai bisogno di una consulenza per scegliere un tema wordpress o hai bisogno di assistenza ,contattami!

Contattami come programmatore wordpress per la realizzazione sito web o per una semplice consulenza.

Creare Modulo di contatto su due colonne

Creare Modulo di contatto su due colonne

Questa mattina sono stato contattato per una richiesta di consulenza che poi successivamente si è trasformato in un intervento. Come programmatore wordpress mi è stato chiesto se c’era  la possibilità di creare modulo di contatto su due colonne   con Contact Form 7.

Creare Modulo di contatto su due colonne 

In questa guida wordpress ti mostrerò dove sono intervenuto per raggiungere questo obiettivo.

Per iniziare ho richiesto i dati di accesso FTP e sono andato ad aprile il file style.css del tema del sito, ed ho inserito questo pezzo di codice:

 

#two-column{
 width: 550px;
}
#two-column #left{
 width: 300px;
 float: left;
}
#two-column #right{
 width: 250px;
 float: right;
}
#two-column p{
 margin-bottom: 12px;
}
#two-column input[type=”text”]{
 border:none;
 border:1px solid #000;
 font-size :14px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 width: 540px;
 padding: 5px;
}
#two-column #right input[type=”text”], #two-column #left input[type=”text”]{
 width:240px;
}
#two-column textarea {
    position: relative;
    padding: 5px;
    border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 540px;
}
#two-column input[type=”submit”]{
 padding:8px 18px;
 background:#222;
 color:#fff;
 border: 1px solid #fff;
 float:right;
 font-size: 14px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
#two-column input[type=”text”]:focus, #two-column textarea:focus{
 background: #eee;
}
#two-column input[type=”submit”]:hover{
 background:#fff;
 color:#222;
 border: 1px solid #222;
}

Successivamente ho richiesto i dati di accesso al pannello WP del sito,  sono andato a cliccare su Contact Form 7 ed ho creato un nuovo modulo ed ho inserito queste Classi CSS:

 

<div id=”two-column”>
<div id=”left”>
<p>First Name
[text* first-name]</p>
<p>Email
[email* your-email] </p>
</div>
<div id=”right”>
 <p>Last Name
[text* last-name] </p>
<p>Phone
[text* your-phone] </p>
</div>
<p>Subject
[text* your-subject] </p>
<p>Your message
[textarea your-message]</p>
<p>[submit “Send”]</p>
</div>

 

Creare-Modulo-di-contatto-su-due-colonne

Creare Modulo di contatto su due colonne su wordpress inserire Classi CSS

Come potrete notare in queste Classi CSS sono state create due colonne,sinistra e destra,  dove potete inserire tutto quello che volete. Quindi una volta terminato la compilazione del modulo salvate , e andate a controllare  nel front-end se il modulo è uscito correttamente a due colonne.

Molto probabilmente il primo risultato che uscirà sarà un modulo a due colonne, ma con la colonna di destra non parallela a quella sinistra. Quindi dovrete giocare un po con i CSS per rendere parallele le due colonne, molto dipenderà anche dal tema wordpress installato sul vostro sito.

 

Spero di esserti stato utile con questa guida wordpress su come creare modulo di contatto su due colonne su wordpress.

Se hai bisogno di aiuto contattami! Come programmatore wordpress per una consulenza , un consiglio, o per la realizzazione sito web!

 

Disattivare commenti wordpress

DISATTIVARE COMMENTI WORDPRESS

 

Nella precedente guida wordpress vi ho mostrato come gestire i commenti , rispondere , eliminare o modificare(Leggi Articolo).In questo articolo , come programmatore wordpress, voglio mostrarvi come disattivare i commenti sulle nostre pagine nei nostri articoli.Esistono 3 diversi modi per disattivare commenti wordpress, partendo dal metodo per l’utente meno esperto , fino al terzo dedicato ai tecnici di codice php.

 

Disattivare Commenti WordPress per tutti gli articoli e pagine

 

Quando andiamo nelle sezioni ‘Articoli ’ o ‘Pagine ’ in alto sulla destra possiamo notare una casella con un un cursore rivolto verso il basso denominata ‘Impostazione Schermata’.

disattivare-commenti-wordpress-selezionare-impostazione-schermata

Disattivare commenti WordPress selezionare ‘Impostazione Schermata’

 

Cliccando la casella si allargherà e ci mostrerà una serie di impostazioni che possiamo decidere di attivare e disattivare. La maggior parte delle opzioni che ci mostra riguarda la visualizzazione della pagina ‘Articoli o ‘ Pagine’, ovvero possiamo decidere se far visualizzare  la categoria dell’articolo, o il titolo seo della pagina ecc….

Tra queste opzioni spunta quella che  ci interessa ‘ Commenti ‘ che se viene selezionata attiverà tutti i commenti per le pagine o per gli articoli, se viene deselezionata   andrà a disattivare  i commenti.

disattivare-commenti-wordpress-selezionare-commenti

Disattivare commenti WordPress selezionare ‘Commenti’

Questa prima metodologia per disattivare commenti wordpress andrà a disattivare la possibilità di effettuare i commenti su tutte le pagine o su tutti gli articoli.

 

DISATTIVARE COMMENTI WORDPRESS per una singola pagina o un solo  articolo

 

WordPress ci dà la possibilità di disattivare  i commenti su una specifica pagina o commento.  Questa metodologia è molto simile  alla prima ed è molto facile. Entriamo  nell’articolo,dove vogliamo escludere la possibilità di effettuare commenti,  e andiamo a cliccare la casella ‘Impostazione Schermata ’ che si trova in altro a destra. Rispetto alla prima casella descritta, trovandosi all’interno di un singolo articolo avrà altre possibilità di scelta.

disattivare-commenti-wordpress-selezionare-impostazione-schermata-singolo-articolo

Disattivare commenti WordPress per singolo articolo o pagina selezionare ‘Impostazione Schermata’

 

Se vogliamo gestire singolarmente i commenti  su questo articolo/pagina andiamo a selezionare la voce ‘Discussione’. 

disattivare-commenti-wordpress-singolo-articolo-selezionare-discussione

Disattivare commenti WordPress per singola pagina o singolo articolo selezionare ‘Discussione’

 

In questo modo in fondo alla pagina, dopo il nostro articolo/pagina, comparirà questa casella.

disattivare-commenti-wordpress-casella-discussione-singolo-articolo

Disattivare commenti WordPress ‘Casella Discussione’

Selezionando le due opzioni avremo la possibilità disattivare i commenti per questa singola pagina o articolo, o non permettere di trackback e pignbac.(vedremo più avanti di cosa si tratta)

 

DISATTIVARE COMMENTI WORDPRESS  tramite codice PHP

Per gli utenti maggiormente esperti e più smanettoni intervenendo sul codice è possibile disattivare commenti wordpress per le pagine e per gli articoli in due secondi, Questa metodologia non la consiglio perché si può sempre cambiare idea e decidere di attivare i commenti. Ovviamente anche tramite codice si possono riattivare i commenti, ma sempre se siamo utenti esperti.

Accediamo ai nostri file ‘single.php’ e ‘page.php’, cerchiamo la stringa :

 

<? php comments_template(); ?>

 

E cancelliamola!  In questo modo avremmo disattivato i commenti su tutte le pagine o articoli.

 

Esistono dei Plugin che disattivano i commenti, ma a mio parere sono inutili e fanno solamente danno.

 

Spero di esservi stato utile con questa breve guida wordpress su come disattivare commenti. Abbiamo visto che ci sono diverse metodologie, dalla più semplice a quella un pò più tecnica. In base al vostro livello di preparazione scegliete quella che vi piace di più.

 

Se hai bisogno di aiuto contattami! Contattami come programmatore wordpress per una consulenza , un consiglio, o per la realizzazione sito web!