Gracias a FactoriaDigital.com, hosting especializado en agencias y ecommerce, la suscripción de profesionales es ahora gratuita hasta el 30 de septiembre. Suscríbete GRATIS aquí

Publica tu proyecto y compara presupuestos de profesionales sin compromiso

Contacta hoy mismo con profesionales y especialistas en WordPress de tu zona listos para trabajar en tu proyecto.

  • + Totalmente gratis
  • + Sin comisiones ni recargos
  • + Sin necesidad de registrarte
  • + Sólo profesionales destacados
  • + Ahorra tiempo buscando
  • + Publicación en sólo 4 pasos

¿Profesional de WordPress? Suscríbete y gana dinero todos los días creando desde pequeños encargos a grandes proyectos.


Cómo crear una guía de estilo para su sitio web WordPress paso a paso

Última actualziación en agosto 2020
  • 100% Gratis

    No cobramos ningún tipo de comisión por proyecto. Contrata sólo si quieres.
  • Ahorra tiempo

    No pierdas tiempo buscando en Google. Los profesionales te encontrarán a ti.
  • Ahorra dinero

    Compara varios presupuestos para la mejor relación calidad / precio.
  • Profesionales destacados

    Escoge entre decenas de profesionales el que mejor se adapte a tus necesidades.

  • Publicar proyecto
    (GRATIS)

    Sin compromiso de contratación ni recargos de ningún tipo
PresupuestoWPDiseñador web WordPressCómo crear una guía de estilo para su sitio web WordPress paso a paso

Como empresa, es probable que desee que los usuarios compartan su marca con otros y se entusiasmen con el uso de sus productos.

Sin embargo, la gestión de una marca puede ser difícil, especialmente en línea.

Esto puede deberse a que el contenido web puede capturarse, alterarse y volverse a compartir fácilmente.

Aquí es donde entran en juego las guías de estilo!

Una guía de estilo sirve como protección para todos los elementos de marca por los que ha trabajado duro para establecer su presencia en los negocios y en Internet.

Esencialmente, las guías de estilo crean un conjunto de reglas que se esfuerzan por mantener a cualquiera que utilice su marca en línea con sus estándares.

En este artículo, echaremos un vistazo a cómo las guías de estilo pueden beneficiar a su marca.

También discutiremos qué incluir en una guía y cómo crear una.

Además, compartiremos recursos como un generador de logotipos y exploraremos cómo pueden ayudar con su guía de estilo.

Vamos a empezar!

Cómo diseñar guía de estilo o style guide puede beneficiar a su marca (y lo que debería cubrir)

Típicamente, las guías de estilo están diseñadas para servir a dos propósitos.

Las empresas elaboran estas guías no sólo para ayudar a la formación del personal interno, sino también para establecer las normas de uso de su marca en la esfera pública.

Estas guías proporcionan normas específicas sobre cómo se pueden utilizar los logotipos e imágenes que representan a la empresa.

Esto puede incluir fuentes y otros estilos, junto con declaraciones claras de cuándo nunca hacer algo.

Echemos un vistazo a un ejemplo para tener una mejor idea de la cara pública de un libro de estilo.

Spotify tiene una guía en línea que se explica por sí misma y que contiene información detallada:

como crear guía de estilo o style guide para wordpress

En lugar de castigar el uso indebido, la guía de estilo de Spotify invita a los usuarios a compartir su marca y les da las herramientas para hacerlo correctamente.

Esto incluye logotipos descargables.

Otro ejemplo que muestra cómo las guías de estilo pueden ser tan únicas como el negocio que representan es Urban Outfitters.

La marca de ropa de moda tiene una guía de estilo que se ajusta al aspecto exacto de su ropa:

como crear guía de estilo o style guide para wordpress

Aunque esta guía puede parecer muy diferente a la de Spotify, ambas tienen algunos puntos en común.

Ambas guías incluyen temas universalmente esenciales en su contenido.

Para crear un documento completo y funcional, es posible que desee considerar la posibilidad de incluir:

  1. Una declaración de marca. Esto establece el ambiente para su estilo y marca. Puede ayudar a que todos estén en la misma página y a contar la historia de la compañía.
  2. Logos. Un logo es la cara de su marca. Si no tiene uno, puede utilizar un creador de logotipos que a menudo puede proporcionar diferentes tipos de archivos para varios usos en su sitio web. Es posible que incluso desee proporcionar una descarga en su sitio, para asegurarse de que se está compartiendo la versión correcta.
  3. Componentes de estilo. Esto incluye cualquier cosa, desde el espaciado de líneas, fuentes, colores, espaciado de cuadrícula y más. Por ejemplo, desea proporcionar todos los códigos de color y valores para el uso en la Web y en la impresión.
  4. Copiar reglas de tratamiento. Puede utilizar esta sección para enfatizar aún más el tono que debe transmitir cualquier copia escrita. Aquí es también donde puede especificar cualquier ortografía inusual o preferencias de estilo.
  5. Requisitos y reglas de imagen. Esta es otra sección en la que debe indicar explícitamente los requisitos de tamaño y calidad. Esto puede ser para imágenes generadas por el usuario, y también con respecto al uso de su contenido de imágenes con derechos de autor.

Esto puede parecer mucho – y puede ser – pero cuanto más se incluya, mejor podrán utilizar los activos de su marca para difundir el mensaje.

Cómo crear una guía de estilo para su sitio web WordPress (en 4 pasos)

Ahora que tienes una buena idea de lo que debe contener una guía de estilo, veamos los cuatro pasos que puedes utilizar para crear una.

Empezaremos por analizar lo que ya hace para afirmar sus requisitos estilísticos.

Paso 1: Revise sus prácticas de estilo actuales

Si ya tiene una marca establecida, auditar su contenido puede ser útil.

Esto significa que revisará su contenido existente y documentará sus prácticas existentes.

Es posible que desee empezar por las estructuras de documento.

Echa un vistazo a si estás usando sistemáticamente tamaños de encabezado y fuentes en todo tu contenido, aunque depende de ti si haces cambios ahora o en una sesión de diseño específica en el futuro.

Cuando se trata de su’base’, puede comenzar a preparar una lista de prácticas existentes y utilizarlas para desarrollar su guía de estilo o establecer algunos cambios que se codificarán en la guía de estilo.

Paso 2: Establezca y defina la voz de su marca

Usted puede abordar este paso de varias maneras.

La mayoría de las guías incluyen una declaración de misión o visión al principio de la guía.

En última instancia, puede definir la voz de la marca contando la historia de su empresa.

Por ejemplo, veamos de nuevo la guía de Urban Outfitter.

Desde el primer momento, ofrecen una sección llamada»Nuestra historia» que marca la pauta de su estilo:

como crear guía de estilo o style guide para wordpress

Aquí es donde se quiere establecer lo que representa la marca, por lo que es mejor no dejarlo al azar.

Además de indicarlo explícitamente, también puede enlazar con ejemplos que muestren la voz de su marca.

Paso 3: Cree su guía utilizando sus reglas de estilo establecidas

Una de las mejores maneras de establecer consistencia de inmediato es asegurarse de que su guía sea creada siguiendo las mismas pautas.

Esta es una gran manera de demostrar su estilo en el contexto.

Por ejemplo, Spotify comparte explícitamente su paleta de colores, que contiene sólo tres colores:

como crear guía de estilo o style guide para wordpress

Si Spotify utilizara colores para crear su guía de estilo que no coincidieran con los colores verde, blanco y negro requeridos por la guía, podría causar confusión.

Paso 4: Recopilar los comentarios de los usuarios y publicar su guía de estilo en línea

En última instancia, las decisiones que usted tome para su guía de estilo quedan a su discreción.

Sin embargo, es posible que pueda crear un documento más productivo y funcional si reúne información de otras personas que puedan verse afectadas por él.

Este es un excelente momento para compartir la guía de estilo sólo para obtener algunos comentarios.

Entonces puedes iterar hasta que seas feliz.

Una vez que tenga su guía junta, revisada y aprobada, querrá decidir dónde publicarla.

Muchas entidades más grandes, como Twitter, tienen sus recursos de marca fácilmente localizados en su sitio:

como crear guía de estilo o style guide para wordpress

Si está utilizando un Sistema de Gestión de Contenidos (CMS) como WordPress, puede aprovechar la plataforma para crear una presentación dinámica y atractiva del contenido utilizando el tema de flexibilidad de diseño avanzado de Avada WordPress!

Resumen

La creación de una guía de estilo para su sitio web puede tener un retorno de la inversión (ROI) significativo para su marca.

El tiempo que toma crear una guía significa que cualquiera que trabaje en su sitio web tendrá un enfoque transparente y un conjunto bien definido de reglas a seguir.

Para comenzar con la guía de estilo de su sitio web, tenga en cuenta estos cuatro pasos:

  • Revise los estilos que utiliza actualmente.
  • Establezca la voz de su marca.
  • Cree su guía utilizando sus propios estándares de marca.
  • Reúna sus comentarios y publique su guía en línea.

¿Tienes alguna pregunta sobre la creación de guías de estilo? Comparte tus ideas con nosotros en la sección de comentarios de abajo!

Tienes un proyecto y ...

¿Buscas profesionales?


Publicar proyecto
(GRATIS)


Sin compromiso ni registros • Profesionales destacados
Eres un profesional y ...

¿Buscas clientes?


Suscribirse
(GRATIS)



Cuota fija al mes • Sin permanencia ni comisiones

¡Ayúdanos a mejorar!

Si tienes cualquier duda, propuesta, sugerencia o
simplemente quieres saludar, nos encantará leerte en:

hola@presupuestowp.com

presupuesto wordpress