Sådan redigerer du dit Websiteebsted i en bro .ser …Og så gemme det!

Vi har alle været der:

stirrer på din hjemmeside og bare besat over et par små ting, der bare ikke synes “rigtige”.

måske er det teksten, skrifttypen, afstanden, farverne eller noget andet.på den ene eller anden måde ønsker du, at du bare kunne lave en hurtig redigering og trykke på Gem, når alt ser perfekt ud.

den gode nyhed er, at moderne bro .sere (som Chrome, Firefo.og Safari) tilbyder et par måder at forhåndsvise enkle ændringer på enhver .ebside. Ja, enhver webebside. Selv dem, der ikke er dine!,dette betyder, at du kan ændre HTML og CSS (også kendt som kildekode) direkte i din bro .ser.

husk, dette ændrer kun den lokale version på din computer og omskriver faktisk ikke noget på serveren. Det er bare en forhåndsvisning.

men vent, der er mere!

Der er nu en måde at foretage redigeringer på dit websiteebsted ved hjælp af din bro !sers udviklerværktøjer, der kan gemmes permanent på serveren, så fortsæt med at læse!

Her er den trinvise proces til redigering af en Googleebside ved hjælp af Google Chrome.,

Sådan redigeres et websiteebsted ved hjælp af udviklingsværktøjer

  • Åbn en webebside med Chrome, og hold musen over det objekt, du vil redigere (dvs.: tekst, knapper eller billeder).højreklik på objektet og vælg “Undersøg” i genvejsmenuen.Udviklerværktøjerne åbnes i den nederste halvdel af din skærm, og det valgte element fremhæves i grænsefladen, også kendt som DOM.
  • Dobbeltklik på det valgte objekt, og det skifter til redigeringstilstand., Du kan erstatte tekst-eller stilattributterne (dvs.farver, skrifttyper, afstand) og derefter klikke uden for DOM for at anvende ændringerne.
  • brug genvejen “find” til at hjælpe dig med at søge efter specifikke tekst-eller stilattributter. (“CMD + F” på Mac eller “CTRL + F” på PC ‘ en)

Rediger enhver hjemmesides tekst ved hjælp af vores smarte bookmarklet

  • Fremhæve med fed skrift nedenfor:
    javascript: – dokument.krop.contentEditable = ‘true’; dokument.designMode= ‘on’; void 0
  • træk den fremhævede tekst ind i din bogmærkelinje.,
  • Klik på ikonet, når du vil redigere tekst på en side!

nu hvor du ved, hvordan du ændrer et websiteebsted, lad os vende tilbage til det vigtigste.

Sådan redigeres dit websiteebsted og gemmes ændringerne

Dette kunne ikke være enklere. Hvis dit websiteebsted er bygget og hostet med PageCloud, kan du bruge din bro .sers udviklerværktøjer til at foretage permanente redigeringer af nogen af dine .ebsider.

brug af udviklerværktøjerne med PageCloud:

  • Log ind på PageCloud.,
  • gå til siden på dit websiteebsted, du vil ændre.
  • Klik på’ Rediger side ‘ symbolet i nederste højre hjørne. Hvis du ikke kan se det, skal du opdatere siden. (“CMD + R” på Mac eller “CTRL + R” på PC).
  • når editoren er indlæst, skal du følge disse trin.
  • Hit Gem i editoren eller brug genvejen: (“CMD + s “på Mac eller” CTRL + S ” på PC).

let ret?

hvad med nogle endnu bedre nyheder? Du kan omgå udviklerværktøjerne og blot foretage ændringer lige i editoren., PageCloud giver dig mulighed for helt at tilpasse dine sider uden nogensinde at skulle gå ind i kildekoden. Bare klik og rediger ved hjælp af paletten. Hvis du aldrig har skrevet kode, vil dette være en meget mere brugervenlig grænseflade!

Find ud af, Hvordan at opbygge en professionel hjemmeside for at få flere tips om at skabe en hjemmeside med PageCloud

Hvis du er udvikler og ønsker at tage dit websted til det næste niveau, du kan få adgang til JavaScript-editor, ved at bruge “J + S” genvej, mens du er logget ind i PageCloud hjemmeside editor.

Aldrig hørt om PageCloud?, prøv det gratis i dag, og opbyg et brugerdefineret websiteebsted, der giver dig fuld frihed til at foretage alle de ændringer, du ønsker! Tilmeld dig en gratis prøveperiode, og kom i gang med PageCloud!

Share

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *