Cómo personalizar mi página web en WordPress

Aprende a cómo personalizar WordPress

En realidad WordPress no tiene límites en cuanto a personalización, la cosa es saber cómo, cuándo y por qué. Cuando leas este artículo sabrás las diferentes formas de personalizar tu WordPress y las ventajas y desventajas de cada una.

Qué es la personalización de WordPress

La personalización de WordPress tiene como objetivo crear un diseño único mientras mantenemos la compatibilidad con las funcionalidades y la facilidad de uso y gestión de WordPress. Existen varios métodos con sus pros y contras para hacer esto, más adelante podrás descubrirlo.

Cuál es el personalizador nativo de WordPress

El personalizador nativo es una herramienta muy sencilla e intuitiva para poder personalizar una parte de nuestro WordPress. Está claro que tiene sus limitaciones, pero con esta herramienta podremos personalizar varios de los detalles más importantes de una web.

Qué se puede hacer con el personalizador nativo de WordPress

  • Cambiar/añadir el título de la web
  • Cambiar/añadir el eslogan o subtítulo de la web
  • Cambiar/añadir nuestro logo
  • Cambiar/añadir nuestro favicon (icono pequeño que aparece en las pestañas del buscador)
  • Personalizar nuestro el menú principal de la web
  • Seleccionar cuál será nuestra página de inicio
  • Seleccionar cuál será nuestra página de posts (Artículos del blog, si es que lo usamos)
  • Para usuarios más avanzados, podremos incluso añadir CSS personalizado desde esta sección

Es muy probable que el tema que usemos añada más funcionalidades a esta sección

Acceso al personalizador nativo de WordPress

Cómo acceder al personalizador nativo de WordPress

Solo tendremos que abrir nuestro panel de control y hacer clic en Apariencia/personalizar.

Si quieres saber más sobre el personalizador de WordPress te recomiendo echar un ojo a este manual.

Cómo personalizar WordPress

Para personalizar nuestro WordPress tendremos que seguir los siguientes pasos:

  1. Escoger tema: Existe un gran número de temas para WordPress. Algunos incluso con el diseño “precocinado”. Para mi, el mejor tema que podemos usar es Generatepress.
  2. Configurar el personalizador nativo: Configurar esta herramienta que hemos explicado en el punto anterior
  3. Crear la estructura: Para poder crear una estructura totalmente personalizada necesitaremos usar maquetadores visuales o Gutenberg, el editor nativo de WordPress y el método que sin duda recomendamos en Webheroe.
  4. Trabajar los estilos: Si la estructura es el esqueleto, los estilos son la apariencia externa. Si usamos maquetadores los estilos estarán añadidos automáticamente. De no ser así, tendremos que trabajar en código CSS
  5. Añadir nuestras imágenes y texto: Creamos el contenido único de nuestra web
  6. Configurar el Menú principal en el personalizador nativo o en Apariencia/Menús: Es el menú que aparece en todas las páginas arriba del todo, en el header
  7. Configurar nuestro Footer en Apariencia/Widgets: Son los detalles que aparecen en todas las páginas abajo del todo

Ventajas y desventajas del uso de maquetadores visuales

La mayor ventaja de usar un maquetador visual es, sin duda alguna, la facilidad de uso. Sin embargo, su uso también atrae una serie de desventajas que realmente deberemos considerar:

  • Carga de muchos archivos externos: Lo que tiene un impacto negativo en el tiempo de carga, e indirectamente, en el posicionamiento en Google
  • Mucho código HTML: Los maquetadores visuales sobrecargan la estructura HTML para poder abarcar todas las posibilidades de diseño. Esto hace que el tiempo de carga se vea directamente afectado
  • Personalización más limitada: Los maquetadores intentan abarcar la mayor personalización posible. Pero no nos engañemos, están muy lejos de tener una libertad completa. Algunos incluso solo te permiten instalar una serie de plantillas
  • Nuestros diseños no estarán 100% adaptados a todos los dispositivos: Aunque nuestro diseño se verá bien en casi todos los dispositivos, la automatización de los maquetadores no abarcará el 100% de los dispositivos
  • Existirán incompatibilidades con otros plugins: Cada plugin de WordPress contiene un código diferente. A más plugins usemos, más posibilidades de incompatibilidad tendremos
  • Mayor coste de mantenimiento: Para no acabar con errores en la web tendremos que mantener nuestros plugins al día. Mientras más plugins tengamos más tiempo emplearemos en las actualizaciones. Y más posibilidades de aparecer incompatibilidades cuando se haga la actualización

Hemos escrito un artículo sobre los mejores maquetadores visuales de WordPress en nuestro blog donde analizamos qué maquetadores son más rápidos que otros.

Los maquetadores visuales más conocidos son:

  • Elementor
  • Divi
  • WP Bakery

Ventajas y desventajas del uso de Gutenberg

Gutenberg es un herramienta muy sencilla e intuitiva para poder crear la estructura de nuestra página web. La mayor ventaja que podemos encontrar es la optimización de carga, e indirectamente, el impacto positivo que esto tiene en el posicionamiento en Google y otros buscadores. Eso sí, si queremos exprimir bien esta herramienta tendremos que saber un poco sobre HTML y CSS. Creedme, merece la pena.

Un paso más allá en la calidad de la personalización

Si queremos tener una web 100% personalizada, la mejor calidad y que esté optimizada para obtener un tiempo de carga y posicionamiento inmejorables, no nos quedará otra que crear nuestra web de otro modo.

Es sorprendente que, con la cantidad de desarrolladores web y empresas que trabajan con WordPress, casi ninguna cree webs en código, con el gran beneficio que esto conlleva. Para trabajar una web en código debemos anular una gran parte de archivos que se cargan con WordPress y, por supuesto, nada de usar maquetadores visuales.

Para que lo entendamos, una web personalizada de este modo obtendría los beneficios de una web hecha en código puro sin perder compatibilidad con el sistema de gestión de WordPress, una joya. Desde Webheroe nos hemos especializado en esta técnica de personalización en WordPress tras varios años creando un sistema de desarrollo único.

Qué podemos personalizar en nuestra página de WordPress

Crear un listado con lo que se puede personalizar en WordPress de forma concreta, ya sea con código o sin él, es bastante complicado. Sobre todo porque variará dependiendo del tema que hayamos instalado.

Sin código

En realidad, mediante el uso de maquetadores y plugins de terceros podremos personalizar casi todo lo que se nos ocurra. El problema del uso de muchos plugins es que perdemos calidad, tiempo de carga y posiciones en Google.

Sin instalar plugins, como mínimo, podremos personalizar lo siguiente:

  • Colores
  • Menú principal
  • Footer
  • Logo
  • Favicon
  • Tamaños de texto
  • Tamaños de imagen
  • Títulos y textos en general
  • Dependiendo del tema que usemos podremos usar unas u otras características extra

Con código

Si creamos nuestro WordPress con código no tendremos límites en cuanto a personalización. Bueno, el límite estará en nuestra imaginación (Ofú, muy Disney ha sonado esto).

Un punto muy a favor de la personalización mediante código es le hecho de tener un mayor control sobre la seguridad para WordPress. Por ejemplo, si conocemos bien el código de WordPress podremos insertar un recaptcha en WordPress, en el formulario de login así como en el de registro. Esto creará una capa de protección a mayores de lo que WordPress trae por defecto.

Plugins para personalizar nuestra web en WordPress

Ya he hablado sobre los maquetadores visuales más arriba, por lo que me voy a centrar en plugins que pueden ser útiles al personalizar nuestro diseño o parte de él. Estos plugins, al igual que los maquetadores, afectan al tiempo de carga de la web:

  • Sliders: Plugins que permiten añadir carruseles automáticos de imágenes
  • Testimonials: Estos nos permitirán añadir las reseñas que tengamos en alguna fuente externa
  • Galerías: Hay una gran variedad de plugins con diferentes diseños de galerías de imágenes
  • Integración de redes sociales: Si queremos añadir partes de nuestra red social preferida también podremos.
  • Cookies: Estas extensiones crearán un popup para aceptar las cookies y cumplir con la ley de nuestra región

Estos son solo algunos ejemplos, pero existe un gran número de plugins gratuitos y de pago que nos permitirán añadir casi cualquier cosa que se nos ocurra.

Conclusión para decidirnos sobre cómo personalizar nuestra web

Como he explicado anteriormente, podemos crear una web con una apariencia totalmente personalizada, siguiendo varios métodos. Ambos métodos tienen sus beneficios y sus puntos flacos. Lo importante es conocer el nivel de profesionalidad que queremos aplicar en nuestra web.

Por lo tanto, si queremos que nuestra web destaque, tenga un código interno limpio y esté bien trabajada para el posicionamiento, tendremos que trabajar en código o delegar este trabajo a una de las pocas empresas especializadas en esto, como Webheroe.

Deja un comentario

    Explícanos tu proyecto, nos pondremos en contacto contigo brevemente


    contacto@webheroe.com