Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Steps to port craft theme to work with a django app

Hello, I have already bought a license for craft theme (Admin theme). I dont have much experience with front end development. I know basics of HTML, CSS and JavaScript. My question is:

  1. Do I need extensive front end dev experience to work with Craft theme ?

  2. Can you please point me to the steps to port this theme to work with Django server and also steps to make essential changes to the layout ?

This the theme: https://themes.getbootstrap.com/product/craft-bootstrap-5-admin-dashboard-theme/

Best Regards, Adwait

user
Advaiit Rajjvaed 3 years ago
Django Bootstrap 5
1 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Faizal Author 3 years ago

Hi Advaliit,

To start working with Craft theme, it would be beneficial to have some basic knowledge of HTML, CSS, and JavaScript. However, you do not need extensive front-end development experience to work with the theme.

To port the theme to work with the Django app, you can start by understanding the file structure of the theme. Check the CSS and JS files included in the index.html template's head and foot. Once you understand which files to include on each page, the rest will be easier.

You can use the layout builder tool to prepare your HTML template.
https://preview.keenthemes.com/craft/layout-builder.html

The layout builder allows you to configure the layout with available options and preview it in real time. After deciding on a configuration, you can download the HTML code for your preferred layout by clicking the "Export" button at the bottom of the page. This will provide you with the HTML code with structured includable partials that are perfect for server-side integration. You can include the assets from your local download version.

Once you have integrated the master layout, menus, and navigation, you can proceed with your inner pages by referring to the original theme demos. This will give you an idea of how to structure your pages and use the components included in the theme.

Thanks


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(