Apostrophe Tutorials | Pages: Fragments and Localization
Вставка
- Опубліковано 3 чер 2024
- UPDATE: We'd love your feedback on our tutorial video series! Click the link below to fill out our 1 minute survey via Google Forms. Responses are confidential and go a long way towards helping us continue to produce more relevant, useful content for our community. Thank you! forms.gle/LyMbys7hnHKVreRo6
In an Apostrophe project, pages provide a way to show static content, as well as dynamic content delivered by both widgets and pieces. The @apostrophecms/page-type module allows for the creation of page types. The selection of these page types by a user tells Apostrophe what template to use to render the page, what content types can be added to a page by the editor through the field schema, as well as what additional dynamic content should be added. You can have as many or as few page types as needed for your site.
While the focus of this tutorial is demonstrating how to add pages to your project, we will also be diving a little deeper into some key concepts. These concepts apply universally in Apostrophe projects. As a result, this tutorial won't be code-heavy but is crucial in fully understanding how to develop with Apostrophe.
You can follow along with this tutorial by editing the code of your own project, or by switching to the 'sec2-2-pages' branch of the project GitHub repository: github.com/apostrophecms/apos...
This tutorial, plus many more, is available in text format on our Documentation site here:
docs.apostrophecms.org/tutori...
Follow Apostrophe
Website: apostrophecms.com
Discord: chat.apostrophecms.com
X/Twitter: / apostrophecms
LinkedIn: / apostrophecms
GitHub: github.com/apostrophecms
Timestamps
0:00 - Introduction
1:23 - Creating a Header
3:28 - Localization
6:44 - Creating a Footer
7:59 - Layout.html Modification
10:21 - Alternative Configuration
11:37 - Summary - Наука та технологія
I have only css not scss, how do i make it work with only that?
You can use plain CSS - the webpack build will transpile any SASS to CSS. If you provide CSS, it will leave it untouched. The main asset file has to be `index.scss`, but you can import files with a `.css` extension into that file.