¡Hola! En este tutorial, les mostraré como hacer "separadores" para widgets de Wordpress con Photoshop. En este tutorial manejaremos el tema "Kubrick".
Si tienes otro tema, no te preocupes, te enseñaré a cambiarlo.
• Vé al Escritorio
• En el lado izquierdo, busca la sección que diga "Apariencia"
• Una vez ahí, tienes que buscar el tema llamado "Kubrick" y activarlo
Bueno, ahora que tenemos nuestro tema (Kubrick) activado, es hora de ir a nuestros Widgets, que se encuentran ahí mismo, en "Apariencia".
Buscamos un Widget llamado "Texto" (que esta casi al fondo) y lo arrastramos hasta donde dice "Barra lateral" (a la derecha).
Una vez ahí, se nos aparecerán las opciones del Widget de Texto, así que sera momento de abrir Photoshop.
Una vez en Photoshop, necesitaras abrir el área en donde haremos nuestro separador, así que tendremos que irnos a Archivo >> Nuevo. Ahora, necesitamos abrir un área de trabajo de 184x40.
Ahora, buscamos en la barra izquierda el botón llamado "Herramienta Rectángulo". Después, necesitaremos cambiar esa herramienta a otra forma, así que le daremos un click con el botón derecho y le daremos a la opción "Herramienta Rectángulo redondeado".
Ahora, necesitaremos seleccionar sobre la imagen de 184x40 el rectángulo redondeado que nosotros queramos (la anchura y altura que queramos) dejándole picado al botón izquierdo.
Una vez asi, justo como lo quieren, lo pueden personalizar.
Y los últimos pasos son los mas fáciles, lo único que tienen que hacer es subir la imagen a , copiar el código "HTML for Websites" que les aparecerá cuando hayan cargado la imagen y pegarlo en el Widget de Texto que abrimos en nuestra pagina de Wordpress... ¡y listo! ya nada mas la guardan y van a su pagina de Wordpress y ahí estará.
Si tienes otro tema, no te preocupes, te enseñaré a cambiarlo.
• Vé al Escritorio
• En el lado izquierdo, busca la sección que diga "Apariencia"
• Una vez ahí, tienes que buscar el tema llamado "Kubrick" y activarlo
Bueno, ahora que tenemos nuestro tema (Kubrick) activado, es hora de ir a nuestros Widgets, que se encuentran ahí mismo, en "Apariencia".
Buscamos un Widget llamado "Texto" (que esta casi al fondo) y lo arrastramos hasta donde dice "Barra lateral" (a la derecha).
Una vez ahí, se nos aparecerán las opciones del Widget de Texto, así que sera momento de abrir Photoshop.
Una vez en Photoshop, necesitaras abrir el área en donde haremos nuestro separador, así que tendremos que irnos a Archivo >> Nuevo. Ahora, necesitamos abrir un área de trabajo de 184x40.
Ahora, buscamos en la barra izquierda el botón llamado "Herramienta Rectángulo". Después, necesitaremos cambiar esa herramienta a otra forma, así que le daremos un click con el botón derecho y le daremos a la opción "Herramienta Rectángulo redondeado".
Ahora, necesitaremos seleccionar sobre la imagen de 184x40 el rectángulo redondeado que nosotros queramos (la anchura y altura que queramos) dejándole picado al botón izquierdo.
Una vez asi, justo como lo quieren, lo pueden personalizar.
Y los últimos pasos son los mas fáciles, lo único que tienen que hacer es subir la imagen a , copiar el código "HTML for Websites" que les aparecerá cuando hayan cargado la imagen y pegarlo en el Widget de Texto que abrimos en nuestra pagina de Wordpress... ¡y listo! ya nada mas la guardan y van a su pagina de Wordpress y ahí estará.
