At the very beginning of using the project, take care of setting up OG tags. Manually add the name, description, and URL for the image to static pagesUse an image up to 300 kb in jpg format.
Services for resetting the cache of social networks.networks (for the case when the content was updated, but in social networks it remained old):
Each article can be associated with a maximum of three tags, but not less than one.
You can also link an article to only one author.
The articles are sorted chronologically from new to old.
The page structure should look like this.
After <header> we place a block with the "content" class, and inside it we add the main section and footer
For each <body> tag, you need to add a "body" class
ExampleFollow the following rules:
Changing the color of individual page elements should only be done inside the inner styles component in the tag with the "COLORS" class
ExampleFor global color changes on all elements at once, you either need to use one of the already created components, or create your own, and then place it on the desired page
ExampleTo create your own theme, use a structure from a ready-made theme. The rules for this are as follows:
In order for the background and text color in the theme styles of the new page to change after clicking on the link (even before switching to another page) on the current page, we need to fill in the inner styles component in the tag with the "JS ALL PAGES" class. There are some rules
Example 1 | Example 2 | Example 3
Notes:
Here is a list of classes that you should not delete for the correct operation of the site
ExampleIf you need to reuse a ready-made section, then check whether this section is already a component. If not, then make it a component. And only then reuse it on other pages.
Follow the following rules:
In order to swap, add or remove buttons in navigation, you need to go to the header component and do everything you need inside the nav class element. (but it is not desirable to change or move the first element with the "nav__item" class)
ExampleSo you can edit the link on the navigation button
So you can edit the text on the navigation button
For correct operation - do not use the same links in navigation
ExampleThere are some scripts on the site that need to be removed when using this template
To remove the "buymeacoffee" widget from the site you need to remove the corresponding component from all pages.
Example