WordPress: ¿Cuál es la mejor manera de desarrollar temas personalizados de WordPress?

Answer 1

Al ser un desarrollador web, es muy fácil desarrollar temas de WordPress personalizados. Si confía en su CSS y HTML, no es difícil superar el desafío de crear un tema de WordPress personalizado.

Aquí comparto algunos de los mejores consejos para desarrollar el tema de WordPress rápidamente:

Primero construya el dispositivo móvil: primero cree el sitio móvil y luego vaya a la computadora de escritorio. No solo la computadora de escritorio primero hace que sea difícil adaptar su tema a la pantalla de 320px, sino que requiere más código. Este es un paso fácil y mejor para desarrollar el tema de WordPress.

Use un preprocesador de CSS: SASS o LESS, no importa realmente mientras use uno. Entre los muchos beneficios, el establecimiento de combinaciones y variables para usar en todos sus temas le ahorra mucho tiempo.

Guarde los formatos de publicaciones hasta el final: si comienza a diseñar formatos de publicaciones antes de que su diseño esté completamente terminado, especialmente si utiliza partes de plantillas personalizadas para ellas, está creando trabajo adicional para usted.

Hackear ahora, refinarlo más tarde: si está agregando una nueva funcionalidad a su tema, digamos una animación deslizante a los elementos de navegación, no se preocupe por escribir el código perfecto en su primer paso.

Comience con el mismo núcleo: ya sea ​​que utilice el tema base de otra persona o cree su propio desde cero, apréndalo de memoria. Conocer su código de entrada y salida lo hará más seguro y cómodo trabajando en su tema.

Use Hybrid Core: Hybrid Core es un verdadero marco en el sentido de que es una biblioteca de código de inserción. No es un tema base sobre el que se construye, sino una colección de funciones que puede agregar a su gusto.

(Fuente de la imagen: 2Designers.files.wordpress.com)

Hay algunos pasos esenciales que debe tener en cuenta al desarrollar un tema personalizado de WordPress. Leer más. [1]

Si desea desarrollar su propio tema personalizado de WordPress, contacte a los expertos en desarrollo de WordPress en: Soluciones personalizadas de desarrollo de WordPress.

Notas al pie

[1] 7 trucos para desarrollar mejores temas de WordPress más rápido | Temas de la competencia

Answer 2

Fase uno – Planificación

Primero, me gustaría sentarme y pensar en qué se supone que debe hacer el tema y a quién se dirigirá. ¿Será un nicho específico o un tema de propósitos múltiples? Esto es algo que me gustaría averiguar antes de empezar a programar.

Luego listaría qué características necesitaría el tema. ¿Necesitará múltiples diseños, tipos de correos personalizados, etc.

Una vez que el proceso de planificación haya terminado, pasaré a la siguiente fase.

Fase dos – Configuración y desarrollo local

Luego comenzaría a desarrollar el sitio web localmente utilizando MAMP o WAMP. Me gustaría crear todos los archivos de plantilla necesarios que me gustaría incluir. Jerarquía de plantillas de WordPress

Me gustaría descargar una copia nueva de WordPress.

Me gustaría crear la estructura de mi carpeta:

• carpeta raíz del tema

• carpeta css dentro de la raíz del tema – archivos css extra
• Carpeta js dentro de la raíz del tema – archivos extra de javascript
• Incluye carpeta dentro de la raíz del tema – archivos de funcionalidad extra
• carpeta de imágenes dentro de la raíz del tema – imágenes utilizadas por tema
• carpeta de fuentes dentro de la raíz del tema – fuentes utilizadas por tema
• Carpeta de diseño dentro de la raíz del tema: incluye varios diseños y plantillas

Usaría una aplicación de control de versión como Free Mercurial y Git Client para Windows y Mac

Luego, una vez que se haya configurado el tema básico, lo activaría en la instalación de WordPress local y subiría el archivo XML de datos de prueba del tema al “Tema de prueba de unidad de tema”.

