Nous avons tous été là:
En regardant votre site web et en étant obsédés par quelques petites choses qui ne semblent tout simplement pas « correctes ».
peut-être que c’est le texte, la police, l’espacement, les couleurs ou autre chose.
de toute façon, vous souhaitez simplement faire une modification rapide et appuyez sur Enregistrer lorsque tout semble parfait.
la bonne nouvelle est que les navigateurs modernes, (comme Chrome, Firefox et Safari) offrent quelques façons de prévisualiser les modifications simples à n’importe quelle page Web. Oui, n’importe quelle page web. Même ceux qui ne sont pas les vôtres!,
cela signifie que vous pouvez modifier le code HTML et CSS (également connu sous le nom de code source) directement dans votre navigateur.
gardez à l’esprit que cela ne modifie que la version locale sur votre ordinateur et ne réécrit rien sur le serveur. C’est juste un aperçu.
mais attendez, il y a plus!
Il existe maintenant un moyen d’apporter des modifications à votre site Web en utilisant les outils de développement de votre navigateur qui peuvent être enregistrés en permanence sur le serveur, alors continuez à lire!
Voici le processus étape par étape pour éditer une page web à L’aide de Google Chrome.,
comment modifier un site web à l’aide des outils de développement
- ouvrez n’importe quelle page Web avec Chrome et passez votre souris sur l’objet que vous souhaitez modifier (texte, boutons ou images).
- cliquez avec le bouton droit sur l’objet et choisissez « inspecter” dans le menu contextuel.Les outils de développement s’ouvriront dans la moitié inférieure de votre écran et l’élément sélectionné sera mis en surbrillance dans l’interface, également connue sous le nom de DOM.
- double-cliquez sur l’objet sélectionné et il passera en mode édition., Vous pouvez remplacer les attributs de texte ou de style (par exemple: couleurs, polices, espacement), puis cliquer en dehors du DOM pour appliquer les modifications.
- utilisez le raccourci « rechercher” pour vous aider à rechercher des attributs de texte ou de style spécifiques. (« CMD + F « sur Mac ou » CTRL + F »sur PC)
modifiez le texte de n’importe quel site Web en utilisant notre bookmarklet pratique
- mettez en surbrillance le texte en gras ci-dessous:
javascript:document.corps.contentEditable = ‘true’; document.designMode= ‘on’; void 0 - faites glisser le texte en surbrillance dans votre barre de signets.,
- Cliquez sur l’icône lorsque vous souhaitez modifier le texte sur une page!
Maintenant que vous savez comment modifier un site web, revenons-en à ce qui est le plus important.
comment modifier votre site web et enregistrer les modifications
cela ne pourrait pas être plus simple. Si votre site web est construit et hébergé avec PageCloud, vous pouvez utiliser les outils de développement de votre navigateur pour apporter des modifications permanentes à l’une de vos pages web.
utilisation des outils de développement avec PageCloud:
- connectez-vous à PageCloud.,
- accédez à la page de votre site Web que vous souhaitez modifier.
- cliquez sur le symbole « modifier la page » dans le coin inférieur droit. Si vous ne pouvez pas le voir, actualisez la page. (”CMD + R « sur Mac ou » CTRL + R » sur PC).
- Une fois l’éditeur chargé, procédez comme suit.
- appuyez sur Enregistrer dans l’éditeur ou utilisez le raccourci: (« CMD + S” sur Mac ou « CTRL + S” sur PC).
Facile à droite?
Que diriez-vous de nouvelles encore meilleures? Vous pouvez contourner les outils de développement et simplement apporter des modifications directement dans l’éditeur.,
PageCloud vous permet de personnaliser complètement vos pages sans jamais avoir à entrer dans le code source. Il suffit de cliquer et de modifier à l’aide de la palette. Si vous n’avez jamais écrit de code, ce sera une interface beaucoup plus conviviale!
Découvrez comment créer un site web Professionnel pour plus de conseils sur la création d’un site Web avec PageCloud
Si vous êtes développeur et que vous souhaitez faire passer votre site au niveau supérieur, vous pouvez accéder à L’éditeur JavaScript en utilisant le raccourci « J + S” lorsque vous êtes connecté à L’éditeur de site Web PageCloud.
Jamais entendu parler de PageCloud?,
essayez-le gratuitement dès aujourd’hui et construisez un site Web personnalisé qui vous offre une liberté totale pour apporter toutes les modifications que vous souhaitez! Inscrivez-vous pour un essai gratuit et commencez avec PageCloud!