En 2017, la empresa en la que trabajaba tuvo la oportunidad de aprender diseño web.
Empecé a aprender HTML, CSS y Javascript. Lo disfruté bastante. Hasta que me topé con mis primeros bichos. Más tarde, me asignaron un proyecto paralelo: un sitio web real. Estaba emocionado, mis colegas estaban ahí para mí cuando pedí ayuda.
Unos meses más tarde estaba trabajando en una tarea de WordPress pro-bono para una ONG.
Permítanme decir que estábamos en el mercado de viajes y yo estaba haciendo marketing. Pero había una cultura de empoderar a las personas para que aprendieran nuevas habilidades.
Soy del tipo bricolaje y me di cuenta de que la curva de aprendizaje para aprender código es mucho más larga de lo esperado. Con WordPress, las cosas funcionaron de manera diferente.
Avance rápido, en 2020, terminé trabajando para los creadores de Colibri, Colibri es un popular creador de páginas de arrastrar y soltar para WordPress.
Las cosas son tan fáciles hoy en día con tales herramientas. WordPress realmente puede empoderar a las personas para construir un sitio web desde cero en poco tiempo. Y la inspiración para los sitios web está en todo Internet.
Ahora, estos son los pasos:
- Elija su nombre de dominio
- Adquiera alojamiento de sitios web
- Familiarícese con la interfaz de WordPress
- Instale un tema de WordPress
- Construya su sitio web de WordPress
- Instale complementos de WordPress vitales
Pero antes de entrar en el tema, quiero arrojar luz sobre otro tema. No tomará mucho tiempo, lo prometo.
¿Cuánto cuesta un sitio web de WordPress?
Si vamos a hacer un desglose de costos para un sitio web de WordPress, esto es lo que debemos incluir:
- Comprar un dominio: los precios pueden comenzar en
- Adquisición de hosting: los precios comienzan desde 8 8/año
- Tema de WordPress. Ahora, dependiendo de los niveles de personalización y la cantidad de funciones que desee incluir, puede comenzar con 0 0. Si no quieres conformarte con un sitio web básico, los planes anuales de temas de WordPress giran en torno a los 7 70.
- Complementos de WordPress. Muchos de ellos son gratuitos, pero si desea opciones avanzadas, deberá actualizar a un plan de pago.
Esto significa que el sitio web más básico comenzará a partir de $23/año. En el momento en que desee características temáticas avanzadas, el costo aumentará a aproximadamente 1 100/año.
Cuando actualice los complementos, puede terminar pagando alrededor de $200-500 al año.
Si desea algo hecho a medida y necesita llamar a un desarrollador de WordPress, los costos pueden superar los $1000 en el primer año.
Para las tiendas en línea, los costos pueden aumentar significativamente, porque necesita muchas funcionalidades, y el rendimiento y la seguridad son lo más importante.
Ahora que aclaramos esto, es hora de llegar al fondo de nuestro tema de hoy: cómo crear un sitio web de WordPress en 2021.
Elija su nombre de dominio
Fuente: https://unsplash.com/photos/N1XUwR8iOf0
Si aún no lo sabías, el nombre de dominio es el nombre de tu empresa o producto. Los nombres pueden ser muy poderosos, así que no te apresures al elegir tu nombre de dominio. Si sientes que te estás echando atrás, no te preocupes, hay herramientas que pueden ayudarte.
Consejos y trucos para elegir el nombre de dominio de un sitio web
Hace un tiempo estaba haciendo una lluvia de ideas para un dominio de sitio web para un negocio y me di cuenta de que «Wazz» sonaba bastante interesante. Es corto, fácil de recordar. Pero en el momento en que lo busqué en Google, bueno welldéjame decir, estallé en risas. En el argot británico, significaba «orinar». Amigos, investiguen.
Más tarde, quise nombrar mi sitio web de fotografía. Estaba analizando «luz de luna». Se sentía tan agradable, romántico, como de cuento de hadas except excepto que no lo era. Parece que significaba»alcohol destilado ilícitamente o de contrabando».
Por lo tanto, asegúrese de que su nombre sea único, memorable y no tenga ningún significado extraño en inglés u otro idioma popular (por ejemplo, español) si desea internacionalizarse. Si eres un negocio local, podrías saltarte esto.
Ahora, veamos un poco una pequeña lista de verificación para elegir un nombre de dominio para su sitio web de WordPress:
- Haz una lista de palabras clave relevantes para tu negocio/producto. Piense en cómo deben sentirse los usuarios después de usar el producto. Digamos que tienes una línea de productos para la piel basada en ingredientes naturales. La lista puede contener palabras como «piel», «cuidado», «seguro», «natural», «hermoso», «fresco», etc. Utilice una herramienta como Namelix o Novanym para generar ideas de nombres de dominio.
- Compruebe el significado de su nombre de dominio recién encontrado. Siempre lo busco en Google como «{insertar nombre aquí} significado». Terminaré con explicaciones de diccionario. A continuación, voy a Google images y veo cómo se empareja. Tal vez haya un cantante con ese nombre, un nombre de dibujos animados manga, etc. Si es así, tendrás que rehacer el proceso.
- Busque el nombre de dominio en Facebook o LinkedIn para ver si hay una página de negocios con ese nombre.
- Compruebe si hay un dominio de sitio web disponible para la venta. Para muchos sitios,». com » es el mejor dominio de nivel superior (TLD), seguido de «.org»,». net» o». io».
- Compre su nombre de dominio. Puede hacerlo a través de un registrador de dominios como GoDaddy o a través de su proveedor de alojamiento.
Y esto nos lleva a nuestro próximo capítulo.
Adquiera alojamiento de sitios web
Cada sitio web que haya visitado está alojado en un servidor. Esto significa que deberá adquirir alojamiento web de un proveedor de alojamiento.
Teniendo en cuenta que estamos construyendo un sitio web de WordPress, puede elegir un plan de alojamiento WordPress.com o algún otro proveedor de alojamiento de terceros.
Déjame aclarar algo antes de proceder. Hay wordpress.com y wordpress.org. La diferencia es que en WordPress.com puede alojar y construir un sitio web. De WordPress.org por lo general, adquiere temas y complementos para su sitio web, que está alojado en otro lugar. Puede comparar el WordPres.com planos aquí.
La hipótesis de esta guía es que realmente quieres construir una marca y tener control total sobre tu sitio web. Esto significa que acudirás a un proveedor de alojamiento externo.
Hay tres servicios de alojamiento principales: alojamiento compartido, VPS y alojamiento administrado. En la primera situación, los recursos del servidor se dividen entre más sitios. A largo plazo, si estos sitios crecen, y el tuyo también, es posible que tengas problemas de rendimiento. Es posible que se dé cuenta de que necesita un servicio VPS o un plan de alojamiento administrado.
Por lo tanto, debe tener esto en cuenta al elegir un proveedor de alojamiento: ¿cuáles son sus objetivos de negocio?
Si opta por el alojamiento VPS, los recursos seguirán siendo compartidos, pero obtendrá cierto control sobre ellos. Verás mejoras en términos de seguridad y rendimiento.
El hosting gestionado es un servicio a la carta. Obtendrá su propio servidor físico para usted y verá un aumento en el rendimiento y la seguridad.
Definitivamente, las cosas pueden ser más complicadas que esto, pero solo quería pintar el panorama general del alojamiento.
A continuación, cuando analice los planes, eche un vistazo más de cerca a:
- Precios
- Almacenamiento
- Soporte
- Rendimiento
Algunos proveedores de alojamiento tienen algunas características adicionales, como oferta de dominios (por ejemplo, Namecheap), creador de sitios web (por ejemplo, GoDaddy), opciones de comercio electrónico, etc.
Probablemente ya hayas notado que algunos sitios web usan «HTTP»o » HTTPS». ¿Qué pasa con eso?
HTTP es la base de la web moderna. Conecta los navegadores y servidores, y funciona sobre la base de la solicitud y la respuesta. Ahora, la » s » adicional significa que la conexión al sitio web está encriptada y los datos compartidos con el sitio web son seguros.
Supongamos que un usuario realiza un pago en su sitio web o inicia sesión en una cuenta. La información que el usuario escribirá será privada. A salvo de hackers. Esto está sucediendo a través de la tecnología SSL, que significa «Capa de sockets seguros».»Para los consumidores, ver señales de confianza» HTTPS», porque puede proteger sus datos y su privacidad. Esto significa que tendrá que adquirir un certificado SSL.
Asegúrese de que su plan elegido incluya esto también.
En el momento en que adquiera su plan de alojamiento y haya configurado sus datos de inicio de sesión, la única pieza que faltará será el propio WordPress. La mayoría de los proveedores de alojamiento que existen le permiten instalar WordPress desde su panel de control/asistente. Todo es bastante intuitivo.
¿Cómo iniciarás sesión en tu sitio? Pan comido. Simplemente escriba en el navegador la dirección de su sitio web y agréguele «/ wp-admin», como se ve a continuación.
Familiarícese con la interfaz de WordPress
El panel de WordPress tiene 9 secciones. Echémosles un vistazo.
Configuración de WordPress
Dentro de esta sección, hay 7 elementos de menú más. Describiré brevemente las cosas más importantes que hay que hacer aquí.
- En «General» puede configurar el título del sitio, el eslogan, la URL, la zona horaria, el formato de fecha y hora & y el idioma.
- En «Lectura»,» le dirás «a WordPress qué página sirve como página de inicio y cuál es tu»blog». Este es un paso importante. También elegirás cuántas publicaciones de blog pueden aparecer en una página o si quieres que tu sitio web sea indexado por Google.
- En «Discusión», vas a configurar los comentarios del blog.
- Dentro de «Medios» puede establecer las dimensiones máximas en píxeles que se utilizarán al agregar una imagen a la Biblioteca de medios.
- Dentro de «Permalinks» configurarás el formato de tus URL.
- Puede definir sus páginas de política de privacidad dentro de»Privacidad».
La mejor manera de acercarse al panel «Configuración» es ingresar todos estos elementos y completar la información que falta, solo para asegurarse de no omitir nada importante. Las cosas son bastante sencillas, así que no te acobardes. Toda la configuración se puede hacer en menos de 30 minutos.
Páginas y publicaciones de WordPress
Lo que necesitas saber es que tu contenido irá dentro de «páginas» o «publicaciones». Aquí pasarás el 95% de tu tiempo.
Las «páginas» son estáticas. Puede tener una «página de inicio», una página de «servicios», una página de «contacto», entiende el punto. En publicaciones puedes tener tus últimos artículos de blog, tal vez tu portafolio. Estas son páginas dinámicas porque colocan automáticamente el contenido más reciente de tu sitio web en la parte superior.
Al seleccionar «Publicaciones» en el panel de control, podrá crear una publicación, visualizar todas las publicaciones y administrar etiquetas y categorías.
Puede crear una nueva publicación si selecciona » Agregar nueva «como se ve anteriormente, o vaya a» Todas las publicaciones «y luego seleccione»Agregar nueva».
Lo mismo funciona para las páginas.
Lo que verás en «Todas las páginas «o» Todas las publicaciones » son algunas páginas y publicaciones predeterminadas implementadas por tu tema.
Ahora, ¿cómo puedes editar una publicación o una página?
Al pasar el cursor sobre las páginas y publicaciones predeterminadas, verá algunas opciones: editar, editar rápido, papelera, ver. En la captura de pantalla de arriba también está «Editar en Colibri». Esto se debe a que instalamos un plugin que te permite personalizar páginas usando el generador de WordPress de Colibri (pero hablaremos un poco más adelante sobre esto).
WordPress media
Todos sus medios van aquí: imágenes y videos. Puede arrastrarlos y soltarlos o cargarlos.
También puede agregar medios desde su nivel de publicación / página. Les mostraré más sobre el tema más adelante.
Comentarios de WordPress
La sección 4th dashboard se llama «Comentarios». Aquí puedes administrar los comentarios de tus publicaciones. Recibirás toneladas de comentarios de spam que se pueden mover a spam o papelera. Puedes aprobar las relevantes.
El menú «Apariencia»
En este nivel puede:
- Buscar, instalar y activar un tema (más detalles en el siguiente capítulo).
- Personaliza widgets para agregar bloques de contenido a las barras laterales, pies de página y otras áreas de tu sitio.
- Define los menús de tu sitio web de WordPress.
- Agregue una imagen de fondo a su sitio.
- Edite el código de su tema dentro de «Editor de temas» (recomendado solo si es desarrollador).
Ahora, en el momento en que active ciertos complementos, es posible que vea algunos elementos de menú nuevos debajo de «Apariencia». En este caso, debido a que hemos activado el tema Skyline, vemos una opción para configurarlo en «Configuración de SkylineWP». Cada tema puede venir con su propia configuración.
«Instalar complementos» es el otro elemento de menú adicional agregado por el tema Skyline. Aquí verás algunas recomendaciones de complementos que funcionan bien con Skyline.
Esto nos lleva a nuestro siguiente elemento de menú.
Complementos
Hay muchas funciones que no se pueden administrar solo por tema, como optimización SEO, auditoría SEO, seguridad y respaldo del sitio web, tablas, formularios, funciones de comercio electrónico y más. Los complementos están aquí para compensar la falta de tales opciones.
Aquí hay un pequeño tutorial sobre cómo instalar, activar y desactivar complementos. Todo es intuitivo y fácil de usar.
Usuarios
En este nivel, usted decidirá quién tiene acceso a su sitio web. Puede dar acceso a colaboradores, autores invitados, editores y más, dependiendo de sus necesidades.
Herramientas
En «Herramientas» tendrá la opción de importar y exportar datos de herramientas a y desde otros sistemas de gestión de contenido (por ejemplo. Bloguera).
También hay una sección de «Salud del sitio», que le muestra información crítica sobre la configuración de WordPress y los elementos que requieren su atención, con algunos consejos.
Debido a que necesitamos respetar las políticas de privacidad, aquí puede exportar o borrar datos personales para sus usuarios.
Y, con esto, hemos cerrado el capítulo del panel de WordPress.
Vayamos a negocios más interesantes.
Cómo instalar un tema de WordPress
Para esto, debe ir a su panel de administración de WordPress, hacer clic en» Apariencia «en el menú de la izquierda, luego en»Temas».
A continuación, haga clic en el botón» Agregar nuevo».
Verás un montón de plantillas apareciendo, y puedes filtrarlas por últimas, destacadas, popularidad or o por características.
Estamos orgullosos de decir que nuestros propios temas Mesmerize y Colibri están listados en los 20 temas de WordPress más populares.
En el momento en que elija un tema, haga clic en «Instalar» y luego en «Activar».
También puedes activar tu tema de WordPress si vuelves a los temas Apariencia->.
Todo el proceso de instalación también se explica en nuestro tutorial.
¡Ahora estás listo para el rock and roll!
via GIPHY
Crea tu sitio web de WordPress
En WordPress, el diseño de tu sitio web depende del tema elegido. Si necesitas algo extra, bueno might es posible que necesites encontrar algo para completar las características que faltan.
Por lo general, cada tema de WordPress tiene 2 diseños: uno para el blog y otro para las páginas. Los colores son limitados, no hay personalizaciones especiales. Esto significa que en un momento determinado, los complementos serán útiles.
Ahora, los temas de WordPress tienen un personalizador de temas con funcionalidad básica. Son una buena opción para aquellos que no necesitan ninguna función personalizada y quieren construir su sitio rápidamente. Cuando lo necesite, puede agregar sus propios estilos CSS. Solo asegúrate de elegir un tema que tenga un diseño que coincida con tu propia visión.
¿Cómo puedes personalizar un tema? Simplemente dirígete a Apariencia – > Personalizar.
Desde el lado izquierdo, puede elegir qué modificar: contenido, menú y más. En el lado derecho, está la vista previa de tu sitio web. Puede cambiar el texto en tiempo real, haciendo clic en el icono del lápiz.
En el otro lado de la historia, tenemos creadores de WordPress. Son complementos que te ayudan a crear sitios web verdaderamente únicos. Puede alterar el diseño de su tema por completo.
En nuestro caso, Skyline preinstala un constructor llamado Colibri, vamos a usarlo como ejemplo.
Dependiendo de la versión del tema, la gratuita o de pago, tienes varios elementos para jugar: desde encabezados, secciones de página específicas hasta componentes más pequeños, como llamadas a la acción, pestañas, contadores, acordeones y más.
Puede editar su tema como antes, desde Apariencia – > Personalizar, o tomar el acceso directo, como se muestra a continuación.
¿Qué cambios? Tendrás acceso a más funciones dentro del Personalizador.
Además de usar el personalizador, hay otra opción para personalizar el sitio web en WordPress: el editor predeterminado. Puedes acceder a él desde la opción» Editar » debajo de cada publicación y página. Además, en el momento en que añadas una nueva publicación o página, entrarás directamente en el editor predeterminado (a menos que tengas un creador activado).
Así que, en nuestro próximo capítulo, profundizaremos en cómo::
- Crear un sitio web de WordPress utilizando un creador de páginas de WordPress
- Crear un sitio de WordPress utilizando el editor de WordPress predeterminado
A. Cómo crear un sitio web de WordPress utilizando creadores de sitios web gratuitos
Los creadores de sitios web de WordPress lo ayudan a llevar el Personalizador de WordPress a un nivel completamente nuevo. Usted será capaz de personalizar todo: encabezados, contenido de la página, pies de página, menús de navegación, estilo global, individual, lo que sea! ¡No se necesitan habilidades de diseño o codificación!
Suele ser un proceso de arrastrar y soltar. Y no necesita preocuparse por el diseño móvil, los constructores tienen cubierto el aspecto de capacidad de respuesta.
Cómo ajustar la configuración del sitio web en el Personalizador
Mire el panel lateral izquierdo. Ahora desplácese hacia abajo hasta «Configuración general».
Aquí es donde puede configurar:
- El nombre de su sitio web.
- El esquema de color general y la tipografía de su sitio web.
- Plantillas para blog, encabezado y pie de página: qué fondos usar, espaciamientos,bordes, sombras, etc.
- Espaciado: botones interiores, columnas, etc.
- Estilo CSS personalizado
Cómo crear contenido en WordPress usando constructores
Como se mencionó anteriormente, si desea crear una nueva página web, diríjase a » Páginas «y seleccione»Agregar nuevo». Se te dirigirá al editor de WordPress predeterminado donde nombrarás tu página. A continuación, seleccione «Editar con Colibri».
Cuando desee editar una página de WordPress existente, simplemente haga clic en «Editar en Colibri».
Cómo agregar secciones a tus páginas de WordPress
Cada signo » + » en el panel lateral izquierdo abre una ventana con bloques y componentes. Puedes desplazarte hacia abajo hasta encontrar un diseño que te apetezca, o simplemente escribir una categoría. Estas son las categorías disponibles en Colibri builder: Acento de héroe, Acerca de, Características, Contenido, Llamada a la Acción, Blog, Contadores, Portafolio, Galería de Fotos, Testimonios, Clientes, Equipo, Contacto, Preguntas frecuentes y Precios.
Estas son plantillas predefinidas, que coincidirán con el esquema de color de su elección.
Seleccionando uno de los bloques, haciendo clic en el signo » + » que aparece en el bloque, el bloque se colocará en la parte inferior de la página.
Puede moverlos a donde quiera, arrastrando y soltando la sección desde el panel lateral izquierdo.
También hay una opción para bloques «en blanco».
Esto significa que puedes personalizarlos como mejor te parezca. Al final, incluso puede guardar su diseño para usarlo más tarde.
Desde el icono de configuración en la esquina superior derecha de cada sección, puede ajustar el número de elementos por fila, reordenar elementos, agregar nuevos bloques e incluso eliminar toda la sección.
Cómo personalizar secciones de tu página de WordPress
Si quieres cambiar el texto de tus secciones, puedes hacerlo en línea, es decir, dentro de la propia sección, en vivo.
La edición en línea no está disponible para textos en botones. Se gestionarán en el panel de la izquierda.
Si quieres cambiar una imagen de tu sitio, todo es intuitivo. Comience seleccionando su imagen.
También podrás verlas dentro del panel de la izquierda. Haga clic en la imagen. Verá una nueva ventana emergente que le pedirá que cargue una imagen o seleccione una de la biblioteca. Si elige cargar, puede hacerlo arrastrando y soltando.
Ahora, volviendo al panel que acabo de mencionar, tiene 3 opciones principales: Diseño, Estilo y Avanzado. Cada vez que selecciones una sección de la vista previa del sitio web a la derecha, verás el panel correspondiente de la sección.
Vamos a tomarlos uno por uno:
- Diseño
Aquí puede ajustar el ancho y la altura del contenedor, a nivel de estructura. . En pocas palabras, el contenedor es el espacio real que ocupa un bloque. Dentro del contenedor, se coloca el contenido (texto, imágenes).
También puedes ajustar el espaciado de tu contenido y qué tan cerca de la parte superior o inferior se coloca.
También puede agregar nuevas filas dentro de su bloque.
- Estilo
En este nivel, puede personalizar el fondo de su bloque o agregar divisores. Los divisores son señales visuales que indican cuándo termina o comienza una sección del sitio web.
- Avanzado
¡Aquí viene la diversión, amigos!
Desde la tipografía y el espaciado hasta la capacidad de respuesta, aquí es donde puede acceder a los detalles más pequeños del sitio web.
Puede crear variaciones en función del estado del elemento: normal o hover.
Si seleccionas un determinado elemento dentro de un blog, digamos un encabezado, aparecerá el mismo panel a la izquierda.
Esto significa que puede ser más detallado con su edición.
Hablando de encabezados y elementos más granulares, estos se denominan «componentes». Veamos cómo puedes jugar con ellos.
Cómo usar componentes en su sitio de WordPress
Los componentes se refieren a encabezados, deslizadores, divisores, botones, carruseles, precios y más. Se puede acceder a ellos de la misma manera que a los bloques. Se sientan uno al lado del otro y tienen funcionalidad de arrastrar y soltar. Colibri ofrece 40 componentes.
Como se mencionó anteriormente, puede ajustarlos desde el panel de la izquierda, si va a «diseño», «estilo» o «avanzado».
Capacidad de respuesta móvil
En un mundo multidispositivo, es vital tener un sitio web totalmente adaptable. De forma predeterminada, Skyline es un tema adaptable a dispositivos móviles. Esto significa que sus secciones se ajustarán de acuerdo con varios dispositivos. Si desea obtener una vista previa de cómo se ve su sitio de WordPress en tabletas o dispositivos móviles, puede hacerlo cuando juegue con los controles en la parte inferior izquierda.
También puede seleccionar ocultar ciertas funciones en el móvil, por ejemplo, dentro de las opciones» avanzadas».
Cómo crear un menú en el Personalizador de WordPress
Ahora, digamos que has diseñado tus páginas y necesitas agregarlas a un menú. En el panel de la derecha, tienes todas tus secciones, ordenadas de arriba a abajo, como en tu sitio. El pie de página es tu última sección. Debajo de él, verá algunas características adicionales.
Aquí puede crear su menú.
Después de seleccionar «Crear nuevo menú», podrá nombrar su menú y elegir una ubicación para él (encabezado, pie de página, páginas, etc.).
Al seleccionar «Siguiente», podrá agregar sus páginas al menú, desde la opción «Agregar elementos». No puede ser más fácil que esto.
Cómo trabajar con widgets de WordPress
Ya he mencionado que los widgets son bloques de contenido que puedes agregar a las barras laterales, pies de página y otras áreas de tu sitio.
Al usar un plugin de constructor de WordPress, usarás widgets solo para las barras laterales de WordPress, porque tienes diseños de pie de página prediseñados.
Por lo general, las páginas de blog usan barras laterales. Cada tema tiene diferentes opciones de widgets, desde barras de búsqueda, publicaciones y comentarios recientes, widgets sociales, imágenes y videos. Digamos Instagram que quieres mostrar tu perfil en una barra lateral, hay un widget de WordPress de Instagram para eso.
Uno de mis widgets favoritos es el que permite la edición personalizada de HTML. Lo encuentro muy poderoso.
Dicho esto, ya está hecho. Felicidades, su sitio de WordPress está en funcionamiento!
Ahora, veamos el otro método para construir sitios en WordPress.
B. Cómo crear un sitio web de WordPress usando el editor de WordPress predeterminado (Gutenberg)
Voy a hacer esto muy rápido. Este editor sigue siendo nuevo en WordPress (es el editor de WordPress predeterminado desde diciembre de 2018), pero está evolucionando continuamente gracias a la contribución de la comunidad.
El editor de WordPress clásico se veía así:
Ahora tenemos:
Ahora, lo que necesita saber es que no todos los temas son compatibles con este nuevo editor. Tendrás que encontrar uno listo para Gutenberg.
El diseño de maquetación con el editor de WordPress predeterminado es limitado. También se basa en bloques. Ahora, como probablemente hayas descubierto en el capítulo anterior, los bloques pueden ser prácticamente todo: encabezados, imágenes, botones, videos, etc.
Ahora, por qué no insisto en el tema: si busca reseñas de Gutenberg, las más recientes son reseñas de 1 estrella. No es una buena experiencia. Incluso si ya han pasado 2 años desde el lanzamiento, y muchas actualizaciones en el medio, esto todavía está en su infancia. WordPress depende ahora de la comunidad para crear nuevos bloques para que la experiencia de edición pueda evolucionar.
En este momento, la herramienta se comporta como un editor de texto, con poca potencia en el lado del estilo.
Hay herramientas como Kadence, que pueden ayudarte, pero aún no hemos llegado a eso.
Instale complementos vitales de WordPress
El ecosistema de WordPress está hecho de temas y complementos
Hay miles de complementos de WordPress disponibles que pueden ampliar la funcionalidad o agregar nuevas características a su sitio web.
Este es un tutorial muy corto sobre cómo instalar un plugin.
Nuestras recomendaciones de complementos
Tipo de complemento | Qué hace | Recomendación |
WordPress builder | Le da a su tema funcionalidades de arrastrar y soltar | Colibri |
Plugins de WordPress SEO | Cambios mínimos en el sitio web que pueden ayudarlo a posicionarse orgánicamente | Yoast SEO |
Plugins de WordPress de formularios | Utilice formularios para capturar datos de usuario valiosos (con su consentimiento, por supuesto). | Formador |
Marketing por correo electrónico | Desarrolle campañas de marketing para mantenerse en contacto con sus suscriptores y clientes. | Mailchimp para WordPress |
Complementos de seguridad | Limpieza de malware y protección contra inicios de sesión no autorizados. | Mochila propulsora |
Complementos de WordPress de comercio electrónico | Para ayudarlo a configurar una tienda en línea. | WooCommerce |
Administrador de biblioteca de medios | Para ayudarlo a organizar sus medios. | FileBird |
Anti-spam | Evitar su sitio de publicación de contenido malicioso. | https://akismet.com/ |
Analytics | le ayuda a comprender el tráfico y el comportamiento de los usuarios. | Google Analytics |
Ahora, vamos a entrar un poco en otro tema: velocidad de página.
Tanto tus visitantes como Google se preocupan mucho por la velocidad de tu sitio.
¿Por qué Google?
La velocidad es un factor importante que se tiene en cuenta al clasificar orgánicamente, lo que significa aquí:
¿Por qué la velocidad del sitio es mala para los usuarios y, en última instancia, para ti?
Bueno, si les ofreces una mala experiencia, es posible que no se involucren con tu oferta o que ni siquiera regresen pronto.
Según una investigación de Google de 2018, el 53% de los usuarios móviles abandonan un sitio que tarda más de 3 segundos en cargarse (¡Santo Cielo!).
¡Y echa un vistazo a eso!
¿Cómo influye la carga de la página en los visitantes móviles (nota: rebotar significa abandonar el sitio)?
.
Entonces, ¿cómo puedes arreglar esto y también mejorar el rendimiento general de tu sitio web para que no recibas un pulgar hacia abajo tanto de tus usuarios como de Google?
He elegido 2 soluciones relajadas (hay muchas más, pero bastante técnicas).
● Optimizar imágenes
Las imágenes de su sitio web no deben cargarse en su tamaño original. Además, intente usar PNGs en lugar de JPEG (tienen menos colores).
Smush es nuestro plugin de WordPress preferido para la compresión de imágenes. No verás ninguna caída visible en la calidad y la velocidad de tu página se optimizará.
● Almacenamiento en caché
En pocas palabras, la caché proporciona almacenamiento temporal para acceder al contenido más tarde. Su sitio web se carga de manera diferente si el mismo visitante accede por primera vez o por quinta vez.
¿Por qué es eso?
Cuando se trata de almacenamiento en caché del navegador, el navegador guarda una copia de los archivos de un sitio web en el dispositivo del usuario
(disco duro, teléfono móvil). Cuando un sitio web se almacena en caché, el navegador solo necesita cargar partes nuevas o actualizadas de una página, y no tendrá que iniciar una nueva solicitud de servidor. Lo mismo sucede si hace clic en el botón «atrás», su navegador mostrará la página desde la caché. Esto es
también es súper útil cuando se trata de una conexión a Internet lenta, las páginas se cargarán rápidamente.
¿Quieres saber más sobre cómo funciona el almacenamiento en caché? Leer aquí.
Las herramientas que recomendamos aquí son:
➔ Colibrí. Esto también tiene algunas características adicionales que nos encantan, como la compresión de archivos Javascript, HTML & CSS.
Ahora, ¿cómo puede comprobar la velocidad de carga de su sitio web?
Google tiene la herramienta para ayudarte con eso, y también proporciona algunas ideas para arreglar.
Bonus: Consejos y trucos de diseño de experiencia de usuario
¿Me recuerdas diciendo que «el cielo es el límite» con los creadores de páginas de WordPress?
Bueno always siempre hay un «pero». Cuando diseñas un sitio web, siempre debes tener en cuenta a tu audiencia
, o a los buyer personas (como a los marketers les gusta decir). Necesitas proporcionarles una gran experiencia en tu sitio web, eso es lo que significa UX (experiencia de usuario).
Ahora, para eso, hay ciertas reglas que debe seguir para proporcionar una experiencia de usuario sin fricción.
Satisfacer las necesidades de los usuarios
Los usuarios de un sitio web no quieren pensar demasiado. Necesitan información útil que pueda ser hojeada y entendida con facilidad. No necesitan una experiencia que consiste en muchos clics o mucho de ida y vuelta.
La gente busca gratificación instantánea: encontrar lo que necesita de forma rápida y sencilla. Si esto no está sucediendo en su sitio web, buscarán otro.
Jerarquía visual
No todas las partes del sitio web reciben el mismo trato, algunas son más importantes que otras (formularios, botones, titulares, propuestas de valor, etc.).).
¿Dónde quieres que aterrice tu usuario? ¿Dónde quieres que haga clic?
Utiliza señales visuales para ayudarlo a lograr lo que quieres. Todos los elementos de las páginas deben comportarse como un guía turístico.
Los investigadores han descubierto que los usuarios que leen de izquierda a derecha escanean sitios web con un patrón en forma de Z.
Esto significa que es ahí donde debe dirigir su información más importante.
Navegación fácil
Debe mantener la barra de navegación simple, no entre en demasiadas opciones. Puede terminar con una situación de elección paradójica cuando los usuarios se sienten abrumados con las posibilidades.
Las páginas deben estar vinculadas internamente a otras páginas relevantes para que la navegación sea fluida, y el usuario no debe hacer clic en «volver» muchas veces para acceder a las páginas anteriores.
Haga uso del espacio en blanco. El espacio en blanco permite organizar la información en áreas de contenido digerible. Esto hará que los usuarios se sientan más cómodos y no abrumados por una gran cantidad de datos.
Mismo esquema de color (consistencia)
Evite los colores súper oscuros o súper intensos en su sitio web. Podrían enviar a los usuarios lejos. Puedes usar colores más fuertes para resaltar aspectos importantes de tu sitio web.
Utilice colores que estén igualmente equilibrados. Aquí hay algo de inspiración.
Y una cosa más antes de pasar al siguiente principio de diseño de experiencia de usuario. Los colores tienen significados en todo el mundo, están conectados a varias emociones. Esta infografía arrojará luz sobre el tema.
Use escritura efectiva
No use copy exagerado y clickbait. Escribe con sentido común, en un lenguaje natural, no uses jerga (no todo el mundo está familiarizado con ciertas palabras técnicas).
Use máx. 3 tipos de letra en un máximo de 3 tamaños de punto, un máximo de 18 palabras o 50-80 caracteres por línea de texto, como recomienda Smashing Magazine.
Use prueba social
¿Por qué debo confiar en usted, en su negocio o en sus productos?
Nosotros, los humanos, somos criaturas sociales. Vivimos en comunidades, tenemos amigos y familiares. Pueden ser nuestros influencers. Nos importa mucho su opinión.
.
permítanme enumerar algunos ejemplos para que:
● Clasificaciones y comentarios
● Testimonios
● No. de clientes («estás en buena compañía»).
● Logotipos de clientes
● Estudios de caso respaldados por resultados
● Presentación de prensa y premios
También, si desea conocer las últimas novedades tendencias de diseño, la gente Creativa Costera hizo una maravillosa infografía sobre el tema.
Conclusiones
Podemos llamarlo un cierre, ¿no crees?
Queríamos ir por el camino corto, no abrumarlo con información. Pero, al final, el diablo está en los detalles. Te acabamos de dar la vista del helicóptero.
La cosa es que puedes tener tu sitio web en funcionamiento en menos de 2 horas. Pero cuantas más funciones, páginas y contenido quieras agregar, más tiempo te llevará. Y nunca descuides las últimas tendencias de diseño web.
Sin embargo, una última cosa, si eres del tipo de bricolaje, ¡definitivamente necesitas dar una vuelta con nuestro Colibri builder!
Aquí hay un video sobre cómo crear una página web de WordPress usando toneladas de características.
Ahora, si te gustó este artículo y quieres aprender más sobre cómo diseñar un sitio web de WordPress, asegúrate de suscribirte a nuestro canal de Youtube y seguirnos en Twitter y Facebook.