Come scoprire la larghezza esatta delle colonne dei blog

{Read in English...}

Ricordate questo post, in cui vi fornivo il codice CSS per ridimensionare in automatico le immagini dei post per evitare che debordino? Non avevo spiegato come capire qual è la dimensione esatta delle colonne, senza preoccuparsi di eventuali margini/padding di cui ignoriamo l'esistenza.
Oggi voglio sopperire alla mia mancanza, svelandovi un trucchetto “da addetto ai lavori” che può farvi scoprire tante cose sul modello del vostro blog.
Si tratta di una procedura super-iper-semplicissima: è più complicato spiegarla che metterla in pratica!
Useremo gli strumenti da sviluppatore di Google Chrome, ma se avete Firefox la procedura è pressoché identica. Credo {e spero} che tutti voi abbiate installato almeno uno dei due... Soprattutto spero che nessuno tra voi miei amatissimi lettori utilizzi vecchie versioni di Internet Explorer!... Ok, non divaghiamo.
Però non usate versioni di Explorer precedenti alla 9, ve ne prego...
  • Andate su Chrome e visitate il vostro blog.
  • Posizionate il mouse in un punto a caso del blog, premete il tasto destro e scegliete “Ispeziona elemento”: questo aprirà la console con gli strumenti per sviluppatori in fondo alla finestra.
Come scoprire la larghezza esatta delle colonne dei blog
  • Su questa interfaccia, a sinistra, c'è un'iconcina a forma di lente d'ingrandimento. Cliccateci sopra.
  • Sulla destra, invece, cercate il pulsante “computed”. Cliccateci e vi compariranno dei riquadri. Essi contengono le misure degli elementi del blog che andrete a selezionare.
Come scoprire la larghezza esatta delle colonne dei blog
Clicca sull'immagine per ingrandirla.
  • Ora posizionate il mouse sul corpo del testo di un post: vedrete che si selezionerà tutto lo spazio che esso occupa e comparirà un fumetto con scritto il nome dell'elemento. Guardate il riquadro blu della finestrella “computed”: la prima misura è quella che si riferisce alla larghezza che ricopre il corpo del testo del vostro blog.
Come scoprire la larghezza esatta delle colonne dei blog
Clicca sul'immagine per ingrandirla.
Se avete capito il procedimento, potete fare la stessa cosa per scoprire quali sono le dimensioni della sidebar, o di qualsiasi altro elemento del vostro blog.

Semplice, vero? Spero di essermi spiegata bene e di esservi stata utile.
Alla prossima!