También usaría el plugin Theme Check y el plugin Developer, que es muy útil para optimizar el flujo de trabajo y asegurar que todo salga bien.

Durante el proceso, me aseguraré de seguir los estándares de codificación de WordPress y luego me aseguraré de que el código generado se valide con Listo para verificar: Nu Html Checker y CSS Validation Service

Fase Tres – Prueba Beta

Durante esta fase obtendría algunos probadores beta para probar el tema durante una semana y darme una idea de lo que es bueno o malo sobre el tema. Luego, basándome en sus recomendaciones, haría los cambios necesarios.

Fase cuatro – Public Release & Marketing

Una vez que se lance el tema, lo lanzaré al público y me aseguraré de escribir una publicación en el blog y ahora estaré ingresando a YouTube, así que haría un video que demuestre sus características. Compartiría en todos mis canales sociales y me comunicaría con otros blogueros para ver si estarían dispuestos a revisarlo.

Fase cinco – Mantener

Autorizo ​​mis temas y me aseguro de que la experiencia del usuario sea similar a la de un tema descargado de WordPress Repo. Cuando actualizo el tema, extiendo la actualización a mi servidor de licencias y todos los que tienen licencia para tener mi tema recibirán una notificación en su panel de administración como un tema de WordPress.

---

Este es mi flujo de trabajo. Esperemos que esto ayude.

Answer 3

Creo que la mejor ruta es contratar a un desarrollador de WordPress independiente o contratar a una empresa que se especializa en WordPress. A menos que seas un desarrollador experto, puede ser difícil para ti.

En primer lugar, puedes personalizar un tema de WordPress que más te guste. Esto sería menos costoso y tomaría menos tiempo que crear tu propio tema. Si eres un desarrollador, puedes usar una guía para ayudarte y puedes hacerlo tú mismo. Aquí hay una guía útil:

Guía de personalización del tema de WordPress

Si está buscando contratar a alguien para hacer el trabajo, le recomendaría Codal. Hacen un gran trabajo de WordPress y pueden ayudarlo en cada paso del camino, ya sea la estrategia del tema, personalizar un tema, crear un tema desde cero y mantener su tema o sitio web, después del desarrollo.

Answer 4

Supongamos que ya tengo un mapa del sitio, wireframes y archivos de diseño y estoy creando un tema personalizado para un sitio específico.

Los usaré para determinar qué archivos de plantilla necesitaré incluir en mi tema.

Para comenzar, haré una instalación de WordPress limpia usando un tema predeterminado y agregaré páginas para la página de inicio, la página de inicio del blog y una página de información. En la configuración de mi WP, estableceré la página de inicio como página de inicio del sitio y la página de blog como la página de inicio del blog. Cambiaré esto a mi tema una vez que haya hecho suficientes ediciones para que funcione, pero mucho antes de que se haya perfeccionado.

Luego miraré mis sitios anteriores y copiaré los archivos de temas de uno reciente que tiene una estructura organizativa similar. (Nota: Obviamente no siempre tuve esos archivos con los que trabajar. Cuando construí mi primer sitio WP, utilicé WordPress ›Theme Directory” Temas de WordPress gratuitos y pasé mucho tiempo mirando la página principal “WordPress Codex. Ahora descargo el último tema oficial de cada año para ver qué nuevas opciones están disponibles.)

Entonces comienzo a editar mi archivo CSS. Primero cambiaré el nombre y eliminaré todo lo que fuera exclusivo del sitio anterior. Luego agregaré una lista de los colores que estoy usando en el nuevo sitio. es decir

