Acasă Explorează Ajutor
Autentificare
CityApper
/
coderedcms
oglindă de https://github.com/coderedcorp/coderedcms
2
0
Bifurcare 0
Fisiere Probleme 0 Wiki
Arbore: a1b39874b4
Ramuri Etichete
coderedcms
/
docs
/
getting_started
/
customize_design.rst

customize_design.rst 2.1 KB
Istoric Crud

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 
  1. Customize the design of your website
    2. 

  2. ====================================
    3. 

  3. 

  4. After installation, you are greeted by a barebones website.
    5. 

  5. There are a few settings you will want to change to add your own branding.
    6. 

  6. 

  7. Site name
    8. 

  8. ---------
    9. 

  9. 

  10. This is shown by default in the navbar, and also added to the title attribute of each page.
    11. 

  11. This can be changed in Settings > Sites > localhost. Hostname and port only need to be changed
    12. 

  12. when running in  production.
    13. 

  13. 

  14. Site settings
    15. 

  15. -------------
    16. 

  16. 

  17. Under Settings > Sites in the Wagtail Admin, you will want to make sure this setting is up
    18. 

  18. to date with the proper Hostname and Port. Failure to do so can cause the Preview button on
    19. 

  19. pages to return a 500 error.
    20. 

  20. 

  21. Logo & icon
    22. 

  22. -----------
    23. 

  23. 

  24. The logo that appears in the navbar, the wagtail admin, and your favicon can be set in
    25. 

  25. Settings > Layout. Here you can also change navbar settings (based on Bootstrap CSS framework).
    26. 

  26. 

  27. Menu / navigation bars
    28. 

  28. ----------------------
    29. 

  29. 

  30. Navbars are top navigation elements that create a "main menu" experience. Navbars are managed
    31. 

  31. as snippets. They render from top down based on the order they were created in.
    32. 

  32. 

  33. Footers
    34. 

  34. -------
    35. 

  35. 

  36. Similar to Navbars, footers are also managed as snippets and also render top down based on
    37. 

  37. the order they were created in.
    38. 

  38. 

  39. Custom CSS
    40. 

  40. ----------
    41. 

  41. 

  42. A django app called ``website`` has been created to hold your custom changes. In website/static/
    43. 

  43. there are custom.css and custom.js files that get loaded on every page by default. Adding
    44. 

  44. anything to these files will automatically populate on the site and override any default styles.
    45. 

  45. By default, Bootstrap 4 and jQuery are already included on the site.
    46. 

  46. 

  47. Custom HTML templates
    48. 

  48. ---------------------
    49. 

  49. 

  50. The templates directory inside the ``website`` app is empty by default. Any templates you put
    51. 

  51. in here will override the default coderedcms templates if they follow the same name and directory
    52. 

  52. structure. This uses the standard Django template rendering engine. For example, to change the
    53. 

  53. formatting of the article page, copy ``coderedcms/templates/coderedcms/pages/article_page.html``
    54. 

  54. to ``website/templates/coderedcms/pages/article_page.html`` and modify it.
    55.