Cómo crear los mejores temas de WordPress y no cometer un error

WordPress ocupó un lugar destacado entre otros CMS, ya que millones de sitios web, incluidos The New York Times, el sitio oficial de Suecia, TechCrunch y Vogue se ejecutan en él. La estructura de la plataforma es tan multifuncional que es adecuada tanto para sitios de pequeños blogs personales como para sitios de corporaciones gigantes.

La popularidad de este CMS se debe a varios factores, que incluyen una gran cantidad de temas gratuitos, complementos y una alta frecuencia de actualizaciones. Además, a diferencia de muchas otras plataformas, WordPress tiene una gran comunidad de usuarios. Si encuentra un problema mientras trabaja con el sistema, o necesita hablar con personas de ideas afines, puede comunicarse con la comunidad a través de cualquiera de los miles de foros disponibles. Un tema de WordPress es una colección de archivos que definen el aspecto de su sitio web. El tema incluye programación JavaScript y HTML y, con bastante frecuencia, involucra a un desarrollador de JavaScript o jQuery.

WordPress es increíblemente fácil de usar, lo que lo convierte en una de las mejores plataformas para los aspirantes a blogueros. Los menús bien organizados y los controles simples eliminan la necesidad de profundizar en el código. Incluso si el usuario no tiene conocimientos básicos de HTML, crear un sitio de WordPress no llevará mucho tiempo, así como trabajar más con él.

Sin embargo, en este artículo, nos gustaría prestar atención a la creación de su tema: cómo abordar este problema de la manera más eficiente posible y evitar errores.

Fuente: kinsta.com

Por qué es importante crear su propio tema de WordPress

WordPress tiene una biblioteca interna con cientos de temas gratuitos. Se adaptan a cada propósito y preferencia. Entonces, ¿por qué el desarrollador de JS debería crear temas personalizados cuando hay muchos gratuitos por ahí?

Un tema personalizado tiene más beneficios que un tema gratuito, y he aquí por qué:

• La singularidad del diseño.

Tenga en cuenta que el 29% de todos los sitios en Internet funcionan con WordPress. La probabilidad de que alguien tenga el mismo tema que el tuyo es bastante alta. Para que su marca se asocie solo con usted, debe encargarse de esto de antemano con la ayuda de un desarrollador de JS independiente o un especialista interno.

• Funciones personalizadas.

WordPress y los complementos requieren el guardado de elementos individuales. Para su tema único, un desarrollador puede crear exactamente los elementos que se necesitan para sobresalir en un nicho específico.

• Capacidad limitada para cambiar el tema predeterminado .

En la mayoría de los casos, el usuario de un tema estándar puede influir en cosas simples como colores, fuentes e imágenes. Al crear su tema, puede agregar un número ilimitado de funciones y características. Estas ideas pueden surgirle a medida que su sitio se desarrolla, y la oportunidad de aumentar la funcionalidad de su tema siempre estará con usted.

El resultado será un diseño único de blog o sitio web en el que influirá en los cambios, en lugar de actualizaciones inesperadas del desarrollador del tema predeterminado.

¿Cuáles son los errores comunes que se cometen al desarrollar un tema de WordPress?

Cuando decide crear su propio tema, hay algunos errores comunes que debe conocer y tratar de evitar.

• Creando un tema sin usar Acciones y Filtros

Use acciones y filtros para crear un tema independiente. De esta manera, puede modificar la funcionalidad sin editar el tema de origen. Además, si más adelante desea crear una extensión Premium que dependa del tema de origen, debe desarrollar el tema de origen con la posibilidad de una extensión sencilla.

• Encontrar trabajo extra

Tenga cuidado cuando busque mejorar algo, especialmente cuando crea una función que hace más o menos lo mismo que otra función ya existente. Cuanto más código “bonito” agregue, más difícil le resultará mantenerlo en el futuro. Las pulsaciones de teclas no son una medida de su productividad como desarrollador. Es mejor dedicar más tiempo a pensar en el código que a escribirlo.

• Uso de variables en temas

Cuando haya terminado con algunas optimizaciones innecesarias, notará que tiene muchas menos variables en sus temas. Mejor abandonar las variables, aunque algunas condiciones lógicas son indispensables. En este caso, es mejor trabajar en la legibilidad de sus temas eliminando la mayor cantidad posible de elementos innecesarios.

Pasos para crear un tema de WordPress

Lo primero que debe hacer un desarrollador de JavaScript es descargar e instalar WordPress en una computadora. También es necesario utilizar un editor de texto para el trabajo. A continuación, debe encontrar el directorio wp-content \ themes en la unidad donde está instalado WordPress y crear una nueva carpeta con el nombre del tema futuro. Los temas estándar de WordPress también se almacenan aquí.

Cada tema debe contener dos archivos: index.php y style.css, así como una carpeta de imágenes con imágenes para el tema. Para empezar, solo necesita crear estos archivos y luego comenzar a llenarlos. El archivo index.php se puede escribir de forma independiente en un editor de texto, pedirlo a un especialista, o puede tomar contenido listo para usar de otro tema.

Para el tema, debe cargar un archivo de captura de pantalla.png con la extensión deseada de 1200 × 900 píxeles en la carpeta del tema. Puede ser cualquier imagen que se ajuste al formato especificado. El código de index.php debe copiarse en el bloc de notas y guardarse en la nueva carpeta del tema, especificando la extensión de PHP. Además, en este archivo, puede agregar cualquier elemento que le gustaría ver en el sitio.

Ahora debe completar el archivo style.css. Similar al paso anterior, abra un editor de texto y agregue el siguiente contenido:

/ *

Nombre del tema: Nombre del tema

URI del tema: URL del sitio dedicado a este tema

Descripción: Descripción del tema.

Versión: Versión del tema

Autor: nombre del autor

Autor URI: dirección del autor del tema

* /

El archivo index.php contiene información general sobre el sitio. Contiene elementos que se repiten para cada página. Para que todo el contenido funcione correctamente, debe crear archivos separados para el encabezado, la barra lateral y el pie de página. Todos se almacenarán en una carpeta compartida y a cada uno se le asignará una extensión PHP.

Por ejemplo, primero creemos el archivo header.php. Para hacer esto, seleccione y copie las líneas de encabezado de index.php. Se deben realizar los mismos pasos con el resto de los archivos.

Se pueden complementar y editar a su discreción. Por ejemplo, puede agregar una imagen única al encabezado con una barra de búsqueda, un logotipo y otros elementos.

Para que el encabezado, la barra lateral y el pie de página se muestren correctamente, debe vincular sus archivos separados al principal (índice). Para hacer esto, agregue la línea al comienzo del archivo index.php:

<? php get_header (); ?>

En el corazón de cada tema de WordPress hay dos archivos: index.php y style.css. Después de crearlos, puedes experimentar con diferentes elementos y funciones de los temas, creando un diseño único para cada página.

Conclusión

La creación de temas para WordPress brinda amplias oportunidades para propietarios de negocios, blogueros y vendedores de servicios. Usando un tema único, los programadores de JavaScript pueden crear un tema especial con el conjunto de funciones más conveniente para un sitio específico.