{"id":3851,"date":"2021-04-12T11:26:17","date_gmt":"2021-04-12T09:26:17","guid":{"rendered":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/?p=3851"},"modified":"2021-05-27T09:51:59","modified_gmt":"2021-05-27T07:51:59","slug":"como-crear-cabeceras-atractivas-para-tu-blog-sin-ser-disenador","status":"publish","type":"post","link":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/como-crear-cabeceras-atractivas-para-tu-blog-sin-ser-disenador\/","title":{"rendered":"C\u00f3mo crear cabeceras atractivas para tu blog sin ser dise\u00f1ador"},"content":{"rendered":"<div id=\"telet-1104503427\" class=\"telet-antes-del-contenido telet-entity-placement\"><a href=\"https:\/\/quaderno.io\/?via=jose-manuel94\" aria-label=\"Quaderno General (Spanish) &#8211; 728&#215;90\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1.png\" alt=\"\"  srcset=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1.png 728w, https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1-300x37.png 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" width=\"728\" height=\"90\"   \/><\/a><\/div><p>Como bloguero sabes que hacer contenido de calidad es una forma de&nbsp;<strong>diferenciarte<\/strong>&nbsp;y de que tus lectores no te abandonen. Trabajas con profesionalidad tus post, porque necesitas que tus contenidos destaquen sobre el resto.<\/p>\n<p>Sin embargo, eres consciente de que&nbsp;<strong>hay demasiada informaci\u00f3n en la red<\/strong>&nbsp;que se comparte cada d\u00eda y los usuarios est\u00e1n siendo impactados constantemente con&nbsp;<strong>nuevos contenidos<\/strong>.<\/p>\n<p>Necesitas hacer algo distinto que a\u00f1ada valor a tus contenidos y que te ayude a diferenciarte.<\/p>\n<h2><span id=\"Como_hacer_para_dar_un_paso_mas_y_diferenciarte_de_tus_competidores\">\u00bfC\u00f3mo hacer para dar un paso m\u00e1s y diferenciarte de tus competidores?<\/span><\/h2>\n<p>Una de las maneras m\u00e1s significativas para a\u00f1adir valor a tu negocio es a trav\u00e9s del&nbsp;<strong><a href=\"https:\/\/www.ciudadano2cero.com\/crear-contenido-imagenes-marketing-visual-blog\/\" target=\"_blank\" rel=\"noopener\">marketing visual<\/a>,<\/strong>&nbsp;con la creaci\u00f3n de una marca de calidad&nbsp;<strong>visualmente distinta<\/strong>&nbsp;para las entradas de tu blog.<\/p>\n<p>Para mejorar la estrategia de marketing de tu blog, te recomiendo que inviertas tiempo en crear una&nbsp;<strong>plantilla gr\u00e1fica atractiva para la cabecera<\/strong>&nbsp;como imagen principal de tu blog. \u00c9sta es una estrategia que te ayudar\u00e1 a mejorar el branding.<\/p>\n<p>Contar con una plantilla para la cabecera de tu blog, no s\u00f3lo te ahorrar\u00e1 un mont\u00f3n de tiempo cada vez que publiques en tu blog, sino que tambi\u00e9n tendr\u00e1s una&nbsp;<strong>marca coherente y consistente<\/strong>&nbsp;para tus lectores.<\/p>\n<p>Conseguir una \u202fdiferenciaci\u00f3n visual\u202fes una de las estrategias que nos va a ayudar a sobresalir y a captar la atenci\u00f3n de nuestros lectores. Mira m\u00e1s ejemplos reales de&nbsp;<a href=\"http:\/\/lovevisualmarketing.com\/imagen-de-cabecera-blog\/\" target=\"_blank\" rel=\"noopener\">plantillas para cabeceras<\/a>.<\/p>\n<p>\u00a1Est\u00e1s en el mejor momento de tomar ventaja y sacarle partido!<\/p>\n<p>Y es que en el mundo hispano, la gran mayor\u00eda de los bloggers&nbsp;<strong>no est\u00e1n creando estrategias de diferenciaci\u00f3n visuales<\/strong>&nbsp;para destacar del resto.<\/p>\n<p>He observado que en los Estados Unidos los bloggers que est\u00e1n triunfando s\u00ed lo est\u00e1n haciendo y te hablo de bloggers que llevan poco tiempo en este mundillo. Es una tendencia que crece cada vez m\u00e1s y te ayudar\u00e1 a marca una diferencia.<\/p>\n<p>El objetivo de este post es ense\u00f1arte a dise\u00f1ar una plantilla de una cabecera atractiva como imagen principal de tu blog y sin necesidad de ser un dise\u00f1ador gr\u00e1fico. \u00bfTe atreves a conseguirlo?<\/p>\n<h2><span id=\"Por_que_los_bloggers_en_Espana_no_tienen_una_plantilla_para_la_imagen_principal_de_su_blog\">Por qu\u00e9 los bloggers en Espa\u00f1a no tienen una plantilla para la imagen principal de su blog<\/span><\/h2>\n<p>Todav\u00eda existen mucho miedos a lanzarte a hacer un dise\u00f1o para tu marca. Tienes temor a dise\u00f1ar im\u00e1genes porque piensas que la habilidad de dise\u00f1o est\u00e1 reservada a un grupo privilegiado, que somos los dise\u00f1adores gr\u00e1ficos.<\/p>\n<p>Y es cierto, en parte. Si quieres conseguir un dise\u00f1o muy elaborado o complejo, es probable que no lo puedas obtener. Pero piensa esto:&nbsp;<strong>todos somos creativos<\/strong>, tenemos el hemisferio derecho que lo avala.<\/p>\n<p>En dise\u00f1o existe una regla que es la m\u00e1s importante: \u201ckeep it simple\u201d o \u201cmenos es m\u00e1s\u201d. Conseguir una plantilla de cabecera atractiva para tu blog no tiene por qu\u00e9 ser complicado, todo lo contrario.<\/p>\n<p>Adem\u00e1s, todos tenemos la capacidad de aprender las herramientas que hoy tenemos a nuestra disposici\u00f3n:&nbsp;<strong>herramientas de dise\u00f1o online gratuitas<\/strong>. Han sido dise\u00f1adas para no dise\u00f1adores como t\u00fa. Son realmente f\u00e1ciles de usar.<\/p>\n<p>Otro factor que te echa para atr\u00e1s es el&nbsp;<strong>factor tiempo<\/strong>. \u00bfA qui\u00e9n le sobra el tiempo? Est\u00e1s convencido de que vas a emplear horas en dise\u00f1ar una plantilla y no puedes darte ese lujo. La buena noticia es que una plantilla te va a ayudar a generar im\u00e1genes en solo segundos, porque no tienes que pensar. Lo tienes todo hecho, solo tienes que personalizar y listo.<\/p>\n<p>Otra de las preocupaciones que escucho con frecuencia, es que&nbsp;<strong>la gente no quiere estar atada a un dise\u00f1o,&nbsp;<\/strong>porque<strong>&nbsp;consideran que es limitante y puede parecer aburrido<\/strong>.<\/p>\n<p><strong>Todo lo contrario<\/strong>. En estos ejemplos te ense\u00f1o varios modelos reales para tener un conjunto coherente de plantillas para la imagen principal del blog que representan a tu marca. Ver\u00e1s que algunas no usan una plantilla, sino m\u00e1s bien consiguen una sensaci\u00f3n y coherencia utilizando una paleta de colores, la misma tipograf\u00eda y un estilo definido de tu marca.<\/p>\n<h2><span id=\"5_Beneficios_de_usar_una_plantilla_para_tu_blog\">5 Beneficios de usar una plantilla para tu blog<\/span><\/h2>\n<p>En definitiva, \u00bfcu\u00e1les podr\u00edan ser las razones m\u00e1s importantes para utilizar una plantilla para la imagen de cabecera de tu blog?<\/p>\n<p>Yo te voy a dar 5 razones que creo son de peso:<\/p>\n<ol>\n<li>Facilita mucho hacer un&nbsp;<strong>branding consistente<\/strong>&nbsp;y aumentar la&nbsp;<strong>reputaci\u00f3n y autoridad<\/strong>&nbsp;de tu blog.<\/li>\n<li><strong>Reconocimiento inmediato<\/strong>: cuando alguien ve una imagen de tu blog estar\u00e1 reconociendo que es un post tuyo.<\/li>\n<li><strong>Generar m\u00e1s confianza<\/strong>: al dar una imagen mas profesional vas a transmitir confianza y eso ayuda a que vendas m\u00e1s. Eso es lo que todos queremos.<\/li>\n<li><strong>Ahorro de tiempo<\/strong>: esto es vital. Vas a ahorrar mucho tiempo en el proceso y enfocarte en crear nuevos contenidos, que es lo que necesitas.<\/li>\n<li><strong>Muy f\u00e1cil de actualizar<\/strong>: una plantilla es r\u00e1pida y f\u00e1cil de modificar; esto est\u00e1 pensado para no dise\u00f1adores.<\/li>\n<\/ol>\n<p>He escuchado historias de \u00e9xito de mis clientes que se han animado a contratar mis&nbsp;<a href=\"https:\/\/www.ciudadano2cero.com\/servicios\/\" target=\"_blank\" rel=\"noopener\">servicios<\/a>&nbsp;como especialista en marketing visual para crear una plantilla para su blog. Es el&nbsp;<strong>componente visual olvidado de los blogueros,<\/strong>&nbsp;que te ayudar\u00e1 a diferenciarte y te llevar\u00e1 al siguiente nivel. El marketing visual favorece a los negocios y blogs, ya que ayuda a diferenciarse de su competencia y posicionarse inmediatamente como profesionales en su sector.<\/p>\n<p>Piensa que dar\u00e1s una primera impresi\u00f3n favorable, que solo llevar\u00e1 segundos cuando vean la imagen principal de tu blog. Aseg\u00farate de que esa imagen no solo&nbsp;<strong>refleje lo profesional que eres<\/strong>, sino que refleje tambi\u00e9n&nbsp;<strong>lo que es tu marca<\/strong>.<strong><br \/>\n<\/strong><\/p>\n<h2><span id=\"Manos_a_la_obra_como_disenar_una_plantilla_para_la_imagen_principal_de_tu_blog_Ejemplo_real\">Manos a la obra: c\u00f3mo dise\u00f1ar una plantilla para la imagen principal de tu blog. Ejemplo real<\/span><\/h2>\n<p>Como ejemplo, trabajaremos una plantilla para la imagen principal del blog Ciudadano 2.0. Vamos a revisar los ingredientes que tenemos y veamos qu\u00e9 podemos conseguir.<\/p>\n<p>Los&nbsp;<strong>ingredientes necesarios para hacer una plantilla<\/strong>&nbsp;son:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2021\/04\/buscar-palabras-clave-google.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3852\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2021\/04\/buscar-palabras-clave-google.jpg\" alt=\"\" width=\"800\" height=\"399\" srcset=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2021\/04\/buscar-palabras-clave-google.jpg 800w, https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2021\/04\/buscar-palabras-clave-google-300x150.jpg 300w, https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2021\/04\/buscar-palabras-clave-google-768x383.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>En el caso de Ciudadano 2.0 sabemos que utiliza Powerpoint para generar sus dise\u00f1os.<\/p>\n<p>Tenemos 2 colores para jugar, que son los colores de su logotipo: azul (c\u00f3digo 2c3e50) y naranja (c\u00f3digo d96709). Se utilizan im\u00e1genes de Fotolia o&nbsp;<a href=\"https:\/\/www.ciudadano2cero.com\/go\/shutterstock\" target=\"_blank\" rel=\"noopener\">Shutterstock<\/a>. La tipograf\u00eda que utiliza suele ser Raleway. Y las im\u00e1genes son de 800 px de ancho. Tiene un logotipo que realiz\u00f3 hace un a\u00f1o. Lo tenemos casi todo, solo nos falta definir un estilo.<\/p>\n<p>Lo primero que voy a hacer es&nbsp;<strong>olvidarme del Power Point y utilizar una herramienta online<\/strong>&nbsp;para hacer dise\u00f1o.<\/p>\n<p><strong><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener\">Canva<\/a><\/strong>&nbsp;es una de las m\u00e1s conocidas y es gratuita. Te permite elegir entre plantillas ya dise\u00f1adas y modificarla o personalizarla como quieras.<\/p>\n<p>Una reciente novedad que incorporaron es&nbsp;<strong><em>Canva for Work.<\/em>&nbsp;<\/strong>Es la versi\u00f3n de pago y con ella puedes guardar las caracter\u00edsticas de tu marca, colores, tipograf\u00edas, etc., para dise\u00f1ar tus im\u00e1genes con tu estilo. Adem\u00e1s, esta versi\u00f3n Pro te ayuda a generar autom\u00e1ticamente y con solo un clic el dise\u00f1o en todos los tama\u00f1os adecuados de cada red social. Es buen\u00edsimo, porque ahorras mucho tiempo y en segundos tienes todas las im\u00e1genes listas para compartir.<\/p>\n<p>En&nbsp;<a href=\"http:\/\/lovevisualmarketing.com\/conoce-la-nueva-herramienta-online-para-hacer-diseno\/\" target=\"_blank\" rel=\"noopener\">este post<\/a>&nbsp;puedes informarte mejor de c\u00f3mo trabajar con Canva.<\/p>\n<p><strong><a href=\"https:\/\/www.befunky.com\/es\/\" target=\"_blank\" rel=\"noopener\">Befunky<\/a><\/strong>&nbsp;es otra herramienta que adem\u00e1s de permitirte editar fotos como un profesional, puedes generar dise\u00f1os nuevos.<\/p>\n<p>Si eres curioso y quieres conocer otras herramientas para hacer dise\u00f1o o edici\u00f3n de fotos, chequea esta&nbsp;<a href=\"http:\/\/lovevisualmarketing.com\/el-listado-mas-completo-de-herramientas-de-diseno-online-para-tu-negocio\/\" target=\"_blank\" rel=\"noopener\">lista de 14 herramientas<\/a>&nbsp;de dise\u00f1o online.<\/p>\n<h3><span id=\"Cual_es_el_tamano_ideal_para_trabajar_la_plantilla\">\u00bfCu\u00e1l es el tama\u00f1o ideal para trabajar la plantilla?<\/span><\/h3>\n<p>No existe un tama\u00f1o ideal para todos los blogs. El tama\u00f1o de la plantilla para la cabecera es libre. La orientaci\u00f3n del dise\u00f1o, si es vertical u horizontal, depende de ti.<\/p>\n<p>Si la red social&nbsp;<em><a href=\"http:\/\/pinterest.com\/\" target=\"_blank\" rel=\"noopener\">Pinterest<\/a><\/em>&nbsp;es uno de tus principales canales de comunicaci\u00f3n, te recomiendo elijas la imagen principal en formato vertical, porque es el que funciona bien en Pinterest. Si por el contrario la red social con la que mas triunfas es&nbsp;<em><a href=\"https:\/\/www.ciudadano2cero.com\/facebook-que-es-como-funciona\/\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>,<\/em>&nbsp;lo aconsejable es hacer una imagen horizontal. El ancho de la imagen va a depender de tu plantilla. Normalmente suelo hacer las im\u00e1genes entre 600 y 800 px de ancho y el alto al tama\u00f1o que quieras.<\/p>\n<hr>\n<p><img decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/07\/articulos.png\"><\/p>\n<p>[wp-rss-aggregator]<\/p>\n<hr>\n<h3><span id=\"4_Ejemplos_de_plantilla_para_darte_ideas\">4 Ejemplos de plantilla para darte ideas<\/span><\/h3>\n<p>Como la mejor manera de aprender es practicar, voy a elaborar aqu\u00ed 4 plantillas diferentes en total, con diferentes estilos, las cuales creo que te servir\u00e1n para sacar ideas que puedan servirte para tu sitio.<\/p>\n<h4>Plantilla 1<\/h4>\n<p>Este dise\u00f1o tiene un rect\u00e1ngulo transparente que cubre la foto y la ti\u00f1e de blanco. Lleva otro marco interior que trasluce la foto original. La tipograf\u00eda es grande, va en may\u00fascula y min\u00fascula en el naranja de la marca.<\/p>\n<p>Lo primero que vamos a hacer es crear una cuenta en Canva y crear un espacio de trabajo del tama\u00f1o de la imagen para nuestro blog, desde \u201cusar dimensiones personalizadas\u201d:<\/p>\n<p>Las im\u00e1genes que ves debajo de las opciones de dise\u00f1o, son anteriores trabajos que he realizado en Canva desde mi cuenta. Conforme hagas nuevos dise\u00f1os, \u00e9stos se mostrar\u00e1n aqu\u00ed.<\/p>\n<p>Creamos el espacio de trabajo de 800 x 550 px.<\/p>\n<p>En el men\u00fa de la izquierda tienes varias opciones; para subir la foto de tu dise\u00f1os, tienes que hacer clic en \u201csubir\u201d. Como ver\u00e1s, ya he subido previamente los logotipos como la fotograf\u00eda.<\/p>\n<p>Para llevarla al espacio de trabajo, podemos arrastrarla o hacer un clic encima de la foto y listo. Como ves, est\u00e1 m\u00e1s peque\u00f1a que el espacio de trabajo. Como queremos que ocupe todo el tama\u00f1o del lienzo, debes ajustar el tama\u00f1o arrastrando desde cada esquina.<\/p>\n<p>Puedes utilizar fotograf\u00edas de una web de stock gratu\u00edtas o tomarlas t\u00fa, pero siempre utiliza un mismo efecto de retoque de fotos.<\/p>\n<p>Vamos a ir al men\u00fa de la izquierda y vamos a elegir una forma. Haz clic en el men\u00fa \u201celementos\u201d y una vez dentro, en el cuadrado \u201cforma\u201d.<\/p>\n<p>Se van a desplegar muchas posibilidades. Mientras m\u00e1s te familiarices con la herramientas, m\u00e1s r\u00e1pido sabr\u00e1s cual es la forma que necesitas para tu dise\u00f1o.<\/p>\n<p>Para esta plantilla voy a elegir un recuadro que tiene un marco transparente dentro. Para encontrarlo debes hacer scroll o seguir bajando hasta localizarlo. Hacemos clic en \u00e9l y se a\u00f1ade encima de nuestro dise\u00f1o.<\/p>\n<p>Como ves, en cada extremo hay unos controladores desde donde puedes ajustar el tama\u00f1o del recuadro hasta reducirlo o agrandarlo. Lo agrandamos hasta que ocupe el tama\u00f1o de la foto.<\/p>\n<p>Al hacer click en el recuadro, se abre una ventana de di\u00e1logo y en el triangulito de la derecha se despliegan mas opciones como, por ejemplo, hacer este elemento transparente.<\/p>\n<p>Como no quiero que quede blanco 100%, sino que sea transparente para poder ver la fotograf\u00eda que hay debajo, le dar\u00e9 un 66 % de transparencia. Para eso arrastro el circulito hacia la izquierda, y mientras lo hago me va a indicar el n\u00famero de porcentaje de la transparencia.<\/p>\n<p>Es momento de&nbsp;a\u00f1adir texto para escribir el t\u00edtulo del post.&nbsp;En el men\u00fa de la izquierda vemos la opci\u00f3n \u201cT Texto\u201d, hacemos clic y se abren unas opciones. O bien vamos a\u00f1adiendo de uno en uno el t\u00edtulo o podemos elegir un formato de texto predise\u00f1ado (m\u00e1s abajo). Para nuestra plantilla vamos a a\u00f1adir \u201ctitulo\u201d.<\/p>\n<p>Escribimos nuestro t\u00edtulo y, para poder darle diferente tama\u00f1o a ciertas palabras, debemos a\u00f1adir l\u00edneas separadas de esas palabras. Desplegamos las&nbsp;distintas tipograf\u00edas&nbsp;que tiene la herramienta y elegimos&nbsp;<em>Raleway<\/em>&nbsp;y el tama\u00f1o adecuado.<\/p>\n<p>Algunas l\u00edneas de texto ser\u00e1n en light, familia regular o familia bold. Eso te da bastante juego para dise\u00f1ar con la tipograf\u00eda.<\/p>\n<p>Procedemos a&nbsp;darle color a la tipograf\u00eda&nbsp;de uno de los que conforman nuestra marca. Pinchamos en la rueda de color, luego en el signo \u201c+\u201d y se abre otra paleta de colores, donde podemos a\u00f1adir el tono exacto si ya lo conocemos.<\/p>\n<p>En este ejemplo optamos por el color naranja de la marca de Ciudadano 2.0.<\/p>\n<p>Este dise\u00f1o de plantilla tiene 2 grosores distintos de tipograf\u00edas, para diferenciar algunas palabras del t\u00edtulo. Adem\u00e1s, he reducido el tama\u00f1o entre l\u00edneas (el interlineado), en la opci\u00f3n \u201cespaciado de texto\u201d \u2013[S\u00edmbolo] \u201cline heigth\u201d a 1.0. Esta alternativa te permite juntar m\u00e1s las l\u00edneas entre s\u00ed para que el texto no ocupe demasiada altura y no se vea tan separado.<\/p>\n<p>El siguiente paso ser\u00e1&nbsp;a\u00f1adir un elemento de dise\u00f1o en la carpeta llamada \u201cl\u00ednea\u201d para separar el logotipo del t\u00edtulo del post.&nbsp;Se despliegan muchas posibilidades.<\/p>\n<p>Vamos a cambiar el color de la \u201cl\u00ednea\u201d por el azul corporativo de Ciudadano 2.0. Y a\u00f1adimos el logotipo que ya hab\u00edamos subido anteriormente.<\/p>\n<p>Una de las ventajas que consigues trabajando con Canva, es que adem\u00e1s de ser muy f\u00e1cil de usar, te guarda todos los dise\u00f1os que has trabajado en tu cuenta personal. Por eso, cuando tengas que hacer la pr\u00f3xima imagen de cabecera para tu blog, lo har\u00e1s en menos de 3 minutos. Solo tendr\u00edas que entrar abrir la plantilla y cambiar el t\u00edtulo y la foto.<\/p>\n<p>Trabajar una plantilla para la cabecera de tu blog significa realmente dar un paso adelante para ser m\u00e1s profesional y conseguir m\u00e1s y mejores clientes.<\/p>\n<p>Plantilla 2: este dise\u00f1o tiene una zona naranja transparente, para colocar el t\u00edtulo del post y otra zona naranja muy clarita para que el logotipo se vea bien al ir encima de la foto. Hay ocasiones como \u00e9sta en las que necesitamos un recurso para que el logotipo no pase desapercibido o se confunda con la foto. Para asegurarme de que la zona naranja clarita combina con otro tipo de fotograf\u00edas he utilizado la misma plantilla y he probado con 3 fotos. \u00c9ste es el resultado. Me parece que combina perfecto.<\/p>\n<p>Una caracter\u00edstica de esta plantilla es que todos los textos del t\u00edtulo van en may\u00fasculas pero en 3 tama\u00f1os distintos.<\/p>\n<p>Lleva una franja azul en diagonal, tiene 3 profundidades distintas, y el corte del tri\u00e1ngulo le a\u00f1ade cierto dinamismo; adem\u00e1s, el que sea transparente deja ver la fotograf\u00eda.<\/p>\n<p>Desde mi punto de vista, el logotipo resalta bien, el texto se lee y hemos conseguido otra plantilla atractiva para el blog de Berto.<\/p>\n<p>Vamos a ver c\u00f3mo hacerla.<\/p>\n<p>Para poder trabajar varios dise\u00f1os en un mismo documento, lo que hago es duplicar el dise\u00f1o 1, haciendo click en la opci\u00f3n \u201ca\u00f1adir una nueva p\u00e1gina\u201d debajo del dise\u00f1o 1. Autom\u00e1ticamente se genera un nuevo formato con la fotograf\u00eda de fondo, pero sin ning\u00fan elemento. Ver\u00e1s que a la derecha de la nueva p\u00e1gina dice n\u00famero \u201c2\u201d. Puedes trabajar en el mismo archivo todos los dise\u00f1os que quieras.<\/p>\n<p>Una vez que ya tengo mi segunda p\u00e1gina empiezo a crear el siguiente dise\u00f1o de plantilla.<\/p>\n<p>Voy a&nbsp;a\u00f1adir un tri\u00e1ngulo que voy a personalizar con mis colores.<\/p>\n<p>Como ves, ya tiene mis colores y ahora lo voy a hacer transparente.<\/p>\n<p>Lo voy a pegar en la esquina inferior izquierda y voy a sacar fuera del \u00e1rea del dise\u00f1o parte del borde del tri\u00e1ngulo.<\/p>\n<p>Tiene un 51% de transparencia.&nbsp;Ahora a\u00f1ado los textos del t\u00edtulo y le doy formato al texto,&nbsp;como vimos en el tutorial anterior.<\/p>\n<p>Toca&nbsp;agregar el logotipo.&nbsp;Como el logotipo tiene un tama\u00f1o grande, lo reduzco arrastrando los manejadores de las esquinas.<\/p>\n<p>Me parece que el logotipo no va a quedar as\u00ed porque el fondo se come el&nbsp;<a href=\"https:\/\/www.ciudadano2cero.com\/diseno-de-logos\/\" target=\"_blank\" rel=\"noopener\">logo<\/a>&nbsp;y no resalta adecuadamente.<\/p>\n<p>Pienso que necesito alg\u00fan color debajo que haga contraste y que ayude a que siempre se lea bien el logotipo. Si cambio la foto, y elijo una de colores claros, va a funcionar mejor, pero si tengo una fotograf\u00eda de colores oscuros voy a tener el mismo problema.<\/p>\n<p>Se me ocurre que puedo a\u00f1adir otro tri\u00e1ngulo que contraste con el naranja y que haga resaltar el logotipo. Voy a la zona de \u201celementos\u201d y a \u201cformas\u201d. Selecciono este tri\u00e1ngulo.<\/p>\n<p>Lo arrastro bien abajo y lo giro un poco para que haga de fondo del logotipo<\/p>\n<p>Busco un tono degradado del naranja hacia el blanco para crear un color que se diferencie del naranja y que adem\u00e1s combine con el logotipo. Env\u00edo este elemento hacia \u201catr\u00e1s\u201d para poder ver el logotipo.<\/p>\n<p>El dise\u00f1o ya est\u00e1 listo. Para descargarlo pincha en el bot\u00f3n arriba a la derecha \u201cdescargar\u201d. Si es para la web puedes elegir una imagen jpg. Tienes 4 opciones.<\/p>\n<p>La siguiente plantilla es muy f\u00e1cil de lograr. Ya sabes c\u00f3mo se insertan los elementos; ahora te voy a comentar cu\u00e1les han sido los pasos, sin ense\u00f1arte la secuencia gr\u00e1ficamente.<\/p>\n<p>Plantilla 3:<\/p>\n<p>Pasos:<\/p>\n<ol>\n<li>Subir la foto<\/li>\n<li>A\u00f1adir un recuadro blanco y hacerlo transparente al 51%.<\/li>\n<li>Subir una forma como la de la imagen y llevarla hacia fuera hasta que quede solo la parte que vemos.<\/li>\n<li>Elegir el color azul corporativo.<\/li>\n<li>A\u00f1adir la tipograf\u00eda y darle el formato de nuestra marca.<\/li>\n<li>En \u201celementos\u201d clicar en \u201cl\u00edneas\u201d y elegir este dise\u00f1o. Colocarla hacia ambos lados de la \u00faltima l\u00ednea. Elegir un tono naranja corporativo y hacerla un 35% m\u00e1s clara.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Plantilla 4:<\/p>\n<p>Pasos: Para hacer esta plantilla seguimos estos pasos:<\/p>\n<ol>\n<li>Subir la foto.<\/li>\n<li>A\u00f1adir un recuadro y pintarlo de azul corporativo. Ajustarlo al tama\u00f1o que vemos en la imagen.<\/li>\n<li>Hacer 3 bloques de texto:&nbsp;el primero&nbsp;tiene 16 px y es Raleway thin.&nbsp;El segundo&nbsp;tiene 40mpx y es Raleway Regular, se ha disminuido el interlineado.&nbsp;El tercer grupo&nbsp;de texto tiene 20 px y se ha ampliado la separaci\u00f3n entre letra y letra. Esta tipograf\u00eda es Raleway thin.<\/li>\n<li>Subimos otro recuadro y lo pintamos de blanco. Lo reducimos hasta el tama\u00f1o de la muestra. Le damos una transparencia de 88%. Subimos el logotipo.<\/li>\n<li>Insertamos un recuadro nuevo, lo reducimos hasta hacerlo tan delgado como la l\u00ednea naranja arriba y abajo del t\u00edtulo. Lo pintamos del naranja corporativo y lo duplicamos para llevarlo hacia abajo.<\/li>\n<\/ol>\n<p>Como ves, no necesitas ser un dise\u00f1ador exitoso para disfrutar de una plantilla. Ser\u00e1 suficiente con usar una misma tipograf\u00eda, los colores corporativos de tu marca y un estilo de fotograf\u00eda similar en todas tus im\u00e1genes.<\/p>\n<p>Despu\u00e9s de escribir m\u00e1s de 3.000 palabras explicando con pasi\u00f3n c\u00f3mo puedes aprovechar para hacer branding con tu blog, espero que te lleves nuevas ideas y que te pongas manos a la obra.<\/p>\n<p>\u00bfUtilizas una imagen de cabecera para tus post? \u00bfQu\u00e9 resultados has notado? Comparte tu experiencia en los comentarios.<\/p>\n<p><em>Un art\u00edculo escrito por <span class=\"entry-author\"><a class=\"entry-author-link\" href=\"https:\/\/www.ciudadano2cero.com\/author\/smorin\/\" rel=\"nofollow\"><span class=\"entry-author-name\">Susana Morin<\/span><\/a><\/span><\/em><\/p>\n<div id=\"telet-831665952\" class=\"telet-despues-del-contenido telet-entity-placement\"><a target=\"_blank\" href=\"\/\/aff.lucushost.com\/resources\/click\/?n=gDxoXMAJ&aff=756\"><img decoding=\"async\" border=\"0\" alt=\"LucusHost, el mejor hosting\" src=\"\/\/aff.lucushost.com\/resources\/banners\/?zoneid=5123&n=gDxoXMAJ&aff=756\" \/><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Como bloguero sabes que hacer contenido de calidad es una forma de&nbsp;diferenciarte&nbsp;y de que tus lectores no te abandonen. Trabajas con profesionalidad tus post, porque necesitas que tus contenidos destaquen&hellip; <\/p>\n","protected":false},"author":1,"featured_media":3086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[20,19],"class_list":["post-3851","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teletrabajo","tag-fuprisa","tag-jose-manuel-fuentes-prieto"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[1],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"jetpack_featured_media_url":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2021\/02\/chica-sofa.jpg","_links":{"self":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/3851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/comments?post=3851"}],"version-history":[{"count":1,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/3851\/revisions"}],"predecessor-version":[{"id":3853,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/3851\/revisions\/3853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/media\/3086"}],"wp:attachment":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/media?parent=3851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/categories?post=3851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/tags?post=3851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}