.navy {color # 0a31a2;}

.carcoal {color: # 525660;}

Hago esto principalmente por mi propia referencia.

A continuación comienzo a trabajar en una página interior típica.

Abro header.php, page.php y footer.php y trabajo desde arriba hacia abajo.

Primero editaré el contenido de mi banner y los menús en header.php y style.css. Luego trabajo en el diseño principal para el medio en page.php. Esto también puede incluir sidebar.php. Una vez que se vea bien, trabajaré en el pie de página.

Si mi sitio tiene varias secciones con variaciones, usaré page.php como mi modelo y luego lo copiaré en page-about.php, page-resources.php y cualquier otra cosa que pueda necesitar. Luego modifico estos según sea necesario.

A continuación edito la página de inicio. Esto puede ser index.php o front-page.php. Es probable que esta página sea la más complicada, ya que puede tener consultas personalizadas, lugares para incluir widgets, etc. Ya habré abierto functions.php para poder agregar las cosas según sea necesario. Estos podrían incluir menús, áreas de widgets, javascripts, etc.

Después de eso, trabajo en la página de inicio del blog, en las publicaciones del blog, en las categorías, etc. Si mi sitio utiliza tipos de publicaciones personalizados, también lo haré.

Una vez que haya terminado todo eso, haré mi página de error 404, las páginas de resultados de búsqueda, etc.

Luego agrego complementos y pruebas de contenido en varios navegadores y edito las cosas según sea necesario hasta que todo parezca completo.

Este sistema me ha funcionado. Lo importante es prestar atención a las actualizaciones de WordPress y capturar el tema más reciente cada año. Si solo trabajara desde mis archivos antiguos sin hacer referencia a los nuevos temas, el mío se desactualizaría rápidamente.

Answer 5

Hola,

Mi flujo de trabajo habitual es el siguiente:

• Recolección de requisitos
• Estudio de factibilidad
• Sugerencias y discusión final sobre los requisitos.
• Desarrollo del tema

Hay dos métodos que utilizo para desarrollar temas personalizados de WordPress.

1. Use un tema existente (como Twenty Fourteen [1], Twenty Fifteen [2]) y luego personalícelo. Le ofrece menos control, pero le da un desarrollo rápido. Además, no tienes que ir a estilizar todo.

2. Elimine un tema en blanco (como los subrayados [3], BlankSlate [4]). Te da control total, pero tienes que peinar casi todo.

Qué método elegir, depende totalmente de sus necesidades. Si es factible cumplir con los requisitos haciendo un par de modificaciones en un tema existente, entonces vaya al primer método.

Si sus requisitos son completamente diferentes de lo que ofrecen los temas existentes en el directorio de temas de WordPress [5], entonces elija un tema en blanco y cree un tema personalizado a partir de él.

=====================

Estos son algunos de los recursos que utilizo:

• Desarrollo del tema
• Tema Unidad de Prueba “WordPress Codex
• Tema de WordPress – La anatomía, una infografía – Yoast

Espero que eso ayude. 🙂

Notas al pie

[1] WordPress ›Directorio de temas” Temas de WordPress gratuitos

[2] WordPress ›Directorio de temas” Temas de WordPress gratuitos

[3] Subraya

[4] WordPress ›Directorio de temas” Temas de WordPress gratuitos

[5] WordPress ›Directorio de temas” Temas de WordPress gratuitos

Answer 6

De vez en cuando, todas las empresas necesitan obtener la ayuda de un desarrollador de WordPress para la personalización del tema de WordPress, el desarrollo del complemento de WordPress o el desarrollo del tema de WordPress. Si su sitio web necesita una actualización o si desea darle un nuevo aspecto a su sitio web, buscar la ayuda de los profesionales es la mejor manera de hacerlo. La contratación de desarrolladores profesionales de WordPress es una opción que vale la pena, ya que las herramientas únicas de CMS y las técnicas de desarrollo de temas interactivos de WordPress que utilizan ofrecerían una excelente manera de actualizar un sitio web.

Un desarrollador de WordPress con todas sus habilidades y experiencia se asegurará de que el sitio web se modernice de acuerdo con las últimas tendencias y tecnología. La asistencia de estos desarrolladores offshore sería beneficiosa para la empresa, ya que agregarían un gran nivel de interactividad, facilidad de uso, funcionalidad y más a su sitio web.

WordPress le permite modificar las fuentes, los logotipos, los gráficos, los widgets, los banners y mucho más sin perder demasiado dinero.

WordPress es una herramienta esencial no solo para el mantenimiento del sitio web, sino también del negocio. Desde el desarrollo de temas hasta el desarrollo de complementos de WordPress o la personalización de temas de WordPress, todo es fácil de hacer.

Por lo tanto, es muy importante saber por qué WordPress es tan esencial para mantener su sitio web. Hay varias ventajas de esta tecnología que la convierten en la opción natural para los propietarios de negocios que desean un sitio web personalizado y fácil de administrar.

WordPress abre las puertas a una colección de herramientas innovadoras para marketing al permitir que los desarrolladores integren aplicaciones de terceros. Para administrar su sitio web, es inteligente contratar a los desarrolladores de WordPress. Hay varias cosas que debe saber antes de buscar los servicios de desarrollo de WordPress.

El proveedor de servicios de desarrollo web personalizado de WordPress debería ofrecer los siguientes servicios:

1. Desarrollo de sitios web modificados.
2. Desarrollo de plantillas personalizadas de WordPress y diseño de temas.
3. Amalgama los temas de WordPress
4. Conversión válida del sitio web tradicional a WordPress

Fuente: WordPress: La conexión flexible para la personalización – PdfSR.com

Answer 7

Estoy totalmente de acuerdo con Gaurang Trivedi. Es fácil crear temas personalizados de WordPress para su negocio para obtener experiencias personalizadas irresistibles. Desarrollar sitios web de desarrollo de WordPress personalizados con varias herramientas de diseño y complementos disponibles. Póngase en contacto con el sitio web Developers India (WDI). WDIPL ofrece servicios de desarrollo y diseño web de WordPress Por más de 20 años. Nuestros servicios personalizados de desarrollo de WordPress son seguros, de bajo presupuesto y optimizados para el ranking de Google.

Answer 8

1. PSD y WordPress Theme son dos formas diferentes de desarrollar un sitio web desde cero. Es muy importante entender los pros y los contras de PSD y el tema de WordPress antes de tomar una decisión sobre la elección de cualquiera de ellos.

WordPress Theme VS PSD – La mejor solución | WPOnlineSupport

Answer 9

Puedes tomar las ayudas de los desarrolladores de WordPress.

Para el sitio web personalizado de WordPress – Binary Turf es un nombre reconocido para crear “sitios web exitosos para su negocio”.

WordPress Genesis Developer, Consultor, Plugins & Theme Designer

Answer 10

Para desarrollar un tema de WordPress personalizado desde cero, puede utilizar muchas herramientas disponibles en línea como TemplateToaster.

Esta herramienta le permite crear excelentes temas de WordPress que son totalmente sensibles.

Answer 11

Hay un producto llamado Themler, que vale la pena ver. Le permite diseñar temas de WordPress (y temas o plantillas para una gran cantidad de otras plataformas de CMS y de comercio electrónico) ya sea desde cero o modificando los temas existentes que vienen gratis con el producto y están disponibles en línea.

Puede publicar su tema ya sea en un formato que aún puede editarse dentro de la sección de administración, o en un formato que no se puede modificar.

Compruébelo: cree temas y plantillas para Magento, PrestaShop, WordPress, Joomla, WooCommerce, Drupal y VirtueMart

Answer 12

En primer lugar, piense cuáles son sus requisitos y haga una nota aproximada al respecto.

Intenta escribir un diagrama de flujo. Si completa el diagrama de flujo, significa que ha terminado el 30% del trabajo.

Ahora venga al diseño, haga un diseño llamativo que se adapte perfectamente a su nicho. [Si necesita ayuda en el diseño, puede ponerse en contacto conmigo].

Si el diseño está finalizado, significa que ha completado el 50% de su trabajo.

El resto es la codificación. La codificación es el 50% del trabajo. Si completas la codificación, ahí estás.

[Si necesita ayuda en cualquier parte del proyecto, puede contactarme en skype: smartech_solutions]

Espero que esto te ayude,

Saludos, Nagaraj