Using fancy Html templates

Question

After I added a lots of thing to my blog I wanted to add a template but to do that it seemed like I need to override. So I created a new app that is exact replica of the first one. in the new one I would add the template and then copy and paste a bunch of code into the new one. But When I did that I was caught in an error. which was really hard to fix. After I imported the template I added a static bar/code to everything that has images, js, videos and others. But still there was no change. I hope someone can help me. If anything else is needed please do ask. I am really sorry for pasting the entire code. If I edit the code I might miss something important. There is a million difference between how it should look and not. but I cant seem to work it out.

Here's how mine should looks:

https://www.free-css.com/assets/files/free-css-templates/preview/page252/scenic/

views.py:

from django.shortcuts import render

def home(request):
    return render(request,'home.html',{})

Code:

{% load static %}




Scenic HTML Template
























     
          
     





     

          
          
               
               
               Scenic
          

          
          
               
                    Home
                    Studio
                    Our People  
                    Let's talk
               
          

     





     
     
          

               
                    
                         Your Website has a video background!
                         Feel free to download and use HTML templates from Tooplate
                         
                              Discover More
                         
                    
               

          
     

     
     





     
          

               
                    
                         Introducing Scenic
                         This template is designed for you. Sed ornare, tortor nec placerat lacinia, leo quam rutrum leo, eget posuere ipsum sem eu justo. Integer nunc libero.
                    
               

          
     





     
          

               
                    
                    
                         
                              
                         
                              
                                   
                                        Beautiful Women
                                        Click to pop up!
                                   
                              
                         
                    
               

               
                    
                    
                         
                              
                         
                              
                                   
                                        Nulla efficitur quam
                                        Sed ligula accumsan
                                   
                              
                         
                    
               

               
                    
                    
                         
                              
                         
                              
                                   
                                        Large Sea Wave
                                        Nam feugiat dui in nisi
                                   
                              
                         
                    
               

               
                    
                    
                         
                              
                         
                              
                                   
                                        Lorem ipsum dolor
                                        Mollis aliquam faucibus urna
                                   
                              
                         
                    
                              

          
     





     
          

               
                    
                    
                         Meet Our People
                    
               

               

               
                    
                         
                              
                              
                                   
                                        
                                        
                                   
                              
                         
                         Catherine Jann
                         Head Designer
                    

                    
                         
                              
                              
                                   
                                        
                                        
                                        
                                   
                              
                         
                         Luke Wara
                         Speciality Focus
                    

                    
                         
                              
                              
                                   
                                        
                                        
                                        
                                   
                              
                         
                         Mono Mana
                         Art director
                    

                    
                    
                         
                              
                              
                                   
                                        
                                        
                                   
                              
                         
                         Cherry Lynn
                         Marketing Manager
                    
               

          
     








     
          

               
                    Digital Studio
                    321 Donec et justo id risus, Malesuada pharetra,
 Tristique vestibulum,
 Lorem ipsum dolor
                    
                    
               

               

               
                    
                    About Us
                    Sed vestibulum posuere ante, eget blandit metus. Morbi sodales feugiat erat, et placerat sapien suscipit ut.
                    
                         
                         
                         
                         
                    
                    
               

               

               
                    
                         Copyright © 2018 Company Name 
                         
                         | Design: Tooplate

settings.py:

from pathlib import Path
import os

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myblog',
]

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent

[1]: https://i.sstatic.net/7UNSE.png [1]:

[1]: https://i.sstatic.net/olYzg.png [1]:

[1]: https://i.sstatic.net/z5vFL.png [1]:

Oussama jilali Arbaoui · Accepted Answer

Okay, i'm not exactly sure where did you put your template "home.html" file so i made the assumption of you putting it in the 'static' file same with all the other assets (js/css folders)

So i basically made the template section in settings.py the following:

    TEMPLATES = [
        {'DIRS': [os.path.join(BASE_DIR, 'static')],},]
    BASE_DIR = Path(__file__).resolve().parent.parent
    STATIC_URL = '/static/'

    STATICFILES_DIRS = [
       os.path.join(BASE_DIR, 'static'),
    ]

then inside "home.html", i changed every single 'myblog' to '.' and it worked just fine.

Oh, since the Auto-generated template settings basically has a specific way of searching, provided at "https://docs.djangoproject.com/en/3.2/ref/settings/#std:setting-TEMPLATES"

So provided your current settings of static files

    STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
    ]

Your django settings tells it to look for static on the same folder that manage.py is located at, (The value of the BASE_DIR) So in your html, remove 'myblog/' so the engine looks for 'static/js, static/css' however if you want to keep "myblog", inside static file which must be in the same folder as manage.py, create 'myblog' and move all the folders (js, css..) inside it so your file path would look like

mainsite: app_name
          another_app
          manage.py
          static:
                 myblog:
                        css
                        js

Apologies for the terrible answer format.

Using fancy Html templates

Answers (2)

Related Questions