{"id":63336,"date":"2017-02-09T10:32:51","date_gmt":"2017-02-09T09:32:51","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=63336"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"logo-wordpress-website-how-to-create-add-it-to-your-site-blog","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/it\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/","title":{"rendered":"Logo e sito Web WordPress: come crearlo e aggiungerlo al tuo sito"},"content":{"rendered":"<p>C&#039;\u00e8 un logo su (quasi) tutti i siti web. Contribuisce enormemente all&#039;aspetto del sito Web, alla prima impressione che i tuoi visitatori ottengono quando aprono il sito ed \u00e8 certamente una cosa di branding. <strong>Un logo ben progettato ti aiuta a inviare il messaggio giusto sulla tua azienda ai tuoi potenziali clienti e aumenta il riconoscimento del tuo marchio.<\/strong> Questo \u00e8 il punto di vista del marketing per quanto riguarda i loghi, ma per quanto riguarda il lato tecnico della questione? Come dovrebbe essere progettato un buon logo e quali parametri dovrebbe avere. Ecco l&#039;intuizione del nostro esperto designer e sviluppatore front-end Peter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Logo_size_and_dimensions\"><\/span>Dimensioni e dimensioni del logo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Quando si tratta di progettare il logo per la prima volta, pensa sempre un passo avanti. O idealmente, pensa a diversi passi avanti e considera dove verr\u00e0 visualizzato il tuo logo e in quali altri modi verr\u00e0 utilizzato. La dimensione del logo dovrebbe essere derivata in base a tutti i suoi potenziali usi. Se disegni il tuo logo in una dimensione di pixel fissa, pu\u00f2 facilmente succedere che i suoi parametri non consentano di stamparlo in una buona qualit\u00e0 poich\u00e9 il formato stampato richiede dpi diversi rispetto agli schermi di visualizzazione. D&#039;altra parte, <strong>se crei il tuo logo come grafica vettoriale sarai in grado di esportarlo in qualsiasi risoluzione desiderata.<\/strong><\/p>\n\n\n\n<p>Le dimensioni della grafica del tuo logo sono altamente individuali. Tuttavia, assicurati che il logo abbia un bell&#039;aspetto in tutte le dimensioni. Ad esempio, se sto progettando il logo per l&#039;intestazione del mio sito Web, dovrei prestare attenzione a come appare durante tutto il processo di progettazione.<\/p>\n\n\n\n<p>\u00c8 meglio progettare un logo pi\u00f9 semplice, senza un&#039;enorme quantit\u00e0 di dettagli in quanto possono svanire in dimensioni pi\u00f9 piccole. I loghi pi\u00f9 semplici rimarranno sempre chiari e leggibili. Eviterai la necessit\u00e0 di progettare pi\u00f9 varianti dello stesso logo nel caso in cui debba essere ridimensionato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Horizontal_logos_are_easier_to_work_with\"><\/span>I loghi orizzontali sono pi\u00f9 facili da lavorare<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Verticale o orizzontale? I loghi verticali non sempre si adattano proporzionalmente al resto del design del sito Web e sono pi\u00f9 difficili da lavorare. Questo vale due volte quando si tratta di temi WordPress. Considera la reattivit\u00e0 del sito Web durante la progettazione del tuo logo e vedrai quanto migliore sar\u00e0 il logo orizzontale su diversi dispositivi.<\/p>\n\n\n\n<p>Se hai gi\u00e0 scelto il tema, controlla quali dimensioni del logo sarebbero le migliori per adattarsi bene. O viceversa. <strong>Se hai progettato il tuo logo finale, scegli il tema che ne consentir\u00e0 la corretta visualizzazione.<\/strong> Almeno se vuoi evitare di riprogettare il tema o creare una nuova variante del tuo logo per il tema.<\/p>\n\n\n\n<p>Il logo verr\u00e0 visualizzato in diversi punti del tuo sito Web o, per meglio dire, nel tema WordPress. Questo \u00e8 solo un altro motivo per evitare loghi troppo complicati.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"400\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions.jpg\" alt=\"Tipi di loghi\" class=\"wp-image-63355\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions.jpg 900w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions-300x133.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions-768x341.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Logo_content\"><\/span>Contenuto del logo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Quando inizialmente decidi il design del tuo logo, hai diversi tipi di loghi tra cui scegliere:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>icona\/immagine<\/li><li>logotipo o tipografico (solo il nome in un carattere specifico o impostazioni grafiche)<\/li><li>combinazione di entrambi<\/li><\/ul>\n\n\n\n<p>L&#039;aspetto che dovrebbe avere il logo dipende dall&#039;argomento del sito Web\/orientamento aziendale. Dovrebbe riflettere un certo messaggio relativo al business. Ad esempio, se abbiamo un&#039;attivit\u00e0 con un prodotto specifico, possiamo rendere questo prodotto parte del logo. Vendere bici \u2013 una ruota. Scrivere post sul blog: una penna, un libro, ecc. Dall&#039;altro lato,<strong> il logo non deve necessariamente contenere qualcosa di specifico, pu\u00f2 essere qualcosa di astratto, solo semplici forme geometriche, ma dovrebbe essere facile da ricordare.<\/strong> Puoi trovare qualche ispirazione su Internet e controllare i loghi di esempio su Behance o Dribble.<\/p>\n\n\n\n<p>Se non hai idea o non hai in mente nulla di specifico che potrebbe essere utilizzato come parte dell&#039;immagine del logo, puoi semplicemente utilizzare il logo tipografico. Ci sono molti font disponibili su <a href=\"http:\/\/fonts.google.com\" target=\"_blank\" rel=\"noopener\">fonts.google.com<\/a> gratuiti per uso commerciale. Non \u00e8 una regola usare il carattere serif che sembra pi\u00f9 serio, ma <strong>\u00e8 bene scegliere font piuttosto semplici<\/strong>, non come comic sans ecc. \ud83d\ude00 Non presenteremo le nostre idee folli ai clienti, loro hanno le loro... Non vogliamo scoraggiarli, vogliamo invece aumentare il tasso di conversione.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"400\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types.jpg\" alt=\"Logo tipografico\" class=\"wp-image-63354\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types.jpg 900w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types-300x133.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types-768x341.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p>Se volessimo comunque avere un simbolo grafico nel logo, potrebbe essere creato ad esempio dalle iniziali del nome. Questo \u00e8 spesso usato, quando il logo rappresenta il nome della persona cio\u00e8 le sue iniziali.<\/p>\n\n\n\n<p>Al giorno d&#039;oggi la tendenza \u00e8 quella di utilizzare loghi semplici. Anche le grandi aziende stanno semplificando il loro marchio, non nuoce a nulla.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"821\" height=\"1024\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-821x1024.jpg\" alt=\"restyling del logo\" class=\"wp-image-63356\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-821x1024.jpg 821w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-240x300.jpg 240w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-768x958.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns.jpg 1000w\" sizes=\"auto, (max-width: 821px) 100vw, 821px\" \/><\/a><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\">Fonte:&nbsp;<a href=\"http:\/\/www.underconsideration.com\/brandnew\/archives\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.underconsideration.com\/brandnew\/archives\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Colours\"><\/span>Colori<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Il logo dovrebbe essere realizzato in diverse varianti di colore. <strong>Quello di base dovrebbe essere nel colore del marchio e le altre varianti dovrebbero essere progettate in modo adatto a sfondi scuri e chiari.<\/strong> E&#039; buona norma avere anche una versione monocromatica, o solo una versione bicolore soprattutto per la stampa. Anche in questo caso \u00e8 bene controllare se non ci sono dettagli superflui che comunque non possono essere stampati.<\/p>\n\n\n\n<p>Il colore del logo deve essere allineato con il resto della combinazione di colori del web. Il logo non deve necessariamente essere colorato per catturare l&#039;attenzione. E&#039; sufficiente utilizzare un solo colore oppure abbinare i 2 colori se non si ha voglia di accostare pi\u00f9 colori. Il nome \u00e8 solitamente visualizzato in colori scuri, vicini al nero, o in alternativa bianco, a seconda dello sfondo e quindi il simbolo grafico \u00e8 colorato. Ma non \u00e8 la regola.<\/p>\n\n\n\n<p>Esistono anche vari generatori su Internet che possono aiutarti ad abbinare pi\u00f9 colori, ad es <a href=\"https:\/\/coolors.co\/app\" target=\"_blank\" rel=\"noopener\">coolors.co\/app<\/a>&nbsp;Guarda questo <a href=\"https:\/\/www.canva.com\/colors\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">strumento ruota dei colori <\/a>da Canva e scegli la tua combinazione perfetta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Setting_up_logo_in_your_WordPress_theme\"><\/span>Impostazione del logo nel tuo tema WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La demo del tema WordPress ti mostrer\u00e0 come verr\u00e0 visualizzato il tuo logo su ogni diverso layout reattivo del sito web. Come accennato in precedenza, se hai gi\u00e0 progettato il tuo logo, scegli il tema WP pi\u00f9 adatto che si adatterebbe perfettamente al logo della tua azienda.<\/p>\n\n\n\n<p>Per aggiungere il logo al tuo sito web, <strong>vai su Amministrazione tema e scegli Opzioni tema.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-1024x519.jpg\" alt=\"Opzioni del tema WordPress - Logo del sito web\" class=\"wp-image-63339\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-1024x519.jpg 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-300x152.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-768x390.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-1536x779.jpg 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01.jpg 1723w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Nella pagina di configurazione Opzioni tema, vai a Intestazione. Carica il tuo logo facendo clic su <strong>&quot;Seleziona immagine&quot;<\/strong> testo del pulsante all&#039;impostazione del logo del sito Web. Fare clic su Salva opzioni.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-1024x623.jpg\" alt=\"Opzioni del tema WordPress - Seleziona Logo\" class=\"wp-image-63341\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-1024x623.jpg 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-300x183.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-768x468.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-1536x935.jpg 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02.jpg 1723w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Visita l&#039;anteprima del tuo sito per vedere come viene visualizzato il tuo logo.<\/p>\n\n\n\n<p>Progettare il tuo primo logo \u00e8 una cosa che merita molti pensieri. Concentrati sul messaggio che vuoi inviare ai tuoi clienti. Rappresenter\u00e0 il tuo marchio per molti anni a venire. Un logo ben progettato rimarr\u00e0 con te a lungo e non richieder\u00e0 grandi cambiamenti. Ricorda che la tendenza \u00e8 semplificare le cose piuttosto che complicarle. Pertanto, se hai gi\u00e0 un logo con troppi dettagli, colori o curve, considera di crearne una nuova versione moderna. Aggiungerlo al tuo sito Web WordPress \u00e8 una questione di 3-4 clic ed \u00e8 fatto.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/it\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Logo_size_and_dimensions\" >Dimensioni e dimensioni del logo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/it\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Horizontal_logos_are_easier_to_work_with\" >I loghi orizzontali sono pi\u00f9 facili da lavorare<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/it\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Logo_content\" >Contenuto del logo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/it\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Colours\" >Colori<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/it\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Setting_up_logo_in_your_WordPress_theme\" >Impostazione del logo nel tuo tema WordPress<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>C&#039;\u00e8 un logo su (quasi) tutti i siti web. Contribuisce enormemente all&#039;aspetto del sito Web, alla prima impressione che i tuoi visitatori ottengono quando aprono il sito ed \u00e8 certamente una cosa di branding. Un logo ben progettato ti aiuta a inviare il messaggio giusto sulla tua azienda ai tuoi potenziali clienti e aumenta il riconoscimento del tuo marchio. Questo \u00e8 il [\u2026]<\/p>","protected":false},"author":1,"featured_media":63343,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[4,50],"tags":[],"citadela-post-location":[],"class_list":["post-63336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-websites-in-wordpress","category-citadela-pro-documentation"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/63336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/comments?post=63336"}],"version-history":[{"count":1,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/63336\/revisions"}],"predecessor-version":[{"id":94287,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/63336\/revisions\/94287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media\/63343"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media?parent=63336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/categories?post=63336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/tags?post=63336"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/citadela-post-location?post=63336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}