Mon site Web ne charge pas les images de fond sur la version en direct - il montre simplement le texte et un écran gris.
J'ai construit le site à l'aide d'Élémentaire.
ici sont les pages
(toutes les pages de service).
J'ai compressé toutes les images à environ 100k afin qu'ils ne soient pas trop gros pour charger. Celui de la page d'accueil est 99k et il charge.
merci
7 Réponses :
Vos images font toujours référence à Localhost. Par exemple, http: //localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg . Je vous conseille d'exporter votre site en utilisant quelque chose comme tout dans un WP Migration , de sorte qu'il corrige les liens ou trouver un moyen de fixer ces liens d'image.
En regardant la page Vous avez raccordé le chemin d'accès à l'image d'arrière-plan que vous essayez de montrer que ce chemin: http: // localhost / woodworks / wp-contenu / uploads / 2019/01 / Services-Decking .jpeg Vous pouvez voir que vous référencez toujours votre localhost Quel est votre serveur Web interne et non celui que vous utilisez maintenant. Si vous supprimez le domaine localhost, il doit fonctionner correctement à condition que l'image soit dans le chemin correct.
En regardant la page Vous avez raccordé la voie à l'image d'arrière-plan que vous essayez de montrer ce chemin: http: //localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg
Étape 1 - ÉLEMENTOR -> Outils -> Remplacer l'URL -> Étape 2 - Élémentaire -> Outils -> Général -> Régénérer CSS -> Fichiers régénérants Bibliothèque de synchronisation -> Bibliothèque de synchronisation http: // localhost / -> https://wwwlandscaping.com ->
Merci beaucoup, c'est la solution exacte exacte pour Emeuror.
Étape 1 - ÉLEMENTOR -> Outils -> Remplacer l'URL -> http: // localhost / -> Étape 2 - Élémentaire -> Outils -> Général -> Régénérer CSS -> Régénérer des fichiers et une bibliothèque de synchronisation -> Bibliothèque de synchronisation
Étape 3 - Allez à la page et cliquez sur Modifier la page de Emeuror. Sélectionnez l'arrière-plan de l'image et supprimez l'image.
Étape 4 - Cliquez sur Mettre à jour.
Étape 5 - Téléchargez à nouveau une image et cliquez sur Mettre à jour.
S'il vous plaît essayez de remplacer vos URL. Connectez-vous à votre compte WordPress sur le serveur qu'il est hébergé.
sur votre écran de tableau de bord, accédez à Elementor -> Outils. Dans l'onglet Général, régénérer les fichiers CSS.
J'ai eu des défis similaires Obtenir des images d'arrière-plan de Solemor pour charger des périphériques dans des environnements locaux à l'aide de WP local avec lien en direct.
Voici comment j'ai résolu pour cela. Le Guide de migration Elemor était super serviable.
du Guide de migration Elemor:
Les images de fond sont enregistrées dans un fichier CSS qui a une URL absolue. Éviter les problèmes de migration avec les images de fond sans avoir à Écrivez un script, vous pouvez définir la méthode d'impression CSS pour être en ligne. au lieu d'utiliser des fichiers externes, si vous voulez. Cela peut être fait par Aller à Elementor> Paramètres> Avancé> Méthode d'impression CSS> Interne Intégration> Méthode d'impression CSS: Inline, sur votre tableau de bord WP.
Voici ce qui a obtenu des images d'arrière-plan élémentaire travaillant sur des appareils locaux pour moi. J'utilise WP local avec des liens en direct pour les tests de périphérique:
- Dans votre environnement local définit la méthode d'impression CSS locale CSS à "Incorporation interne" (Emoreur> Paramètres> Advance)
- Mener une URL réécrit (URL de l'ancienne URL de l'environnement à la nouvelle URL de l'environnement)
- Régénérer les fichiers élémentaires (Emérique> Outils> Général)
Après que je l'ai fait, dans mon environnement local, mes images de fond sont apparues dans des appareils locaux. J'ai ensuite appuyé sur la mise en scène et la commande (base de données incluse) pour voir si les images de fond étaient toujours visibles et elles étaient. Tout a fonctionné.
Pour la production - Élémentaire CITES Améliorations de performance Lors de la méthode d'impression CSS de Elemoror définie sur "externe".
Si vous voulez le faire sur PROD, une fois que vous avez terminé vos tests de périphérique, procédez comme suit:
- Dans votre environnement de produit, définissez la méthode d'impression CSS locale CSS sur "Fichier externe" (Emoreur> Paramètres> Advance)
- Mener une URL réécrit (URL de l'ancienne URL de l'environnement à la nouvelle URL de l'environnement)
- Régénérer les fichiers élémentaires (Emérique> Outils> Général)
Je pense que cela devrait résoudre l'énigme d'image de fond de l'élémenateur lors de la mise en place de sites localement et sur des périphériques. S'il vous plaît laissez-moi savoir si je me trompe ici.
Une solution de contournement simple, car les outils de Elemor n'a pas aidé: Connectez via FTP à votre site Web.
Allez dans le dossier suivant: Téléchargez-les et recherchez et remplacez les URL de l'ancienne arrière-plan
Pour moi, j'ai eu des CSS dans un autre dossier: J'ai changé les urls de fond là-bas et il a corrigé le problème. / WP-Contenu / Uploads / Elemor / CSS
/ wp-contenu / uploads / ao_ccsss
Je supprime et réutiliser les images maintenant - merci! Mais le chemin du fichier avait la nouvelle URL - je ne comprends pas. L'URL d'image est-elle la même chose? Où pouvez-vous les changer?
Généralement chaque fois que je développe des sites utilisant WordPress, j'exprime le site à l'aide d'un plugin comme WP Migration, puis installez de nouvelles copies de WP sur le serveur en direct, installez la migration WP Plugin WP sur Live Server, puis importer le site. Enregistre beaucoup de maux de tête sur les liens qui ne fonctionnent pas
Stackoverflow.com/Questtions/49954052/...
Stackoverflow.com/Questtions/49954052/...