Aldolat.it — Post con tag Tag

Personalizzare gli elementi meta Description e Keywords

aldolat@gmail.com (Aldo Latino) — Thu, 06 Aug 2009 10:21:16 +0000

In genere gli articoli dei nostri blog così come le pagine statiche presentano gli elementi meta “Description” e “Keywords” uguali fra tutti i post e tutte le pagine. Con un piccolo sforzo possiamo però personalizzarli e rendere ciò che scriviamo più facilmente rintracciabile. Esistono plugin che fanno questo per noi e anche molto di più: a me preme invece, come di consueto, la parte teorica del ragionamento.

Questo post prende spunto da un articolo di WP Recipes, ma utilizza una soluzione differente. Vediamo come ho implementato questa caratteristica in Ubuntu block notes.

Personalizziamo l’elemento meta Description

L’elemento Description presenta in brevissima sintesi il contenuto della pagina che si sta visualizzando. Una sintesi generica va bene per la home page e altre pagine, ma non precisamente per gli articoli e per quelle pagine statiche che trattano argomenti più in profondità. Possiamo però, con semplici istruzioni PHP, sostituire la generica descrizione (e le Keywords generiche, come vedremo dopo) con una personalizzata per ogni articolo. Per far ciò useremo i Campi personalizzati di WordPress.

Aprite il file del vostro tema header.php e individuate la riga che dice più o meno così:

<meta name="description" content="bla bla bla" />

Se non c’è, la creeremo noi: inseritela dove volete, l’importante è che stia all’interno dell’elemento <head>. Un buon posto è di certo vicino agli altri elementi meta.

Al posto di tutta la riga inserite queste:

<meta name="description" content="<?php
    $standard_desc = 'Questa è la descrizione generica del mio blog';
    $single_desc = get_post_meta($post->ID, "Metadescription", true);
    if (is_single() || is_page()) {
        if ($single_desc == '') {
            echo $standard_desc;
        } else {
            echo $single_desc;
        }
    } else {
        echo $standard_desc;
    }
?>"/>

Personalizzate la variabile $standard_desc inserendo la descrizione generica del vostro blog.

In breve quelle righe non fanno altro che controllare se avete inserito una descrizione specifica per l’articolo o la pagina, secondo il metodo che vi spiegherò subito sotto, e la usano, altrimenti useranno quella generica.

Personalizziamo l’elemento meta Keywords

Stesso discorso per l’emento meta Keywords. Se avete già una riga, sostituitela con quelle seguenti, altrimenti incollate queste subito sotto le righe che avete appena inserite. Eccole:

<meta name="keywords" content="<?php
    $standard_key_list = 'questa, è, la, mia lista, di parole, chiave';
    $single_key_list = get_post_meta($post->ID, "Metakeywords", true);
    if (is_single() || is_page()) {
        if ($single_key_list == '') {
            echo $standard_key_list;
        } else {
            echo $single_key_list;
        }
    } else {
        echo $standard_key_list;
    }
?>"/>

Personalizzate con la vostra lista di parole chiave la riga 2. Il ragionamento delle istruzioni è lo stesso di prima.

Come utilizzare queste istruzioni

Prendete un articolo già scritto e modificatelo. Senza toccare il testo, scendete nella pagina fino al riquadro “Campi personalizzati” e fate clic su “Aggiungi nuovo”. Scrivete come “Nome” il testo “Metadescription” e come valore la descrizione dell’articolo che state modificando. Quindi fate clic su “Aggiungi campo personalizzato”.

Fate la stessa cosa con un altro campo nuovo, che però chiamerete “Metakeywords” e a cui darete come valore le parole chiave che contraddistinguono l’articolo in modifica. Generalmente i tag che avete usato vanno bene. Premete quindi su aggiungi.

Ora, senza premere sul pulsante solito “Modifica articolo”, andate sul blog e visualizzate il post. Dite al vostro browser di farvi vedere il codice sorgente della pagina (in genere Ctrl+U) e dovreste vedere le due righe con gli elementi Description e Keywords personalizzati.

Quando in seguito scriverete un nuovo post e volete personalizzare questi due elementi, troverete già, nel menu a tendina dei “Campi personalizzati”, i due nomi inseriti prima: vi basterà inserirne il contenuto nel campo “Valore”.

