Soporte » WordPress Avanzado » ¿Cómo diseñan los profesionales las páginas de WordPress?

  • Resuelto kuro

    (@kuro)


    Soy diseñador gráfico desde 1999 y hace un año empecé ofreciendo diseño web profesionalmente aunque llevaba años estudiando desarrollo web y haciendo mis primeros pinitos. El motivo que me lleva a escribir esta consulta es que he avanzado rápidamente gracias a los foros, webs, videotutoriales… pero me he estancando y además de pensar que no estoy haciéndolo del todo bien no se como lo hacen los profesionales. Para ello voy a explicar como empecé y en qué punto estoy actualmente. Siempre con WordPress como base así que no me repetiré.

    Hace un año creé la primera web realizada íntegramente con una plantilla gratuita a la que practiqué pocos cambios visuales.
    Unos meses más tarde, realicé la segunda web, usando el potente builder Divi de Elegant Themes con el que tuve gran libertad para crear los diseños que quería pero lo encontré muy cerrado para implementar cosas avanzadas que necesitaba para el siguiente proyecto.
    Desde hace un par de meses estoy con un tercer proyecto, más complejo que los anteriores y que me obligaron a buscar soluciones más versátiles que las usadas hasta el momento. Aquí he usado un child theme por primera vez. Gracias a este proyecto he descubierto una gran parte de lo que WordPress puede ofrecerme.

    El motivo de haber profundizado en las posibilidades de WordPress ha venido por las necesidades del proyecto. Una web para una ONG en cuatro idiomas, con noticias, eventos, y las típicas secciones y un foro para crear una comunidad internacional de voluntarios.

    He aprendido a crear custom post types para que el cliente pueda añadir sus próximos eventos; a usar wp_query para filtrar las noticias y los eventos tanto en la página principal como para crear sus secciones independientes; en el backend he creado en el lateral, bajo Entradas, la sección Eventos donde el cliente puede añadir y ver el listado de todos ellos además de ordenarlos simplemente arrastrándolos. He leído y aprendido mucho con este proyecto pero veo que este proyecto no está bien acabado, me explico.

    He creado dos páginas con mi editor de código, la front-page.php para la página inicial donde entre otras cosas están las noticias y los eventos. La segunda es eventos.php donde le he dado un diseño diferente que la de noticias, con la foto más pequeña y dando más importancia a la fecha y el país donde se realiza el evento.

    Luego el resto de páginas están creadas directamente en el editor del backend de WordPress usando el plugin SiteOrigin Page Builder para maquetar y tener un responsive de manera sencilla, cosa que no me gusta por penalizar el rendimiento de la web pero no encontré la manera de tener las páginas editables por el cliente, y a la vez, tener un método en el backend que me permitiera maquetar cada página con un layout responsive y el plugin de SiteOrigin me dio las opciones necesarias para tener una gran libertad de maquetación desde el backend.

    Las páginas que he creado con mi editor de código no son accesibles por el cliente desde el backend, en cambio el resto de páginas sí pero he usado un builder que incluye sus propios estilos cuando yo tenía los míos creados para front-page.php y eventos.php.

    ¿Los desarrolladores avanzados creáis todas las páginas con vuestro editor de código fuera de WordPress? Para mi sería mucho más sencillo y rápido pero entonces no veo la manera de que luego el cliente pueda editar esas páginas ya que sin unas bases en desarrollo web no va ha saber como acceder a ellas para modificarlas.

    En definitiva, me gustaría saber como hay que hacerlo realmente para implementarlo en mi próximo proyecto. Lo que tengo claro es que usaré el tema Underscores de Automattic porque no me ha gustado esto del child theme cuando tienes que modificar demasiadas cosas respecto el parent. Ahora sí, pero cuando empecé el proyecto actual, no me veía capaz para usar un starter theme.

    Hasta aquí mi tocho pero creo que era necesario para reflejar que he avanzado mucho pero que tengo un lío actualmente. Todo lo que me podáis iluminar sobre unas buenas prácticas para avanzar por el camino correcto para desarrollar páginas para WordPress será de gran ayuda.

    Muchas gracias desde ya.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador erchache2000

    (@erchache2000)

    Te recomiendo que te pases por el canal de #slack de WordPress en Español y acudas a alguna WordCamp o meetup de tu zona.

    Allí encontrarás a gente que pueda ayudarte a profundizar en el conocimiento de WordPress.

    Slack

    http://wp-es.es/meetups

    Hola @kuro,

    Como comentas, gran parte del desarrollo profesional en WordPress se basa en el trabajo y la experimentación basándose en lo que WordPress.org, su Codex y la Comunidad pueden proporcionarte.

    Muchos de los profesionales de WordPress empezaron como tú, iniciándose en proyectos más sencillos e incorporando nuevas funciones, plugins, temas child, temas propios, etc.

    Algunos de estos profesionales nos dedicamos a realizar temas a medida desde cero para clientes o para el propio repositorio de temas de WordPress. El Codex de WordPress puede ofrecerte un buen punto de partida: https://codex.wordpress.org/ (en inglés) y https://codex.wordpress.org/es:Main_Page (en español, aunque con menos contenido).

    Existen temas llamados «starter themes» como Underscores, con lo básico para comenzar un proyecto. La ventaja sobre los Child Themes es que puedes conseguir una mayor personalización de tu tema sin depender de otro.

    Asimismo, utilizando las funciones del Codex de WordPress permitirás que tus clientes o editores de la página puedan incluir contenidos, realizar modificaciones en las páginas, etc. Por último, conocer HTML, CSS, JS y PHP te serán siempre muy útiles.

    Siempre podrás contar con los foros de soporte para cualquier duda o problema que encuentres.

    Un saludo y ánimo en tu proyecto.

    Muchas gracias por vuestros comentarios y recomendaciones. Saludos

    Moderador erchache2000

    (@erchache2000)

    Si estas satisfecho con la respuesta, ponla como resuelta y la cierro por favor.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘¿Cómo diseñan los profesionales las páginas de WordPress?’ está cerrado a nuevas respuestas.