Crea sito

wordpress

Oggi dedicherò questo post a coloro che vogliono cambiare il font nel loro tema a marchio Bluchic, temi molto femminili. Non so se questo post possa essere utile per altri tipi di temi per WordPress.

Font bluchic 1

Cominciamo dalla lista di temi a marchio Bluchic che sono interessati a questo tutorial (credo che sono quasi tutti con lo stesso metodo):

Iniziamo!

Per prima cosa dobbiamo scegliere il tipo di font che vogliamo inserire e andiamo a questo indirizzo https://www.google.com/fonts
Una volta scelto clicchiamo su “Add to collection” e successivamente “Use”

Font bluchic 2A questo punto scegliete lo stile

Font bluchic 3

Andate in basso e copiate questo link del punto 3

Font bluchic 4

Sulle vostre impostazioni del blog che sono –> Aspetto –> Theme Options –> Extra inputs and settings

Font bluchic 6

 

Questa prima parte è fatta, ma ancora non abbiamo concluso nulla perché il font non sarà attivo.
Per i più audaci e azzardatori, ci dobbiamo addentrare ad ispezionare gli elementi del blog punto per punto, per capire dove volete utilizzare il font che avete scelto, quindi andiamo sulla vostra schermata del blog e con chrome cliccate il tasto destro del vostro mouse e si aprirà il menù a tendina e andremo a cliccare su “ispeziona elemento”

A questo punto dobbiamo andare a spulciare bene bene dove si trova il titolo che noi vogliamo cambiare, quindi con molta calma apriremo quelle piccole freccette di lato al codice e passando sopra con il mouse, questo evidenzierà le parti del blog, fino a che andiamo a trovare la parte che ci interessa cambiare la scritta, una volta trovata ci cliccate sopra e andiamo a prelevare il codice CSS del titolo che ho evidenziato con il quadrato rosso

Font bluchic 7

Ritornate sul pannello delle opzioni del tema e incollate il codice CSS del titolo alla voce Custom CSS 

Tornate nella pagina del font di google (senza chiudere il pannello delle opzioni del tema) e copiate il nome del font

Font bluchic 5

A questo punto basterà incollare il nome del font all’interno delle parentesi graffe

Font bluchic 8

Adesso salvate le impostazioni e il gioco è fatto.

Per aggiungere altri font è possibile utilizzare lo stesso procedimento aggiungendo il link del font alla voce Header script(s) e poi alla base il nome del font in Custom CSS
Se si vuole utilizzare lo stesso font già inserito in Header script(s) altri spazi come sottotitoli e titoli nelle barre laterali è possibile inserire il codice CSS trovato all’interno del blog con la funzione “ispeziona elemento” , quindi inserirlo in Custom CSS con il nome del font che già abbiamo.

Altro esempio ..
Per cambiare i titoli nella barra laterale ho fatto sempre ispeziona elemento e ho cercato fino a che non ho selezionato l’elemento interessato, a questo punto ho dato il click (per bloccarlo) e da li posso ricavare il codice CSS da inserire nelle impostazioni della voce Custom CSS

Font bluchic 9

 

E a questo punto lo incolliamo e all’interno delle parentesi graffe inseriamo il nome del font che trovate alla voce numero 4 del font che avete scelto.

Font bluchic 10

Questi font che scegliete condizioneranno anche le scritte all’interno dei post 🙂 Quindi sceglieteli con cura e leggibili.

Font bluchic 11

 

 

Vi dico la verità, non è semplicissimo, l’ho trovato un pochino difficoltoso anche io, sopratutto la ricerca dell’elemento, ci vuole molta moltissima pazienza, quindi non disperate al primo tentativo. Rileggete bene la guida e sostituite i codici nelle parti corrette.

Non abusate di troppi font perché potrebbero appesantire il forum, quindi consiglio di sceglierne al massimo due.

Se qualche passaggio non è stato chiaro scrivete, vedrò di modificare il post in modo più comprensibile.

Non so perché ma tenevo nascosto questo video da un po’ di tempo. La mia voce fa decisamente schifo, ma spero che la spiegazione può essere più utile dello scritto.
Per voi, quindi, il video tutorial su come cambiare font nei temi Bluchic

Cambiare font nei temi bluchic

 

Laly

Noto tantissime volte che in alcuni blog vengono aggiunte delle immagini a lato del loro blog per pubblicizzare i propri blog o altro, ma spesso per la loro grandezza risultano sproporzionati e così le immagini si tagliano rendendo parte del blog antiestetico. Ci sono due soluzioni per ridimensionare l’immagine. Ridimensionare tramite un programma come photoshop […]

Contina a Leggere