L'articolo Personalizzare gli elementi meta Description e Keywords è uno scritto di aldolat.it. Rispettane le condizioni di licenza.

Pulsanti aggiuntivi al pannello di scrittura di WordPress

aldolat@gmail.com (Aldo Latino) — Tue, 12 Aug 2008 20:47:03 +0000

Come sapete, quando scrivete un articolo di WordPress, potete scegliere se usare l’interfaccia “Visuale” o quella “HTML”, selezionabili dalle due schede poste sopra il campo di scrittura dell’articolo. La differenza è sostanziale: con la versione HTML potete intervenire nel codice dell’articolo e usare alcuni tag HTML che altrimenti WordPress vi taglierebbe. Ora, avrete presente che la versione HTML del pannello è più o meno questa:

I pulsanti sono pochi, anche rispetto alla sua versione “Visuale”. Ma potete aggiungerne quanti ne volete e far scrivere ai pulsanti i tag che vi servono più spesso. Ecco come si presenta attualmente il mio pannello:

Ho aggiunto la seconda e terza riga di pulsanti che scrivono per me quei tag che uso di più e che scoccia dover scrivere a mano quando si modifica l’HTML (a me capita spesso). Aggiungere questi pulsanti personalizzati è davvero semplice: basta un plugin.

AddQuicktag

AddQuicktag è il plugin che ci serve e lo trovate nella directory ufficiale dei plugin di WordPress. Scaricatelo, decomprimetelo e copiatelo nella vostra directory /wp-content/plugins del vostro server. Attivatelo quindi dal pannello di gestione dei plugin. Dopo l’attivazione, vi ritroverete con un comando in più nella scheda “Impostazioni” dal nome “Add Quicktag”. In questa pagina troverete tre campi per ogni riga:

la prima contiene il nome che visualizzerete sul pulsante;
la seconda contiene il tag di apertura;
la terza quello di chiusura.

Ecco un esempio di alcuni miei “quicktag”:

Capire come funziona è molto semplice. La prima riga riguarda il tag H3 che non è presente come pulsante nel pannello HTML: aggiungetelo così come lo vedete in figura e salvate le opzioni. Provate a scrivere un articolo di esempio. Per usarlo basta premere il pulsante H3 che vi ritroverete nel pannello HTML e WordPress scriverà per voi <h3> che corrisponde al secondo campo (quello successivo al nome). Scrivete il titolo e quindi premete di nuovo il pulsante H3 che adesso chiuderà il tag con </h3>. Allo stesso modo funzionano tutti gli altri.

Capito questo, potete sbizzarrirvi ad inserire tutti i comandi che volete. Ad esempio: avete creato uno stile che vi crea un box colorato, con una icona a sinistra e vi scrive il testo usando un carattere diverso? Anziché ricordarvi come si chiama quello stile e anche per evitare di scrivere tutta la trafila, potete aggiungere un pulsante così:

primo campo: il nome che vi piace;
secondo campo: il tag di apertura come <div class="mio-stile">;
terzo campo: il tag di chiusura come </div>.

Dei tre campi solo il terzo può non essere riempito in alcuni casi, come ad esempio nel caso in figura del pulsante “Spezza pagina”. In questo caso WordPress scriverà per voi una sola stringa di testo (come in figura, nel secondo campo) e nulla come tag di chiusura. Questo perché quella stringa è un marcatore per indicare a WordPress quando spezzare un articolo/pagina in un’altra pagina (e non necessita di chiusura tag).

È evidente che questo plugin scrive il tag per voi, ma la modifica del tag HTML e la creazione di stili specifici dovrà essere fatta nel vostro file style.css. Tutti i pulsanti che vedete nella prima figura (tranne “Spezza pagina” e “Download”) fanno riferimento a stili che ho definito nel foglio stile: altrettanto dovrete fare voi. Ad esempio, se io sono solito evidenziare un testo, come questo:

Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.

avrò creato uno stile apposito dal nome “evidenzia” e avrò creato un pulsante “Evidenzia” (potete usare il nome che volete e non è necessario che stile e pulsante abbiano lo stesso nome). Se non lo avrò fatto, il pulsante non avrà alcun effetto.

L'articolo Pulsanti aggiuntivi al pannello di scrittura di WordPress è uno scritto di aldolat.it. Rispettane le condizioni di licenza.