Så här redigerar du din webbplats i en webbläsare …Och sedan spara det!

Vi har alla varit där:

stirrar på din webbplats och bara besatt över några små saker som bara inte verkar ”rätt”.

kanske är det texten, teckensnittet, avståndet, färgerna eller något annat.

hur som helst önskar du att du helt enkelt kan göra en snabb redigering och slå spara när allt ser perfekt ut.

den goda nyheten är att moderna webbläsare, (som Chrome, Firefox och Safari) erbjuder ett par sätt att förhandsgranska enkla ändringar på en webbsida. Ja, vilken webbsida som helst. Även de som inte är dina!,

detta innebär att du kan ändra HTML och CSS (även känd som källkod) direkt i din webbläsare.

Tänk på att detta bara ändrar den lokala versionen på din dator och faktiskt inte skriva om något på servern. Det är bara en förhandsvisning.

men vänta, det finns mer!

det finns nu ett sätt att göra ändringar på din webbplats med hjälp av webbläsarens utvecklingsverktyg som kan sparas permanent på servern, så fortsätt läsa!

här är steg-för-steg-processen för att redigera en webbsida med Google Chrome.,

så här redigerar du en webbplats med utvecklarverktyg

• öppna en webbsida med Chrome och håll muspekaren över det objekt du vill redigera (dvs. text, knappar eller bilder).
• högerklicka på objektet och välj ”Inspektera” från snabbmenyn.Utvecklarverktygen öppnas i den nedre halvan av skärmen och det valda elementet kommer att markeras i gränssnittet, även känt som DOM.
• dubbelklicka på det markerade objektet och det växlar till redigeringsläge., Du kan ersätta text-eller stilattributen (dvs: färger, teckensnitt, avstånd) och klicka sedan utanför DOM för att tillämpa ändringarna.
• använd genvägen ”Sök” för att hjälpa dig att leta efter specifika text-eller stilattribut. (”CMD + F ”på Mac eller” CTRL + F”på PC)

redigera webbplatsens text med hjälp av vår praktiska bookmarklet

• markera bolded nedan:
  javascript:dokument.kropp.contentEditable = ”true”; dokument.designMode = ’on’; void 0
• dra den markerade texten i bokmärkesfältet.,
• Klicka på ikonen när du vill redigera text på en sida!

nu när du vet hur du ändrar en webbplats, låt oss komma tillbaka till vad som är viktigast.

så här redigerar du din webbplats och sparar ändringarna

det kunde inte vara enklare. Om din webbplats är byggd och värd med PageCloud, kan du använda webbläsarens utvecklingsverktyg för att göra permanenta ändringar på någon av dina webbsidor.

använda utvecklarverktygen med PageCloud:

• logga in på PageCloud.,
• gå till sidan på din webbplats som du vill ändra.
• Klicka på symbolen ”Redigera sida” i det nedre högra hörnet. Om du inte kan se det, uppdatera sidan. (”CMD + R på Mac eller ”CTRL + R” på PC).
• följ dessa steg när redigeraren har laddats.
• Hit Spara i redigeraren eller använd genvägen: (”Cmd + S” på Mac eller ”CTRL + S” på PC).

enkelt rätt?

vad sägs om några ännu bättre nyheter? Du kan kringgå utvecklarverktygen och helt enkelt göra ändringar direkt i redigeraren.,

PageCloud låter dig helt anpassa dina sidor utan att någonsin behöva gå in i källkoden. Klicka bara på och redigera med paletten. Om du aldrig har skrivit kod, kommer detta att bli en mycket mer användarvänligt gränssnitt!

kolla in hur du bygger en professionell webbplats för fler tips om hur du skapar en webbplats med PageCloud

Om du är en utvecklare och vill ta din webbplats till nästa nivå kan du komma åt JavaScript-redigeraren genom att använda genvägen ”J + S” medan du är inloggad i pageclouds webbplatsredigerare.

aldrig hört talas om PageCloud?,

prova det gratis idag och bygga en anpassad webbplats som ger dig fullständig frihet att göra alla de ändringar du vill! Registrera dig för en gratis testperiod och komma igång med PageCloud!