{"id":780953,"date":"2023-11-04T23:42:48","date_gmt":"2023-11-05T05:42:48","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/introduktion-till-anatomin-for-ett-wordpress-tema-3\/"},"modified":"2023-11-04T23:42:48","modified_gmt":"2023-11-05T05:42:48","slug":"introduktion-till-anatomin-for-ett-wordpress-tema-3","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/introduktion-till-anatomin-for-ett-wordpress-tema-3\/","title":{"rendered":"Introduktion till anatomin f\u00f6r ett WordPress-tema"},"content":{"rendered":"

m\u00e4rka. Du kan till exempel dela upp din webbplatss body() i flera sektioner, s\u00e5som navigering, sidhuvud, huvudinneh\u00e5ll, sidof\u00e4lt och sidfot, bland annat.\n<\/p>\n

N\u00e4r du har din webbsida i sektioner kan du best\u00e4lla (eller organisera) sektionerna hur du vill med CSS. Denna process \u00e4r k\u00e4nd som styling och inneb\u00e4r att man l\u00e4gger till andra stylingelement som f\u00e4rg, storlek, kanter, specialeffekter, etc. S\u00e5dan \u00e4r kraften i CSS, som f\u00f6r \u00f6vrigt \u00e4r en f\u00f6rkortning f\u00f6r Cascading Style Sheets. N\u00e4r du s\u00e4tter ihop dina HTML- och CSS-filer och l\u00e4gger till ett par bilder f\u00e5r du en komplett webbplats.<\/p>\n

Saker och ting \u00e4r inte mycket annorlunda med WordPress-teman. Som vi s\u00e5g i del 1 av Hur man skapar ett WordPress-tema fr\u00e5n HTML \u00e4r WordPress-teman uppdelade i olika filer. Om du inte kan uppt\u00e4cka n\u00e5gra likheter vid det h\u00e4r laget, l\u00e5t mig f\u00f6rklara.<\/p>\n

Statiska HTML-webbsidor \u00e4r indelade i divisioner (vad vi kallade avsnitt ovan) med hj\u00e4lp av <\/p>\n

etiketter (eller tabeller om du verkligen \u00e4r gammal). \u00c5 andra sidan \u00e4r WordPress-teman uppdelade i olika php-filer, som sedan sammanfogas med malltaggar.<\/p>\n

D\u00e4rf\u00f6r, ist\u00e4llet f\u00f6r att ha alla body-element (sidhuvud, huvudinneh\u00e5ll, sidof\u00e4lt, sidfot, etc.) i en enda fil (som \u00e4r fallet med statisk HTML), lever var och en av body-elementen body (i WordPress-teman) i separata filer.<\/p>\n

S\u00e5 rubriken kommer att finnas i header.php, sidof\u00e4ltet kommer att hitta b\u00f6rjan i sidebar.php, huvudinneh\u00e5llet kommer att finnas i index.php eller single.php (om det \u00e4r ett inl\u00e4gg) eller page.php (om det \u00e4r en sida ) . ). Sidfotssektionen kommer att finnas i footer.php och s\u00e5 vidare.<\/p>\n

F\u00f6ljer du? Titta p\u00e5 f\u00f6ljande illustration:<\/p>\n

\"html-wordpress<\/p>\n

Fr\u00e5n v\u00e5r tidigare illustration kallas , och malltaggar. Dess uppgift \u00e4r att h\u00e4mta header.php, sidebar.php och footer.php i den ordningen fr\u00e5n din temakatalog, och visa inneh\u00e5llet i din index.php, vilket g\u00f6r webbsidan f\u00e4rdig.<\/p>\n

L\u00e5t honom inte .php<\/strong> skr\u00e4mma dig, inneh\u00e5llet i php-filer \u00e4r bara HTML-kod som du \u00e4r bekant med. Till exempel kan din header.php inneh\u00e5lla typisk HTML-listanavigering. P\u00e5 samma s\u00e4tt kan du l\u00e4gga typisk HTML-kod i footer.php, sidebar.php och index.php.<\/p>\n

Du kan ocks\u00e5 placera loop.php<\/strong> i din index.php (eller var du vill) f\u00f6r att visa dina blogginl\u00e4gg, men du b\u00f6r sakta ner och g\u00e5 tillbaka till WordPress-temans anatomi. Jag har n\u00e4mnt en sak eller tv\u00e5 om loopen i del 2 om hur man skapar ett WordPress-tema fr\u00e5n HTML. och vi kommer att prata om det (slingan) och andra funktioner i framtiden.<\/p>\n

Fram\u2026<\/p>\n