31 commenti:

  1. Molto interessante!
    ciao e...grazie
    Paola

    RispondiElimina
  2. Anche io uso questo metodo per molte cose ^^ E' molto comodo! :D

    RispondiElimina
    Risposte
    1. Bravissima Tytti :D È uno strumento utilissimo!

      Elimina
  3. Grazie cara Silvia , questi post sono sempre utili per chi , come me , è imbranata in queste cose !!! Un bacione grande.

    RispondiElimina
  4. grazieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!

    RispondiElimina
  5. Grazie, sapevo che c'era quel pulsante e qualche volta l'ho usato ma non per questo.
    Davvero comodo
    Ciao
    Norma

    RispondiElimina
  6. Grazie Silvia, i tuoi post (per me che non ci capisco nulla,) mi sembrano super fantastici, magici!!

    RispondiElimina
    Risposte
    1. Addirittura magici? Wow :))
      Un bacione Carmen!

      Elimina
  7. Molto utile grazie della dritta!!!! :-)

    RispondiElimina
  8. se ce l'ho fatta io, possono riuscirci tutti!!!! ancora grazie per l'aiuto!

    RispondiElimina
  9. Grazie Silvia, davvero utilissimo!!! :):)

    RispondiElimina
  10. Direi che ti sei spiegata benissimo...ho capito perfino io!!
    Grazie Silvia!! ^_^

    RispondiElimina
  11. wow grazie Silvia!!!!!!!Questo post è super utilissimo!!!!!!!^_^Baciotti...

    RispondiElimina
  12. Sei stata chiarissima!!! =)

    RispondiElimina
  13. Ed io che brutalmente faccio un print screen e ritaglio l'area che mi serve per poi vederne la dimensione... sono un caso perso :D
    Grazie del consiglio!

    RispondiElimina
    Risposte
    1. Molto pragmatica, ma se funziona funziona! XD
      Credo che comunque ci voglia meno tempo con un paio di click :)

      Elimina
  14. Semplice e chiaro! Non l'avrei mai scovato da sola! :)

    RispondiElimina
  15. Ma poi ci spieghi anche le altre funzioni magiche di questi strumenti?

    RispondiElimina
    Risposte
    1. Per la maggior parte sono funzioni che servono a chi sviluppa siti, ma se mi venissero in mente altre cose che possono tornare utili per gestire il blog, ci scriverò senz'altro qualcosa :)
      Sicuramente è un metodo molto comodo per scoprire i nomi dei vari elementi (oltre alle loro dimensioni) e quali regole CSS vi si applicano...

      Elimina
  16. Beh, grazie!!! Ma sai che non ci avevo mai fatto caso? :P

    RispondiElimina
    Risposte
    1. Io credo che senza questi strumenti avrei perso sanità mentale ad ogni richiesta d'aiuto! ;D
      Spero che ora possano servire anche te :)

      Elimina
    2. Ciao ragazze! Io come Silvia, senza questo strumento sarei persa! Avendo imparato a scribacchiare css tutto da sola, se non avessi avuto il Developer Tools {io utilizzo quello di Firefox} non avrei mai saputo come chiamare gli elementi e nemmeno come modificarli. All'inizio di tutto un paio di anni fa, copiavo il codice direttamente dalla finestrella del tool e ci aggiungevo cosine fino a che non ottenevo il risultato voluto.Grazie Silvia per infondere sapienza nelle nostre lettrici! Bacioni, alex

      Elimina
  17. Utilissimo suggerimento!
    Me lo pinno, così appena mi servirà saprò dove andare a guardare.
    Grazie!
    Daniela

    RispondiElimina
  18. :::Sembra tu lo abbia scritto per me, sei stata chiarissima! Non ho ancora avuto modo di lavorarci purtroppo, spero in giornata. Grazie per la condivisione!

    RispondiElimina
  19. ah brava, alla fine lo hai scritto! pensa che io questa cosa l'ho sempre fatta con Photoshop! auahah però così è decisamente più veloce :3

    RispondiElimina
  20. Ciao Silvia, posso chiederti dove hai comprato il dominio? vorrei tanto farlo anch'io ma ho paura di fare un macello a trasferire tutto! Ti ringrazio per aver conviso i miei post... riguardo a Etsy ti ho inviato una mail in privato spero che ti arrivi!

    RispondiElimina
  21. Auguri per il primo anno di blog e grazie per i tuoi preziosissimi consigli!!!!
    Buone vacanze!!!!
    A presto ....

    RispondiElimina
  22. Cara Silvia,
    grazie per i tuoi preziosissimi consigli, ne farò tesoro^-^
    Un abbraccio
    Nunù

    RispondiElimina
  23. sai di essere un genio? grazie!! molto più veloce così!! grazie mille!

    RispondiElimina

Ti ringrazio per il tuo commento: mi stai dedicando due minuti del tuo tempo e lo apprezzo immensamente!
I commenti vengono modrerati, perciò non sono visibili appena inviati.
Mi riservo il diritto di cancellare messaggi:
• offensivi, diffamatori e/o volgari;
• a sfondo esplicitamente politico;
• pubblicitari;
• che richiedono 'follow 4 follow': seguimi se ti fa piacere, io farò altrettanto!

Related Posts Plugin for WordPress, Blogger...