NemProgrammering.dk logo

Introduktion til Developer tools i Google Chrome

Avanceret WordPress » Introduktion til Developer tools i Google Chrome # 3
Denne video kræver medlemskab
Læs mere!
Introduktion til Developer tools i Google Chrome
Inkluderet:
Livstidsadgang
39 videolektioner
7 timers undervisning
Stil spørgsmål
Kursusbevis

Information om denne video

Underviser: Thomas M. Iversen   Video: 11:09   Lektion nr. 3 af 39

I denne lektion giver jeg dig en grunding indføring i Developer tools i Google Chrome. Developer tools er et gratis værktøj, som Google stiller til rådighed i deres Chrome browser. Værktøjet bliver, som navnet indikerer, hovedsageligt brugt af udviklere, og når du arbejder med f.eks. dit WordPress tema´s design og layout, er det en virkelig kraftfuldt værktøj at kunne.

Jeg viser dig de mest grundlæggende ting som værktøjet kan, så du nemt kan følge mig, når jeg i de næste mange videoer vil bruge Developer tool i forbindelse med tilretninger og fejlsøgning.

Developer tools findes også til Firefox, og i Safri hedder det “Web Development Tools”.

I næste videolektion tager vi det første skridt på vejen til at kunne tilpasse og videreudvikle vores tema. Vi skal nemlig have oprette et såkaldt child theme, som vil være det sted, hvor vores tilpasninger og udvidelser til temaet skal placeres.

Spørgsmål og kommentarer

Kun medlemmer med adgang til dette kursus kan stille spørgsmål og kommentere. Bliv medlem her!

  • Henrik F. siger:

    Hej
    Jeg har netop gennemgået videoerne om hvordan man laver sit eget tema. Jeg kan ikke få følgende videoer til at fungere – hvor du bruger template-parts og widgets. Template-parts bliver ikke registeret – så mine sider er stadigvæk statiske. og ved widget passer css. ikke punktopstillingen kører ind i bannerbilledet

    I alle de online kurser jeg har været tilmeldt på linkedin learning og udemy får man mulighed for at se koden. Er der et sted jeg har misset eller har I valgt ikke at gøre det tilgængeligt.

    Hilsen Henrik

    1. Thomas I. siger:

      Hej Henrik,

      Hvad er det præcis for en fil du har brug for? Så skal jeg se om jeg kan grave det frem.

      Mvh.

  • Jan P. siger:

    Hej Thomas
    Varför kan jag inte ändra färgen via child-themat när jag kan ändra i Developer tools i Google Chrome?
    Färgen ändrar sig när jag prövar i Developer tools. När jag kopierar från style.css och lägger in det i child-theme så blir det ingen förändring. Jag har prövat med andra koder på andra platser och då har det gått bra. Men med nedanstående kod går det inte.

    .entry-meta {
    display: block;
    clear:both;
    margin: 0 1px;
    padding: 0 5px;
    font-size: .9em;
    line-height: 2.5;
    background-color: #dddddd;
    color: #505050;
    }
    Mvh Jan

    1. Jan P. siger:

      Hej igen
      Det blir inget resultat när jag ändrar föräldrar-theme också. Färgen ändrar sig inte när jag prövar i föräldrar-theme på de linjer som fungerar i Developer tools.
      Hur kommer det sig?

      Mvh Jan

      1. Thomas I. siger:

        Hej Jan,

        Har du prøvet at tilføje !important?
        Husk også at rydde din cache, f.eks. via ctrl + F5
        Kan du se den styling du har lavet i dev tool? Hvis den er der, men er streget ud, så er det fordi der er andre stylinger der overskriver den, og så skal du bruge !important.

        Gør det en forskel?