HTML layout, header/footer, etc) is defined by the HTML5 templates under this directory. Base Theme ( src/app/ directories): The primary look & feel of DSpace (e.g.Out of the box, there are three theming layers/directories to be aware of: declares all the other components of the theme. Styles/ contains the theme's global stylesĮ declares the components that should be included in the app's main bundle, such asĮager components are those that should be available immediately when first loading, such as the main parts of the homepage and components that are present on every page.Įntry components that are registered via a decorator such as These must also be included in the module's providers. Creating a Custom Theme Theme Directories & Design PrinciplesĪ theme's directory should include the following files and directoriesĪpp/ contains the theme's Angular components and should mirror the structure of src/app/Īssets/ contains the theme's custom assets, such as fonts or images Production mode provides much better performance and ensures your site fully supports SEO, etc. Keep in mind, you should NEVER run the UI in developer mode in production scenarios. This lets you find issues/bugs more rapidly and also test more rapidly. Essentially the UI will constantly "watch" for changes (as you make them) & will reload anytime you modify a file. UI will automatically reload anytime you modify a file.This lets you have development specific configs, separate from your Production settings in "" (in 7.1 or 7.0 this file was named "") UI will use a separate "" configuration file (in 7.1 or 7.0 this file was named "").This mode has several development-specific advantages: on localhost) in developer mode by running: The easiest way to achieve this is to run the User Interface locally (i.e. Whenever you are testing changes in the User Interface, may wish to see you changes "live" instead of rebuilding after each change. HTML5, the latest specification of the HTML languageįamiliarity with these technologies (or even just CSS + HTML) is all you need to do basic theming of the DSpace UI.But, Sass allows you to nest CSS rules & have variables and functions. Sass is very similar to CSS (an in fact, any CSS is valid Sass). Sass, a CSS preprocessor, for stylesheets.Bootstrap (v4.x) website framework for general layout & webpage components (buttons, alerts, etc). If you want a deeper dive into Angular concepts of Components and Templates, see Theme Technologies
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |