El Tema hambriento es un tema de WordPress vendido en ThemeForest. Se especializa en tema "sitio de restauración". En este artículo, propongo mi retroalimentación de Divi. Voy a explicar los diversos pasos que se han tomado ir desde Hungry a Divi.
De Hungry tema a Divi tema: antes/después vídeo
Paso 1: Instalar un WordPress local
Para este proyecto, usé MAMPHe tenido muchos problemas con otras soluciones que no he tomado el riesgo durante mucho tiempo...
Hice la elección de empezar desde cero. El contenido del viejo sitio era pobre, no había casi nada que conservar. Moreover, the Tema hambriento había creado muchos Tipos de puestos personalizados útil para su funcionamiento (como platos, menús, etc.). Nunca quise mantenerlos.
Así que he creado un nuevo sitio de WordPress, I instalado el tema Divi así como la mayoría de los plugins utilizados en el viejo sitio.
Encontré equivalentes para plugins que ya no eran mantenidos por su desarrollador. Por ejemplo, cambié Delicioso Descargar (un plugin que no había sido actualizado durante más de dos años) Descargar Monitor. Incluso si no hubo ningún problema (conflictos) con el viejo, cuando se hace un recast, también puede ser hecho "en su totalidad".
¿Sabes que puedes probar Divi gratis? Nos vemos en esta página y haga clic en "Pruébalo GRATIS"
Paso 2: Seguimiento de contenidos
Poco a poco, reconstruí el sitio existente en mi versión local. Así, el sitio en producción (antiguo sitio) era siempre accesible en Internet.
Para un sitio de restaurante, es inimaginable dejarlo en mantenimiento durante varios días, el tiempo para hacer el rediseño.
No es un blog o un sitio de escaparate "common": un sitio de restaurante es necesario para el funcionamiento suave de la actividad diaria. Los usuarios de Internet quieren ver el mapa y deben poder reservar en línea!
En resumen, seguí la mayoría de las páginas y reconstruí el menú principal (la estructura del sitio).
Me encargué. mantener el SLUG en cada página (el final de la URL) para que coincidan con los del sitio antiguo. ¡Así que ahorraría algunas redirecciones más tarde!
Paso 3: Diseño
Además de haber transcrito algunos de los contenidos en el sitio local, tuvimos que abordar el diseño!
La ventaja es que tenía "tarjeta blanca". ¡Eso es genial!
Así que construí mi bloque por páginas de bloque. No he llamado a ninguna páginas listasincluso si hubiera sido una solución fácil.
Usé los colores del gráfico del cliente y realicé mis secciones usando el Dividentes Divi.
Paso 4: Características
En términos de funcionalidad, nada complicado: ninguna tienda online, ningún sistema de reservas, ningún boletín, ningún blog. ¡Así que el trabajo fue aligerado!
Ser apoyo a todos los esfuerzosTodavía usé herramientas que me hicieron más fácil hacer esto.
Por ejemplo, para el formulario de solicitud de reserva (esto no es un sistema en sí, sólo una forma) construido con Caldera Forms, He utilizado la herramienta Export-Import plugin.
Así que no tuve que reconstruir los campos en la forma. Fue un juego de niños para exportar la configuración del sitio antiguo y reimportarlos en el nuevo!
Paso 5: Optimización SEO
Desde He vuelto de cero, he tenido que hacer un trabajo sustantivo sobre la SEODe todos modos, el viejo sitio no era superior...
Así que he instalado Yoast SEO y he optimizado cada página para una palabra clave, sin mencionar la optimización de metadatos (título y descripción).
Yo también tengo malla interna optimizada así como el contenido de cada página, el texto alternativo de las imágenes, etc.
Pero el trabajo Optimización SEO No pares ahí. Debe ser constante, es una obra de sustancia.
Sin olvidar que el tema Divi requiere especial atención en términos de SEO: leer aquí cómo hacer Divi SEO-Friendly.
Paso 6: Optimización del rendimiento
Aunque WP Rocket ya estaba presente en el viejo sitio, mejoré su configuración. Pero la mayor parte del trabajo de optimización se hizo en las imágenes...
Durante este rediseño, aproveché la oportunidad para importar imágenes ultra ligero. No recuperé las imágenes utilizadas en el viejo sitio.
Así que he ganado un peso considerable tiempo de carga optimizado. Como se puede ver a continuación:
Ex informe de ejecución del sitio:
- Grado: D (69/100)
- Tamaño de la página: 12,4 MB
- Tiempo de carga: 2.46 s.
- Número de solicitudes: 155
Nuevo informe de ejecución del sitio:
- Grado: B (85/100)
- Tamaño de la página: 2,1 MB
- Tiempo de carga: 0,97 segundos.
- Número de solicitudes: 34
Durante este rediseño con Divi, el sitio realmente ganó en rendimiento. Google lo verá rápidamente y el usuario sólo apreciará esta mejora!
Paso 7: Migración
Llega el momento fatídico de la migración. Mi sitio estaba casi completo, así que era necesario cambio...
La idea es importar el nuevo sitio en paralelo con el antiguo, dentro del alojamiento, utilizando FileZilla.
Para completar este delicado paso, usé Duplicador. Un plugin que nos ayuda en la migración. La preocupación es que he hecho este paso 5 veces, sin que haya tenido éxito. La exportación siempre iba bien, la importación también, pero el host sistemáticamente me envió un mensaje de error.
Me gusta tratar de entender, pero por el momento, no entendí de dónde podría venir el error... Así que tuve otras dos opciones para la migración: Hazlo manualmente (que no es necesariamente complicado, sino bastante aburrido) use otro plugin.
J'ai tenté la seconde solution, celle d'utiliser un autre plugin. Au pire, si elle ne fonctionnait pas, je serais passée à l'autre option...
J'ai donc effectué ma migration avec Todo en una sola migración WP. Rien à redire, cette solution m'a permis de migrer facilement, sans encombre et du premier coup !
Paso 8: Rediciones
Una vez. nouveau site avait pris la place de l'ancien, il fallait, dans un premier temps, faire suivre les anciennes URL qui n'étaient plus existantes dans le nouveau site.
Pour cela, j'ai utilisé deux outils : Integridad y Redirección
Dans un premier temps, avant d'écraser l'ancien site, j'ai pris le soin de récupérer l'ensemble des URL existantes. Je n'ai pas fait cela manuellement, bien évidemment, car WordPress crée de nombreuses URL sans que vous ne vous en doutiez. J'ai donc utilisé un petit soft pour Mac qui s'appelle Integridad (il existe des tas d'équivalents). Ce dernier m'a donné la liste entière des URL de mon ancien site.
Dans un second temps, après migration, j'ai installé le plugin Redirección. Grâce à lui, j'ai pu commencer à URL antiguos para evitar enlaces rotos : cela est mauvais pour le SEO. Certaines redirections étaient simples, pour d'autres j'ai utilisé l'option Regex. Cela permet d'effectuer des redirections par lots et m'a fait gagner un temps précieux.
Découvrez d'autres astuces et recursos necesarios para sus proyectos Divi.
Paso 9: Establecer los detalles
De hecho, ajustar los últimos detalles y refinar el trabajo pour que le site soit proche de "parfait" est certainement une étape à double tranchant. Soit on la bâcle, soit on y passe un temps fou !
J'avoue ne pas avoir encore terminé cette étape. Et oui, je suis un peu bête de vous présenter cette refonte avant que le site ne soit "parfaitement parfait"... Mais c'est le jeu.
Un site n'est jamais réellement terminé. C'est un travail de fond et continu. Puis quand ça ne nous convient plus, et bien on recommence !
Por mi parte, repito mis sitios web o los de mis clientes cada 2 o 3 años. C'est le délai maximum dans le web !
Au pire, on peut pousser jusqu'à 4 ans mais au-delà, on risque d'avoir un site un peu obsolète, soit en termes de design soit en termes de fonctionnalités.
En esta última etapa, no debemos olvidar d'intégrer le code de Google Analytics en el nuevo sitio. Sin mencionar la revalidación de la propiedad con la Google Search Console (Dependiendo del método utilizado, esto puede no ser necesario).
Il faudra aussi vérifier les versions mobiles et tablettes (c'est plus facile quand le site est en ligne) pour voir s'il n'y a pas des défauts de design ou d'adaptation aux écrans. Y compruebe si todas las formas y otras características son correctas.
Por último, los datos de los Google Search Console pour voir s'il n'y a pas de souci (erreurs 404 ou autres)...
¿Necesita más recursos en Divi? Visita Elegante Themes blog lleno de ideas y tutos!
Duración del recast: Cinco días.
Resumen de este rediseño Divi:
- Instalar una WordPress local con Divi
Usar software como MAMP Por ejemplo. WordPress está disponible aquíen relación con Divi, necesitarás una licencia.
- Contenido futuro
Essayez de conserver les mêmes SLUGS (terminaisons d'URL) afin d'avoir moins de travail par la suite.
- Rebuilding Design
Construya sus páginas desde cero o importar un diseño Divi listo.
- Agregar características
Instalar todas las extensiones necesarias y reemplazar plugins obsoletos con equivalentes.
- Optimize SEO
Cette étape ne se fait pas en quelques minutes, c'est un travail de fond. L'idée est de partir sur de bonnes bases.
- Optimize performance
Google y usuarios de Internet como sitios web rápidos y eficientes. Instalar y establecer un plugin de caché como WP Rocket.
- Migration : échanger l'ancien site avec le nouveau
Para una migración fácil, utilice un plugin como Duplicador o Todo en una sola migración WP.
- Pensando en las redirecciónes
Vérifiez les liens qui n'ont pas été suivis. Faites des redirections à l'aide du plugin Redirección.
- Refinar los detalles y asegurar que el sitio funcione correctamente
Étape à ne pas négliger. C'est à cela que l'on reconnait un site bien fait ;-)... Cette étape peut prendre du temps !
¿Está interesado en casos prácticos? Lea otro caso práctico de rediseño: desde BeTheme in Divi.
Bonjour,
Je suis débutant dans le domaine. Je n’ai pas trop compris comment tout le processus se déroule je crois.
Lorsqu’on veut faire une refonte on doit aussi acheter un nouveau nom de domaine etc ?
Ou alors il s’agit de bien garder le squelette du site ( nom de dom, hebergement, url) , mais seulement changer sa peau ( le design, fonctionnalité etc).
Au fait, merci pour ce blog il est juste génial lorsqu’on débute avec divi et tout le système de création de site web 🙂 !
Hello Rdgs ! Merci à toi. Pour une refonte tu as diverses solutions. Dans le cas de cet article, j’ai refait un site de À à Z et je l’ai placé à la place de l’ancien. Dans d’autres cas tu peux simplement changer le thème WordPress et conserver l’existant, tu ne refais donc que le design. Et dans certains cas tu peux changer le nom de domaine mais peut-on appeler une refonte alors ? Je pense que serait plutôt une nouvelle création ou bien une migration… après ce ne sont que des termes 😉
bonjour,
tout d’abord je tiens à vous adresser un très chaleureux merci pour ce blog, je suis débutante et je dois dire que je trouve ici de précieuses ressources sans lesquelles je me sentirai un peu perdue !, et surtout qui me font de plus en plus apprécier Divi, (…alors que j’y étais plutôt allergique au début ;))
Je dois faire une refonte d’un site qui utilise le thème Oshine avec le builder Tastu.
La solution la simple me semble être effectivement de le faire en local (même si j’appréhende moi aussi la phase de migration… je ne l’ai faite qu’une fois, comme je disais je suis novice ^^, mais sur un WP vierge qui venait tout juste d’être crée.) J’aurai donc deux petites questions 🙂
la première, existe il une solution pour que mon client puisse voir l’évolution de la refonte si elle se fait en local ? sinon comment faire la refonte en ligne mais sans venir interférer avec le site actuel (vu que je compte partir d’un autre thème et builder…)
la deuxième : comment se passe la migration de local à en ligne par rapport aux données de l’ancien site (y a t il des précautions à prendre pour éviter des embûches ou cafouillages…)
Merci d’avance pour vos réponses,
et encore merci pour ce blog 🙂 !!!
Audrey
Bonjour Audrey et merci pour tes encouragements !
Alors, je vais essayer de répondre précisément à tes questions :
1/ Si tu choisis de développer le site en local et que tu veux que ton client puisse suivre l’évolution, il faudra choisir Local by Flywheel comme serveur local. Celui-ci te permet de partager une URL temporaire avec ton client.
2/ Tu peux aussi le faire en ligne dans un sous-dossier de ton hébergement ou bien sur un sous-domaine (par exemple : http://www.mondomaine.com/mondossier ou http://www.monsousdomaine.mondomaine.com). Mais dans ces cas, tu devrais avoir la possibilité de créer une 2ème base de données (selon l’offre de l’hébergeur, tu pourras pas) et en plus, tu devras aussi faire une migration ensuite vers le vrai nom de domaine (ainsi que nettoyer tout le reste). Donc ce n’est pas trop une bonne solution.
3/ Si tu développe de zéro en local, il faut que tu oublies les contenus de l’ancien site car ils seront écrasés après importation du nouveau site.
4/ Si l’ancien site n’a pas beaucoup de contenu, reprendre tout de zéro est une bonne solution.
Bref, on pourrait en discuter longtemps 😉 il n’y a pas de bonne ou mauvaise solution. C’est comme quand tu dois choisir un itinéraire pour aller d’un point A vers un point B en voiture 😉
J’espère t’avoir aidé.
re
merci pour ta réponse et tes pistes, cela me permet d’y voir plus clair en effet, et me conforte dans mon idée de le faire en local (le site a effectivement peu de contenu actuellement). Merci aussi pour le tuyau pour local by flywheel, je l’ai regardé de plus prêt et cet outil me paraît tres très interessant 😉
encore merci et très bon we à toi 🙂
Bonsoir Lycia
En voulant faire la refonte d’un site avec le thème DIVI, j’ai télécharger un layaout toute ma page est en décalé, le texte, les images, les boutons ne s’affichent pas au bonne endroit. Comment remédier a ce problème.
Salut Mimi tu dois avoir des problèmes de marges. Édite toutes les sections et mets les à zéro pour voir.