Efter vår infografik om hur WordPress fungerar bakom kulisserna bad flera användare oss att täcka hur ett WordPress-tema fungerar bakom kulisserna.
I den här artikeln kommer vi att förklara WordPress mall-hierarki för nybörjare. Denna fusklapp är extremt användbar när du customiserar en template eller skapar ett eget WordPress theme.
Pro tips: Vill du skapa custom landing pages utan att ändra ditt WordPress theme? Prova SeedProd, det är den #1 rankade drag and drop WordPress page builder.
Varför lära sig mer om mall-hierarki i WordPress?
Alla moderna WordPress teman består av templates, stylesheets, JavaScript och images. Tillsammans kontrollerar dessa filer hur din site ser ut för användarna.
Related to: 9 saker du måste titta efter när du väljer det perfekta WordPress temat för din site.
WordPress har en standard mall-hierarki. Detta innebär att templates med vissa filnamn påverkar specifika areas på din website. Det talar också om för dig vilket templates-namn du ska använda för ett visst objekt.
De flesta moderna WordPress-teman levereras med templates för att visa kategori, date, archives, enskilda inlägg, customize pages med mera. Som användare kan du skapa fler templates genom att skapa ett barntema.
Med detta sagt, låt oss ta en titt på hur denna mall-hierarki i WordPress fungerar bakom kulisserna.
Visualisering av WordPress mall-hierarki (fusklapp)
WordPress använder ett lättförståeligt och meningsfullt mönster för templates namn. Den visuella fusklappan under förklarar vilka template-filer som används för att visa olika pages på en WordPress site.
Här är en uppdelning av vilka WordPress template-filer som ska editeras för olika pages på en typisk WordPress site.
Vilka template-filer används av home page?
Inbyggt i WordPress visas dina blogginlägg på home page på din website. Du kan också ställa in den så att den använder en custom home page (även känd som front page) genom att besöka Settings ” Läsa page i WordPress admin area.
1. front-page.php – Om du använder en statisk front page kommer WordPress först att leta efter den här template-filen och använda den för att displayed front page.
2. home.php – Om du använder en statisk front page och du inte har front-page.php templates i ditt theme, kommer WordPress att leta efter home.php templates. Den används också för att visa standard blogginlägg på homepage.
3. index.php – Om front page.php eller home.php ej finns, går WordPress tillbaka till index.php template för att visa homepage. Denna template är standard fallback template i WordPress för att visa vilken page som helst.
Vilka template-filer används av enskilt inlägg?
WordPress letar efter dessa filer för att visa ett enskilt inlägg.
1. single-{post-type}-{slug}.php – Använd den här templates för att ändra displayen av ett specifikt enskilt inlägg i valfri post type. Till exempel, om post type är ”review” och post slug är acme-phone, då skulle WordPress leta efter single-review-acme-phone.php
.
2. single-{post-type}.php – WordPress kontrollerar sedan om det finns en template för att displayed denna specifika post type. Om post typen till exempel är review, då kommer WordPress att leta efter single-review .php
.
3. single.php – WordPress kommer då att falla tillbaka till single.php
.
4. singular.php – Denna template add to en annan fallback för att visa ett enskilt inlägg från vilken post typ som helst.
5. index.php – Slutligen, som nämnts ovan, faller WordPress i slutändan tillbaka till index.php.
Vilka template-filer används av single page?
WordPress pages är en av standard post types. De tillåter dig att skapa statiska pages på din website istället för posts. Se vår guide om skillnaden mellan posts och pages.
1. Custom Page Template – Den sidmall som tilldelats till pages. Se hur du skapar en custom page template i WordPress.
2. page-{slug}.php – Om sidans slug är contact-us kommer WordPress att försöka använda page-contact-us.php
.
3. page-{id}.php – Om sidans ID:n är 17 kommer WordPress att leta efter en template-fil med namnet page-17.php
.
4. page.php – Templates för att displayed all static pages.
5. singular.php – Denna template är en standard fallback för alla objekt av typen enskilt inlägg.
6. index.php – Den standardmässiga fallback-mallen.
Vilka templates används av archives för kategorier?
WordPress använder dessa filer för att visa kategorirelaterade pages i WordPress.
1. category-{slug}.php – Denna template används för att displayed category archive page för en specifik Category. Till exempel, om kategorins slug är reviews, kommer WordPress att leta efter templaten category-reviews.php
.
2. category-{id}.php – WordPress letar sedan efter en template med kategorins ID:n. Om ID:n för kategorin t.ex. är 17, kommer WordPress att leta efter category-17
.php.
3. category.php – Detta är standardmallen för att visa alla sidor för kategori archive i WordPress.
4. archive.php – Detta är den standard template som används av WordPress för att visa alla archive pages.
5. index.php – Standard fallback template.
Vilka template-filer används av tag archives?
WordPress använder dessa filer för att displayed tag/tagged archive pages.
1. tag-{slug}.php – Om taggens slug är fruits, kommer WordPress att leta efter tag-fruits.php
.
2. tag-{id}.php – Om taggens ID är 17, kommer WordPress att leta efter templates tag-17.php
.
3. tag.php – Standard templates för tagg archives.
4. archive. php – Standard template för alla achive pages.
5. index.php – Standard fallback template.
Vilka template-filer används av custom taxonomi archives?
Categories och tags är två standard WordPress taxonomier. Användare kan också skapa sina egna customize tax onomier. Så här letar WordPress efter templates för att visa custom taxonomi pages.
1. taxonomy-{taxonomy}-{term}.php – Om du har en custom taxonomi som anropas genre, och det finns en term ”thriller”, kommer WordPress att leta efter taxonomy-genre-thriller.php
.
2. taxonomy-{taxonomy}.php – Om taxonomin var genre skulle WordPress leta efter taxonomy-genre .php
.
3. taxonomy.php – Standard templates för att visa alla custom taxonomi archives.
4. archive.php – Standard fallback för alla archive pages i WordPress.
5. index.php– Standard fallback template i WordPress.
Vilka template-filer används av custom post types?
Här är hur WordPress letar efter templates för att visa custom post type archives.
1. archive-{post_type}.php – Om du har en post type som är review, kommer WordPress att leta efter archive-review.php
.
2. archive.php – Standard templates för att visa alla archive pages i WordPress.
3. index.php – Standard fallback template i WordPress.
Vilka template-filer används för att visa författares archives?
WordPress genererar archives pages för varje författare på din WordPress site. Så här ser det ut för författarens archive template.
1. author-{nicename}.php – Om författarens fina namn är matt, kommer WordPress att leta efter author-matt.php.
2. author-{id}.php – Om författarens ID:n för användaren är 6, kommer WordPress att leta efter author-6.php
.
3. author.php – Standard templates som används för att visa author archive pages i WordPress.
4. archive.php – Standard templates för att visa all archive pages i WordPress.
5. index.php – Standard fallback template i WordPress.
Vilka templates används för att visa date archive?
WordPress visar också dina posts på date based archive pages för månader och år. Så här ser det ut för templates för dessa pages.
1. date.php – Standard templates för date based archives.
2. archive.php – Standard templates som används för att visa författares archive pages i WordPress.
3. index.php – Standard fallback template i WordPress.
Vilka template-filer används för att visa search pages?
1. search.php – Standard page för att visa sökresultat i WordPress.
2. searchform.php – Templates för att visa ett sökformulär i WordPress.
3. index.php – Standard fallback template i WordPress.
Vilka template-filer används för att displayed 404 error pages?
Page 404 error visas när WordPress inte kan hitta det requestade innehållet. Se vår guide om hur du förbättrar din template för 404 page.
1. 404.php – Standard template för att displayed 404 error page i WordPress.
2. index.php – Standard fallback template i WordPress.
Vilka template-filer används för att visa bilagssidor?
1. MIME_type.php – Mime_type står för filtyp. Till exempel image.php, videoklipp.php, applikation.php.
2. attachment.php – Standard templates för att visa bilagssidor.
3. single-attachment.php – För att visa en enda attachment.
4. single.php – Standardmallen för att visa objekt av typen enskilt inlägg.
5. index.php – Standard fallback template i WordPress.
Vilka templates används för att visa embeds?
Sedan WordPress 4.5 kan du använda templates för att visa en post som är inbäddad i WordPress.
1. embed-{post-type}-{post_format}.php – WordPress letar först efter en template för post type och post format. Om du till exempel har en review med videoklipp kommer WordPress att leta efter embed-review-video.php
.
2. embed-{post-type}.php – Om post typen är review, kommer WordPress att leta efter embed-review.php
.
3. embed.php – Standard fallback för alla embeds.
Vi hoppas att denna tutorial hjälpte dig att lära dig mer om mall-hierarkin i WordPress. Du kanske också vill se vår lista över de bästa drag and drop page builders för WordPress.
Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Mrteesurez says
This is a well detailed post, it contains all essential templates. I am discovering news templates names and hierarchy here as I only know few of these before.
Thanks, it’s usually for we that are into development.
Moinuddin Waheed says
I have been using wordpress several years and knew only few files and thought that these are the only files behind the scene.
This is very insightful and detailed description of the template structure of all the files.
The infographic is self explanatory and helps understand which file uses what other files to display the content.
Thanks for the detailed wordpress file structure guide.
WPBeginner Support says
Glad we could clarify how the template hierarchy works
Administratör
Jiří Vaněk says
I saw the template files on FTP, but I only knew the function from them, such as function, header, footer, and that’s about it. I didn’t really know much about the rest of the files. Your infographic is perfect. It does a great job of showing how individual files are linked and what wordpress itself uses them for. One has a much better understanding of the structure of how the template works and it is then much easier to make, for example, some modifications to the source code if needed. Although I still don’t understand everything, I will try to go through the individual files of my template and find out a lot more about how it all works. Thanks for this comprehensive tutorial.
mjasia says
Hi
What about woocommerce product attributes?
How are they shown?
WPBeginner Support says
It would depend on your specific theme for how they are shown but they are treated similar to custom fields, you can see more on custom fields in our article below:
https://www.wpbeginner.com/wp-tutorials/wordpress-custom-fields-101-tips-tricks-and-hacks/
Administratör
Connie says
what about language files in children themes?
This is one of the big mysteries in WP because there are still some people (the majority!) who need translation files to get their installation in their language ;=)
WPBeginner Support says
That would be a subject for a different guide
Administratör