Ett grundl\u00e4ggande WordPress-tema best\u00e5r av minst fyra mallfiler, n\u00e4mligen:<\/p>\n

    \n
  1. index.php<\/li>\n
  2. header.php<\/li>\n
  3. sidebar.php<\/li>\n
  4. sidfot.php<\/li>\n<\/ol>\n

    L\u00e5t oss se vad var och en av dessa inneh\u00e5ller magisk<\/strong> filer:<\/p>\n

    <\/span>Index.php mallfil<\/span><\/h2>\n

    Detta \u00e4r huvudfilen utan vilken du inte har ett fungerande WordPress-tema. Det \u00e4r den f\u00f6rsta (eller standard) filen som laddas n\u00e4r du bes\u00f6ker en WordPress-webbplats. Betrakta det som motsvarighet till index.html.<\/p>\n

    En typisk index.php i WordPress-teman kommer att se ut s\u00e5 h\u00e4r:<\/p>\n

    \r\n\r\n\r\n\r\n<\/pre>\n
    Du kan l\u00e4gga till slingan mellan och f\u00f6r att visa blogginl\u00e4gg p\u00e5 hemsidan (index.php) som visas nedan:<\/p>\n
    \r\n\r\n\r\n<\/pre>\n
    <\/span>Header.php mallfil<\/span><\/h2>\n
    Dessa mallfiler inneh\u00e5ller din rubrikkod, navigering och HTML-huvudkod.  I princip lagrar header.php allt du vill visa h\u00f6gst upp p\u00e5 din webbplats.  Du vet, saker som titeln p\u00e5 din webbplats och s\u00e5dana saker.<\/p>\n
    Den l\u00e4nkar ocks\u00e5 till din CSS-stilmall i header.php.  H\u00e4r \u00e4r ett grundl\u00e4ggande header.php-exempel:<\/p>\n
    \r\n\r\n\t\">\r\n\t\r\n\t\r\n\t\r\n\t\">\r\n\t\" type=\"text\/css\" \/>\r\n\t\r\n\t\r\n\r\n\r\n\n
    This is header section. Put your logo and other details here.<\/p>\n<\/pre>\n
    <\/span>Sidebar.php mallfil<\/span><\/h2>\n
    Sidebar.php inneh\u00e5ller allt du beh\u00f6ver f\u00f6r att visas i dina sidof\u00e4lt.  Sidof\u00e4ltet inneh\u00e5ller ytterligare menyer, widgets, kategorier, ikoner f\u00f6r sociala medier, anpassat inneh\u00e5ll, HTML-kod som annonser, etc.<\/p>\n
    Sidebar.php kan inneh\u00e5lla ren HTML-kodning eller php-funktionsanrop beroende p\u00e5 dina behov.  Som s\u00e5dan kan en grundl\u00e4ggande sidebar.php se ut s\u00e5 h\u00e4r:<\/p>\n
    \r\n\r\nPut your custom content or HTML code here.\r\n\r\n<\/p><\/pre>\n
    <\/span>Footer.php mallfil<\/span><\/h2>\n
    Vad tror du g\u00e5r in i footer.php?  Du kan l\u00e4gga din upphovsr\u00e4ttsinformation h\u00e4r, ytterligare menyer, l\u00e4nkar, ikoner f\u00f6r sociala medier, vad du vill!  Vill du se hur en grundl\u00e4ggande footer.php ser ut?  H\u00e4r:<\/p>\n
    \r\n\r\nPut your footer content here including php function calls (to fetch different template files e.g. search.php) if need be.\r\n\r\n\r\n\r\n\r\n\r\n<\/pre>\n
    L\u00e4gg m\u00e4rke till och avslutande taggar i footer.php?  Kan du gissa varf\u00f6r de ska inkluderas i footer.php?  Likas\u00e5 kan du gissa varf\u00f6r och <\/p>\n
     Ing\u00e5r \u00f6ppningstaggarna i header.php?  L\u00e5t oss veta dina gissningar i kommentarsf\u00e4ltet i slutet av detta inl\u00e4gg \ud83d\ude09<\/p>\n
    De fyra mallfilerna vi just t\u00e4ckte ovan utg\u00f6r ett mycket grundl\u00e4ggande WordPress-tema.  Det finns m\u00e5nga andra mallfiler;  Det finns en mallfil f\u00f6r varje element du ser i ett WordPress-tema, oavsett om det \u00e4r kommentarer, s\u00f6kresultat och 404-felsidor, bara f\u00f6r att n\u00e4mna n\u00e5gra.<\/p>\n
    F\u00f6r att helt f\u00f6rst\u00e5 anatomin i ett WordPress-tema m\u00e5ste du bekanta dig med olika mallfiler.  Du kan bl\u00e4ddra bland alla mallplattor som \u00e4r anv\u00e4ndbara i WordPress.<\/p>\n
    Sedan har vi malltaggar, som WordPress anv\u00e4nder f\u00f6r att hitta mallfiler fr\u00e5n temakatalogen.  Du kan l\u00e4ra dig mer om malltaggar och vilken roll de spelar i WordPress.<\/p>\n
    <\/span>Sammanfattning<\/span><\/h2>\n
    Ett WordPress-tema best\u00e5r av f\u00f6ljande anatomiska element:<\/p>\n