{"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\/es\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/","title":{"rendered":"Logotipo y sitio web de WordPress: c\u00f3mo crearlo y agregarlo a su sitio"},"content":{"rendered":"<p>Hay un logotipo en (casi) todos los sitios web. Contribuye enormemente a la apariencia del sitio web, la primera impresi\u00f3n que obtienen sus visitantes cuando abren el sitio y ciertamente es una cuesti\u00f3n de marca. <strong>Un logotipo bien dise\u00f1ado lo ayuda a enviar el mensaje correcto sobre su empresa a sus clientes potenciales y aumenta el reconocimiento de su marca.<\/strong> Este es el punto de vista del marketing en lo que respecta a los logotipos, pero \u00bfqu\u00e9 pasa con el aspecto t\u00e9cnico del problema? C\u00f3mo se debe dise\u00f1ar un buen logo y qu\u00e9 par\u00e1metros debe tener. Esta es la perspectiva de nuestro experimentado dise\u00f1ador y desarrollador front-end Peter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Logo_size_and_dimensions\"><\/span>Tama\u00f1o y dimensiones del logotipo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Cuando se trata de dise\u00f1ar un logotipo por primera vez, siempre piensa un paso adelante. O, idealmente, piense varios pasos por delante y considere d\u00f3nde se mostrar\u00e1 su logotipo y de qu\u00e9 otras formas se utilizar\u00e1. El tama\u00f1o del logotipo debe derivarse en funci\u00f3n de todos sus usos potenciales. Si dise\u00f1a su logotipo en un tama\u00f1o de p\u00edxel fijo, f\u00e1cilmente puede suceder que sus par\u00e1metros no permitan imprimirlo en una buena calidad ya que el formato impreso requiere diferentes dpi que las pantallas de visualizaci\u00f3n. Por otro lado, <strong>si crea su logotipo como un gr\u00e1fico vectorial, podr\u00e1 exportarlo en cualquier resoluci\u00f3n deseada.<\/strong><\/p>\n\n\n\n<p>Las dimensiones del gr\u00e1fico de su logotipo son muy individuales. Sin embargo, aseg\u00farese de que el logotipo se vea bien en todos los tama\u00f1os. Por ejemplo, si estoy dise\u00f1ando un logotipo para el encabezado de mi sitio web, debo prestar atenci\u00f3n a c\u00f3mo se ve durante todo el proceso de dise\u00f1o.<\/p>\n\n\n\n<p>Es mejor dise\u00f1ar un logotipo que sea m\u00e1s simple, sin una gran cantidad de detalles, ya que pueden desaparecer en tama\u00f1os m\u00e1s peque\u00f1os. Los logotipos m\u00e1s simples siempre se mantendr\u00e1n claros y legibles. Evitar\u00e1 la necesidad de dise\u00f1ar m\u00e1s variaciones del mismo logotipo en caso de que sea necesario reducirlo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Horizontal_logos_are_easier_to_work_with\"><\/span>Los logotipos horizontales son m\u00e1s f\u00e1ciles de trabajar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u00bfVerticales u horizontales? Los logotipos verticales no siempre se ajustan proporcionalmente al resto del dise\u00f1o del sitio web y son m\u00e1s dif\u00edciles de trabajar. Esto se aplica dos veces cuando se trata de temas de WordPress. Considere la capacidad de respuesta del sitio web cuando dise\u00f1e su logotipo y ver\u00e1 cu\u00e1nto mejor se ver\u00e1 el logotipo horizontal en diferentes dispositivos.<\/p>\n\n\n\n<p>Si ya ha elegido el tema, verifique qu\u00e9 dimensiones del logotipo ser\u00edan las mejores para encajar bien. O al rev\u00e9s. <strong>Si tiene dise\u00f1ado su logotipo final, elija el tema que permitir\u00e1 su correcta visualizaci\u00f3n.<\/strong> Al menos si desea evitar el redise\u00f1o del tema o la creaci\u00f3n de una nueva variaci\u00f3n de su logotipo para el tema.<\/p>\n\n\n\n<p>El logotipo se mostrar\u00e1 en varios lugares diferentes de su sitio web o, mejor dicho, en el tema de WordPress. Esta es solo otra raz\u00f3n para evitar logotipos demasiado complicados.<\/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=\"tipos de logotipos\" 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>Contenido del logotipo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Al decidir inicialmente sobre el dise\u00f1o de su logotipo, tiene varios tipos de logotipos para elegir:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>icono\/imagen<\/li><li>logotipo o tipogr\u00e1fico (solo el nombre en una fuente espec\u00edfica o configuraci\u00f3n gr\u00e1fica)<\/li><li>combinaci\u00f3n de ambos<\/li><\/ul>\n\n\n\n<p>El aspecto que debe tener el logotipo depende del tema del sitio web o de la orientaci\u00f3n empresarial. Debe reflejar cierto mensaje que se relacione con el negocio. Por ejemplo, si tenemos un negocio con un producto espec\u00edfico, podemos hacer que este producto forme parte del logotipo. Venta de bicicletas - una rueda. Escribir publicaciones de blog: un bol\u00edgrafo, un libro, etc. Por otro lado,<strong> El logotipo no necesariamente debe contener algo espec\u00edfico, puede ser algo abstracto, solo formas geom\u00e9tricas simples, pero debe ser f\u00e1cil de recordar.<\/strong> Puede encontrar algo de inspiraci\u00f3n en Internet y ver logotipos de muestra en Behance o Dribble.<\/p>\n\n\n\n<p>Si no tiene idea o no tiene nada espec\u00edfico en mente que podr\u00eda usarse como parte de la imagen del logotipo, simplemente puede usar un logotipo tipogr\u00e1fico. Hay muchas fuentes disponibles en <a href=\"http:\/\/fonts.google.com\" target=\"_blank\" rel=\"noopener\">fuentes.google.com<\/a> que son gratuitos para uso comercial. No es una regla usar una fuente serif que parezca m\u00e1s seria, pero <strong>es bueno elegir una fuente m\u00e1s simple<\/strong>, no como comic sans, etc. \ud83d\ude00 No vamos a presentar nuestras ideas locas a los clientes, ellos tienen las suyas propias... No queremos desanimarlos, queremos aumentar la tasa de conversi\u00f3n.<\/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=\"logotipo tipogr\u00e1fico\" 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>Sin embargo, si quisi\u00e9ramos tener un s\u00edmbolo gr\u00e1fico en el logotipo, podr\u00eda crearse, por ejemplo, a partir de las iniciales del nombre. Esto se usa a menudo cuando el logotipo representa el nombre de la persona, es decir, sus iniciales.<\/p>\n\n\n\n<p>Hoy en d\u00eda la tendencia es usar logos simples. Incluso las grandes empresas est\u00e1n simplificando su marca, no perjudica nada.<\/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=\"redise\u00f1os de logotipos\" 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\">Fuente:&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>Colores<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>El logotipo debe hacerse en varias variaciones de color. <strong>El b\u00e1sico debe ser del color de la marca y las dem\u00e1s variaciones deben dise\u00f1arse de manera adecuada para fondos oscuros y claros.<\/strong> Es una buena pr\u00e1ctica tener tambi\u00e9n una versi\u00f3n monocrom\u00e1tica, o simplemente una versi\u00f3n bicolor, especialmente para fines de impresi\u00f3n. En este caso, tambi\u00e9n es bueno verificar si no hay detalles innecesarios que no se puedan imprimir de todos modos.<\/p>\n\n\n\n<p>El color del logotipo debe estar alineado con el resto del esquema de colores de la web. El logotipo no necesariamente tiene que ser colorido para captar la atenci\u00f3n. Es suficiente usar un solo color o combinar los 2 colores si no desea combinar m\u00e1s colores. El nombre suele visualizarse en colores oscuros, cercanos al negro, o alternativamente blanco, dependiendo del fondo y luego el s\u00edmbolo gr\u00e1fico es colorido. Pero no es la regla.<\/p>\n\n\n\n<p>Tambi\u00e9n hay varios generadores en Internet que pueden ayudarlo a combinar varios colores, por ejemplo <a href=\"https:\/\/coolors.co\/app\" target=\"_blank\" rel=\"noopener\">coolors.co\/app<\/a>&nbsp;Mira este <a href=\"https:\/\/www.canva.com\/colors\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">herramienta rueda de color <\/a>de Canva y elige tu combinaci\u00f3n perfecta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Setting_up_logo_in_your_WordPress_theme\"><\/span>Configuraci\u00f3n del logotipo en su tema de WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La demostraci\u00f3n del tema de WordPress le mostrar\u00e1 c\u00f3mo se mostrar\u00e1 su logotipo en cada dise\u00f1o receptivo diferente del sitio web. Como se mencion\u00f3 anteriormente, si ya tiene su logotipo dise\u00f1ado, elija el tema de WP m\u00e1s adecuado que encaje perfectamente con el logotipo de su empresa.<\/p>\n\n\n\n<p>Para agregar un logotipo a su sitio web, <strong>vaya a Administrador de temas y elija Opciones de 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=\"Opciones de tema de WordPress - Logotipo del sitio 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>En la p\u00e1gina de configuraci\u00f3n de Opciones de tema, vaya a Encabezado. Cargue su logotipo haciendo clic en <strong>&quot;Seleccionar imagen&quot;<\/strong> texto del bot\u00f3n a la configuraci\u00f3n del logotipo del sitio web. Haga clic en Guardar opciones.<\/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=\"Opciones de tema de WordPress: seleccione el logotipo\" 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>Visite la vista previa de su sitio para ver c\u00f3mo se muestra su logotipo.<\/p>\n\n\n\n<p>Dise\u00f1ar su primer logotipo es algo que merece muchas reflexiones. Conc\u00e9ntrese en el mensaje que desea enviar a sus clientes. Representar\u00e1 su marca durante muchos a\u00f1os. Un logotipo bien dise\u00f1ado permanecer\u00e1 contigo durante mucho tiempo y no requerir\u00e1 grandes cambios. Recuerda que la tendencia es simplificar las cosas en lugar de complicarlas. Por lo tanto, si ya tiene un logotipo que tiene demasiados detalles, colores o curvas, considere crear una versi\u00f3n nueva y moderna. Agregarlo a su sitio web de WordPress es cuesti\u00f3n de 3-4 clics y listo.<\/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\">\u00cdndice<\/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\/es\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Logo_size_and_dimensions\" >Tama\u00f1o y dimensiones del logotipo<\/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\/es\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Horizontal_logos_are_easier_to_work_with\" >Los logotipos horizontales son m\u00e1s f\u00e1ciles de trabajar<\/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\/es\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Logo_content\" >Contenido del logotipo<\/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\/es\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Colours\" >Colores<\/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\/es\/logo-wordpress-website-how-to-create-add-it-to-your-site-blog\/#Setting_up_logo_in_your_WordPress_theme\" >Configuraci\u00f3n del logotipo en su tema de WordPress<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Hay un logotipo en (casi) todos los sitios web. Contribuye enormemente a la apariencia del sitio web, la primera impresi\u00f3n que obtienen sus visitantes cuando abren el sitio y ciertamente es una cuesti\u00f3n de marca. Un logotipo bien dise\u00f1ado lo ayuda a enviar el mensaje correcto sobre su empresa a sus clientes potenciales y aumenta el reconocimiento de su marca. Este es el [\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\/es\/wp-json\/wp\/v2\/posts\/63336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/comments?post=63336"}],"version-history":[{"count":1,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/63336\/revisions"}],"predecessor-version":[{"id":94287,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/63336\/revisions\/94287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/media\/63343"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/media?parent=63336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/categories?post=63336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/tags?post=63336"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/citadela-post-location?post=63336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}