{"title":"Hur man åsidosätter mallar","version":"6.0","locale":"sv","docname":"howto/overriding-templates","url":"/sv/6.0/howto/overriding-templates/","canonical":"https://djangodocs.dev/sv/6.0/howto/overriding-templates/","summary":"I ditt projekt kanske du vill åsidosätta en mall i en annan Django-applikation, oavsett om det är en tredjepartsapplikation eller en contrib-applikation som…","html":"<h1>Hur man åsidosätter mallar<a class=\"heading-anchor\" href=\"#how-to-override-templates\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h1>\n<p>I ditt projekt kanske du vill åsidosätta en mall i en annan Django-applikation, oavsett om det är en tredjepartsapplikation eller en contrib-applikation som <code class=\"docutils literal notranslate\"><span class=\"pre\">django.contrib.admin</span></code>. Du kan antingen lägga mallöverskrivningar i ditt projekts mallkatalog eller i en applikations mallkatalog.</p>\n<p>Om du har app- och projektmallskataloger som båda innehåller åsidosättningar, kommer Djangos standardmallsladdare att försöka ladda mallen från projektnivåkatalogen först. Med andra ord söks <a class=\"reference internal\" href=\"/sv/6.0/ref/settings/#std-setting-TEMPLATES-DIRS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">DIRS</span></code></a> före <a class=\"reference internal\" href=\"/sv/6.0/ref/settings/#std-setting-TEMPLATES-APP_DIRS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">APP_DIRS</span></code></a>.</p>\n<aside class=\"admonition admonition-seealso\">\n<p class=\"admonition-title\">Se även</p>\n<p>Läs <a class=\"reference internal\" href=\"/sv/6.0/ref/forms/renderers/#overriding-built-in-widget-templates\"><span class=\"std std-ref\">Åsidosätta inbyggda widgetmallar</span></a> om du vill göra det.</p>\n</aside>\n<section id=\"overriding-from-the-project-s-templates-directory\">\n<h2>Åsidosättande från projektets mallkatalog<a class=\"heading-anchor\" href=\"#overriding-from-the-project-s-templates-directory\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Först ska vi utforska hur du kan åsidosätta mallar genom att skapa ersättningsmallar i projektets mallkatalog.</p>\n<p>Låt oss säga att du försöker åsidosätta mallarna för en tredjepartsapplikation som heter <code class=\"docutils literal notranslate\"><span class=\"pre\">blog</span></code>, som tillhandahåller mallarna <code class=\"docutils literal notranslate\"><span class=\"pre\">blog/post.html</span></code> och <code class=\"docutils literal notranslate\"><span class=\"pre\">blog/list.html</span></code>. De relevanta inställningarna för ditt projekt skulle se ut så här:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">pathlib</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">Path</span>\n\n<span class=\"n\">BASE_DIR</span> <span class=\"o\">=</span> <span class=\"n\">Path</span><span class=\"p\">(</span><span class=\"vm\">__file__</span><span class=\"p\">)</span><span class=\"o\">.</span><span class=\"n\">resolve</span><span class=\"p\">()</span><span class=\"o\">.</span><span class=\"n\">parent</span><span class=\"o\">.</span><span class=\"n\">parent</span>\n\n<span class=\"n\">INSTALLED_APPS</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"o\">...</span><span class=\"p\">,</span>\n    <span class=\"s2\">&quot;blog&quot;</span><span class=\"p\">,</span>\n    <span class=\"o\">...</span><span class=\"p\">,</span>\n<span class=\"p\">]</span>\n\n<span class=\"n\">TEMPLATES</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"p\">{</span>\n        <span class=\"s2\">&quot;BACKEND&quot;</span><span class=\"p\">:</span> <span class=\"s2\">&quot;django.template.backends.django.DjangoTemplates&quot;</span><span class=\"p\">,</span>\n        <span class=\"s2\">&quot;DIRS&quot;</span><span class=\"p\">:</span> <span class=\"p\">[</span><span class=\"n\">BASE_DIR</span> <span class=\"o\">/</span> <span class=\"s2\">&quot;templates&quot;</span><span class=\"p\">],</span>\n        <span class=\"s2\">&quot;APP_DIRS&quot;</span><span class=\"p\">:</span> <span class=\"kc\">True</span><span class=\"p\">,</span>\n        <span class=\"c1\"># ...</span>\n    <span class=\"p\">},</span>\n<span class=\"p\">]</span>\n</code></pre></div>\n<p>Inställningen <a class=\"reference internal\" href=\"/sv/6.0/ref/settings/#std-setting-TEMPLATES\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">TEMPLATES</span></code></a> och <code class=\"docutils literal notranslate\"><span class=\"pre\">BASE_DIR</span></code> finns redan om du skapade ditt projekt med hjälp av standardmallen för projektet. Den inställning som behöver ändras är <a class=\"reference internal\" href=\"/sv/6.0/ref/settings/#std-setting-TEMPLATES-DIRS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">DIRS</span></code></a>.</p>\n<p>Dessa inställningar förutsätter att du har en <code class=\"docutils literal notranslate\"><span class=\"pre\">templates</span></code>-katalog i roten av ditt projekt. Om du vill åsidosätta mallarna för appen <code class=\"docutils literal notranslate\"><span class=\"pre\">blog</span></code> skapar du en mapp i katalogen <code class=\"docutils literal notranslate\"><span class=\"pre\">templates</span></code> och lägger till mallfilerna i den mappen:</p>\n<div class=\"code-block\" data-language=\"none\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">None</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"None code\"><code>templates/\n    blog/\n        list.html\n        post.html\n</code></pre></div>\n<p>Mallladdaren letar först efter mallar i katalogen <code class=\"docutils literal notranslate\"><span class=\"pre\">DIRS</span></code>. När vyerna i appen <code class=\"docutils literal notranslate\"><span class=\"pre\">blog</span></code> frågar efter mallarna <code class=\"docutils literal notranslate\"><span class=\"pre\">blog/post.html</span></code> och <code class=\"docutils literal notranslate\"><span class=\"pre\">blog/list.html</span></code> kommer laddaren att returnera de filer som du just har skapat.</p>\n</section>\n<section id=\"overriding-from-an-app-s-template-directory\">\n<h2>Åsidosätta från en apps mallkatalog<a class=\"heading-anchor\" href=\"#overriding-from-an-app-s-template-directory\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Eftersom du åsidosätter mallar som ligger utanför en av projektets appar är det vanligare att använda den första metoden och lägga mallöverskrivningarna i projektets mallmapp. Om du föredrar det är det dock också möjligt att lägga överskrivningarna i en apps mallkatalog.</p>\n<p>Kontrollera först att dina mallinställningar kontrollerar inuti appkataloger:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"n\">TEMPLATES</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"p\">{</span>\n        <span class=\"c1\"># ...</span>\n        <span class=\"s2\">&quot;APP_DIRS&quot;</span><span class=\"p\">:</span> <span class=\"kc\">True</span><span class=\"p\">,</span>\n        <span class=\"c1\"># ...</span>\n    <span class=\"p\">},</span>\n<span class=\"p\">]</span>\n</code></pre></div>\n<p>Om du vill lägga mallöverskrivningarna i en app som heter <code class=\"docutils literal notranslate\"><span class=\"pre\">myapp</span></code> och mallarna som ska överskrivas heter <code class=\"docutils literal notranslate\"><span class=\"pre\">blog/list.html</span></code> och <code class=\"docutils literal notranslate\"><span class=\"pre\">blog/post.html</span></code>, kommer din katalogstruktur att se ut som följer:</p>\n<div class=\"code-block\" data-language=\"none\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">None</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"None code\"><code>myapp/\n    templates/\n        blog/\n            list.html\n            post.html\n</code></pre></div>\n<p>Om <a class=\"reference internal\" href=\"/sv/6.0/ref/settings/#std-setting-TEMPLATES-APP_DIRS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">APP_DIRS</span></code></a> är inställd på <code class=\"docutils literal notranslate\"><span class=\"pre\">True</span></code> kommer mallladdaren att leta i appens mallkatalog och hitta mallarna.</p>\n</section>\n<section id=\"extending-an-overridden-template\">\n<span id=\"id1\"></span><h2>Utöka en åsidosatt mall<a class=\"heading-anchor\" href=\"#extending-an-overridden-template\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Med dina mallladdare konfigurerade kan du utöka en mall med hjälp av <a class=\"reference internal\" href=\"/sv/6.0/ref/templates/builtins/#std-templatetag-extends\"><code class=\"xref std std-ttag docutils literal notranslate\"><span class=\"pre\">{%</span> <span class=\"pre\">extends</span> <span class=\"pre\">%}</span></code></a> malltaggen samtidigt som du åsidosätter den. Detta kan göra att du kan göra små anpassningar utan att behöva implementera hela mallen på nytt.</p>\n<p>Du kan till exempel använda den här tekniken för att lägga till en egen logotyp i mallen <code class=\"docutils literal notranslate\"><span class=\"pre\">admin/base_site.html</span></code>:</p>\n<figure class=\"code-block code-block-captioned\" data-language=\"html+django\"><figcaption class=\"code-block-caption\"><code class=\"docutils literal notranslate\"><span class=\"pre\">templates/admin/base_site.html</span></code></figcaption>\n<div class=\"code-block-toolbar\"><span class=\"code-block-language\">Django template</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Django template code\"><code> <span class=\"cp\">{%</span> <span class=\"k\">extends</span> <span class=\"s2\">&quot;admin/base_site.html&quot;</span> <span class=\"cp\">%}</span>\n\n <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">branding</span> <span class=\"cp\">%}</span>\n   <span class=\"p\">&lt;</span><span class=\"nt\">img</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;link/to/logo.png&quot;</span> <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">&quot;logo&quot;</span><span class=\"p\">&gt;</span>\n   <span class=\"cp\">{{</span> <span class=\"nb\">block</span><span class=\"nv\">.super</span> <span class=\"cp\">}}</span>\n <span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"cp\">%}</span>\n</code></pre></figure>\n<p>Viktiga punkter att notera:</p>\n<ul class=\"simple\">\n<li><p>I exemplet skapas en fil i <code class=\"docutils literal notranslate\"><span class=\"pre\">templates/admin/base_site.html</span></code> som använder den konfigurerade katalogen <code class=\"docutils literal notranslate\"><span class=\"pre\">templates</span></code> på projektnivå för att åsidosätta <code class=\"docutils literal notranslate\"><span class=\"pre\">admin/base_site.html</span></code>.</p></li>\n<li><p>Den nya mallen utökar <code class=\"docutils literal notranslate\"><span class=\"pre\">admin/base_site.html</span></code>, som är samma mall som åsidosätts.</p></li>\n<li><p>Mallen ersätter bara blocket <code class=\"docutils literal notranslate\"><span class=\"pre\">branding</span></code>, lägger till en egen logotyp och använder <code class=\"docutils literal notranslate\"><span class=\"pre\">block.super</span></code> för att behålla det tidigare innehållet.</p></li>\n<li><p>Resten av mallen ärvs oförändrad från <code class=\"docutils literal notranslate\"><span class=\"pre\">admin/base_site.html</span></code>.</p></li>\n</ul>\n<p>Den här tekniken fungerar eftersom malladdaren inte tar hänsyn till den redan laddade override-mallen (på <code class=\"docutils literal notranslate\"><span class=\"pre\">templates/admin/base_site.html</span></code>) när den löser <code class=\"docutils literal notranslate\"><span class=\"pre\">extends</span></code>-taggen. Kombinerat med <code class=\"docutils literal notranslate\"><span class=\"pre\">block.super</span></code> är det en kraftfull teknik för att göra små anpassningar.</p>\n</section>","rootId":"how-to-override-templates","toc":[{"title":"Åsidosättande från projektets mallkatalog","anchor":"overriding-from-the-project-s-templates-directory","children":[]},{"title":"Åsidosätta från en apps mallkatalog","anchor":"overriding-from-an-app-s-template-directory","children":[]},{"title":"Utöka en åsidosatt mall","anchor":"extending-an-overridden-template","children":[]}],"breadcrumbs":[{"docname":"howto/index","title":"Hur man gör-guider","url":"/sv/6.0/howto/"}],"prev":{"docname":"howto/outputting-pdf","title":"Så här skapar du PDF-filer","url":"/sv/6.0/howto/outputting-pdf/"},"next":{"docname":"howto/custom-template-backend","title":"Hur man implementerar en anpassad mallbackend","url":"/sv/6.0/howto/custom-template-backend/"},"formats":{"html":"/sv/6.0/howto/overriding-templates/","markdown":"/sv/6.0/howto/overriding-templates.md","json":"/sv/6.0/howto/overriding-templates.json"},"source":"https://github.com/django/django/blob/stable/6.0.x/docs/howto/overriding-templates.txt","official":"https://docs.djangoproject.com/sv/6.0/howto/overriding-templates/","inVersions":["6.1","6.0","5.2"],"inLocales":["en","sv","zh-hans","ga","fr","ja","id","it","pt-br","ko","es","el","pl"]}