Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(