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

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!

  • 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?