Lo mejor de usar WordPress para crear su sitio web es que cualquiera puede hacerlo, incluso si no tiene conocimientos de codificación o diseño web. Hay más de 172 millones de sitios web activos, y alrededor de 75 millones de ellos usan WordPress.
Aún así, saber algo de codificación ayuda. WordPress ofrece herramientas básicas y un sitio web de terceros ofrece codificación precodificada que puede copiar y pegar para obtener un aspecto predeterminado.
Sin embargo, muchos propietarios de sitios web comerciales aún confían en los diseñadores y desarrolladores web que tienen conocimientos especializados del lenguaje de marcado de hipertexto (HTML) y las hojas de estilo en cascada (CSS) para ayudar a que su negocio se destaque y brinde más que un solo sitio uniforme que los clientes tienen. visto desde otros competidores.
Si conoce HTML básico y desea modificar un poco sus ajustes preestablecidos, simplemente cambie de la pestaña «Visual» a la pestaña «Texto». HTML es bastante sencillo de codificar, pero puede ser tedioso y confuso trabajar con él.
Un pequeño cambio, por ejemplo, cambiar el color del título de negro a azul, requiere codificar las instrucciones para cada publicación. Aquí es donde entra CSS.
¿Qué es CSS?
En pocas palabras, CSS diseña lo que hace HTML, pero de una manera más simple que se aplica a todas sus publicaciones, no solo a una. En lugar de codificar el mismo comando para cada página o elemento al que desea aplicar un color de fuente, tamaño, alineación o algún otro factor específico, agregar CSS puede aplicarse instantáneamente a todos sin tener que codificar manualmente cada propiedad en una sola etiqueta.
Simplificar estas tareas mediante la creación de una sola clase o ID facilita a los diseñadores web la creación de páginas web que sean funcionales y estéticamente agradables para sus usuarios.
Por ejemplo, vea la captura de pantalla del artículo de Mashable. HTML por sí solo no puede dar formato a estas fotos para que tengan subtítulos que aparezcan en el borde inferior y luego desaparezcan cuando pase el mouse sobre ellas; debes usar CSS.
En ese caso, agregar CSS una vez y luego aplicarlo a todas las páginas y elementos ahorra tiempo y esfuerzo.
La mejor manera de obtener una codificación CSS efectiva es contratar a un diseñador gráfico o trabajadores independientes que vendan servicios de diseño web. Pero si quiere hacerlo usted mismo, así es como puede agregar su propio CSS.
Cómo agregar CSS personalizado
Agregar su propio código CSS a WordPress no es tan simple como editar una parte específica del diseño del tema y luego pegar su propio código como reemplazo. Hay cuatro formas de editar y agregar CSS personalizado de la manera correcta, y eso es exactamente lo que debe usar.
Método 1: configurador de WordPress
La función de personalizador de WordPress le permite controlar la apariencia de su sitio web. Tiene una curva de aprendizaje y es posible que no necesite personalizar todas las funciones del sitio, como los menús de navegación y los colores del tema, pero si desea personalizar su CSS, puede ser útil.
Esto es parte de las características principales de WordPress, por lo que no necesita configurar ni instalar complementos adicionales. Algunas personas que personalmente trabajan mejor con la codificación si ven los cambios en cada paso del camino también pueden encontrarlo mejor, ya que les muestra una vista previa en tiempo real de los cambios en su sitio.
Si está nervioso por olvidar {o / en alguna parte de su código, tiene una herramienta que verifica constantemente su código para que nunca pierda su error.
Para comenzar, abra la personalización de WordPress. En el escritorio, pase el mouse sobre Apariencia y luego seleccione Personalizar en el menú desplegable. En la barra lateral Personalizar de WordPress, seleccione CSS adicional.
A partir de ahí, aparecerá un cuadro donde puedes agregar CSS personalizado. A la derecha, verá una vista previa en vivo de cómo su código afectará su sitio. Si comete un error de sintaxis, recibirá una notificación de error inmediatamente. Seleccione Publicar cuando haya terminado.
Sin embargo, recuerda que tu CSS personalizado está relacionado con el tema que tienes al agregar CSS personalizado. Si alguna vez decide cambiar el tema, deberá volver a pegar el código CSS personalizado en el nuevo tema.
Método 2: Complemento CSS simple
Tom Usborne, fundador de GeneratePress y otros complementos para ayudar con los temas de WordPress, desarrolló un complemento llamado «Simple CSS».
Está diseñado para hacer todo lo que hace la función CSS adicional en el Personalizador de WordPress, con funciones adicionales como agregar CSS personalizado a publicaciones específicas.
Si decide cambiar el tema de su sitio, el complemento Simple CSS no depende del tema actual e introducirá un código CSS personalizado en el nuevo tema.
Puede abrir esta característica de tres maneras. Primero, en el panel de control de WordPress, seleccione Apariencia y, luego, en el panel de control del Personalizador de WordPress, seleccione Personalizar.
Seleccione la opción CSS simple. La ventaja de usar este método es que obtiene una vista previa en vivo de su código, similar al primer método.
El segundo método es simplemente seleccionar CSS simple en las opciones de Apariencia. Accederás a un editor completo similar al del Personalizador de WordPress. En tercer lugar, si desea agregar CSS personalizado a una publicación específica, simplemente cree una nueva publicación o edite una existente.
Debajo del editor de WordPress donde agrega su contenido, encontrará un cuadro con la etiqueta «CSS simple». Agregue su CSS allí, luego guarde.
Puede continuar usando la función CSS adicional en el Personalizador de WordPress incluso después de instalar el complemento. Recomiendo usar esto si es propenso a cometer errores en su código, ya que Simple CSS no rastrea ningún error de codificación como este.
¿Deberías manejar tu propio CSS?
Como se mencionó anteriormente, WordPress está construido de tal manera que las personas sin conocimientos de HTML y CSS aún pueden construir su sitio web. Sin embargo, la mayoría de las empresas querrán modificar algunas partes del tema para crear una apariencia única.
CSS controla gran parte de tu sitio web. Si no está seguro de cómo funciona CSS, es mejor que se tome su tiempo con algunas páginas web y no cambie el CSS, especialmente si desea cambiar una gran parte de su código.
Piensa en las consecuencias que podría tener tu sitio si cometes un error. Si no sabe nada sobre CSS, lo mejor es pedirle ayuda a alguien que sepa.
¿Cómo elegir el mejor método?
Si tiene suficiente conocimiento práctico de CSS, puede comenzar a trabajar en su sitio de WordPress por cualquier método que pueda. Ambos métodos tienen sus propias ventajas y desventajas, así que elige el que mejor se adapte a tus necesidades.
Si usted es propietario de una pequeña empresa y necesita cambiar algo como la fuente, la alineación o un aspecto visual muy pequeño que cree que se verá mejor de otra manera, usar el Personalizador de WordPress puede ser suficiente.
La mejor parte de esta función es que no solo es muy simple, sino que también tiene verificación para asegurarse de que no cometa un error. Esta característica es muy importante si eres nuevo en CSS y no lo dominas.
Por otro lado, si eres venta de servicios de diseño web o gestionar la web del cliente, aprovechar las ventajas de Simple CSS puede facilitar mucho tu trabajo.
Es mejor trabajar con un solo complemento de CSS para que sea más fácil de usar o para el próximo diseñador web que busque cambiar algunas configuraciones.
Con todo, recomiendo usar el Personalizador de WordPress si desea cambiar el estilo de un módulo específico en todo su sitio, o si desea agregar una clase específica. Sin embargo, si solo desea editar CSS para una página, usar CSS simple puede ayudarlo a trabajar en publicaciones específicas.
Al iniciar su sitio, las funciones de WordPress ofrecen temas y herramientas básicos para que pueda comenzar. Pero para realmente sobresalir, deberá modificar algunas partes, y eso puede requerir el uso de CSS.
Cualquiera que sea el método que elija, no intente manejar CSS usted mismo a menos que realmente comprenda cómo funciona. Recuerda que el sitio web de tu empresa está en juego; si no puedes hacerlo, déjalo en manos de alguien que pueda.
