Nwlapcug.com


Come creare testo loghi per Wordpress

Come creare testo loghi per Wordpress


Uno dei vantaggi dell'utilizzo di WordPress per gestire un sito Web è che un tema ben codificato - il modello di progettazione utilizzato per visualizzare il tuo blog e pagine - rende facile aggiornare il tuo sito senza dover modificare il codice. Temi WordPress utilizzano speciali funzioni PHP chiamate "tag dei template" per acquisire i contenuti da un database e visualizzarla sul tuo sito Web. Utilizzando il bloginfo(); modello di tag, è possibile visualizzare un logo basati su testo modificabile per il tuo sito. Lo stile con il codice di ripristino automatico di sistema (CSS, Cascading Style Sheet) per far sembrare grande.

Istruzioni

1

Aprire il file "header. php" per il vostro tema WordPress corrente. Utilizzare software come Notepad + +, jEdit o BBEdit di modifica del codice. Il tuo file "header. php" è nel seguente percorso:

/your-site/wp-content/themes/Name-of-Theme /

Aggiungere < h1 > e < / h1 > tag da qualche parte sotto il tag < body >, dove si desidera che il logo venga visualizzato. Se tali tag esiste già, quindi eliminare qualsiasi testo è tra di loro.

2

Inserire il codice seguente tra il < h1 > e < / h1 > Tag:

<? php bloginfo('name');? >

Questo modello tag accetta un parametro, ad esempio "nome", che indica il tipo di informazioni da visualizzare. Utilizzando questo codice, è possibile visualizzare il nome del tuo sito Web.

3

Avvolgere il tag di ancoraggio intorno al tag di modello per renderlo cliccabile. Ecco un esempio:

< h1 >< href = "<? php bloginfo('wpurl');? >" titolo = "tornare il <? php bloginfo('name');? > Homepage..." ><? bloginfo('name') php;? >< /a >< / h1 >

Nel codice sopra, la bloginfo(); tag modello utilizza "wpurl" per dire che per stampare l'URL alla home page del tuo sito Web. L'attributo title del tag di ancoraggio consente di visualizzare gli utenti invitante di testo fare clic per tornare alla home page e bloginfo(); viene utilizzato nuovamente lì per visualizzare il nome del sito Web. Facendo il logo cliccabile e dandogli un attributo title sono buone pratiche per entrambi usabilità e ottimizzazione di search engine.

4

Aprire il file "Style. css" dalla stessa cartella del file "header. php" e aggiungere il codice CSS per applicare uno stile al testo all'interno del tuo < h1 > e < / h1 > Tag. Questo è come si farà il vostro logo testuale. Ricordarsi di impostare le dimensioni dei caratteri, altrimenti il browser visualizzerà una dimensione predefinita. Ecco un esempio di un logo corsivo, rosso con un'ombreggiatura grigio chiaro:

H1 {

dimensione del carattere: 24px;

font-style: italic;

colore: #ff0000;

ombreggiatura del testo: #eeeeee 2px 2px 5px;

}

L'ombra è offset due pixel dalla parte superiore e sinistra, e il raggio di sfocatura è impostato su cinque pixel. Essere consapevoli, però, che alcuni browser meno recenti non visualizzerà l'ombra.

Consigli & Avvertenze

  • Per impostazione predefinita, i caratteri sono limitati a quelli disponibili sul computer dell'utente. Maggior parte dei browser supportano ora @font-face in CSS, che consente di caricare il tuo font e incorporarlo nel tuo sito Web. Il servizio di Cufon basati su query rende anche possibile incorporare tipi di carattere nel tuo sito Web. Poiché i risultati di entrambi sono diverse, giocare con ciascuno e vedere quale si adatta meglio il tuo sito.
  • A meno che non si utilizza @font-face o una soluzione JavaScript come Cufon, stick per font web-safe per i loghi basati su testo.