![]() We can also go ahead and copy the site logo from the umami theme into our theme, along with the images directory (failure to copy these in will break the subtheme). Inside the sass directory we’ll place a file titles style.scss. First we need to clone the repository, you can find it here on GitHub: we will clone this into your theme root. ![]() Now comes the fun part where we configure Atomic Docs.Ītomic Docs uses PHP and SASS, so you will need to have these set up on your workstation before you can start using it. In our sub-theme libraries we have defined a global library with an applicable libraries file which will house our global style.css With these two files we’ve specified that our base theme will be the umami profile found in core that we have installed. # The base theme is the umami profile found in core. We’ll create two files inside of this directory: atomic_ and atomic_ and we should end up with the following structure:ĭescription: This is a Atomic Docs demo sub-theme of the Umami example profile. To do this, we create a new directory in the themes directory, and we’ll call it “atomic_umami”. That's is a lot to chew on (no pun intended), and you shouldn’t be modifying things in core, so we’ll extend the existing theme by creating a new sub-theme. The “Umami Food Magazine” theme is installed under the core/profiles/demo_umami/themes/umami directory. With Drupal 8 set up and the “Umami Food Magazine” example installed, you should see something like this: You can check for other online tutorials on how to setup Drupal 8. As of this tutorial we’re using Drupal 8.6.1, which comes with an example site “Umami Food Magazine” so we will be using it for this example. If you do not know how to do this, you should head to Google and watch some basic tutorials on how to do this first. Now this tutorial does make the assumption that you know how to configure a new Virtual Host with either nginx or apache with PHP. It this article we’re going to be configuring and exploring the Atomic Docs styleguide generator, which can be found here: įirst we’re going to setup a new Drupal 8 project, so head on over to the Drupal site and tap that download button. While we can code one by hand, it can be far quicker and more practical to use a style guide generator. We want to see what we will get out of the box for use right away and how much extra work we’re going to need to put in to customize it to our own needs. Step 6 − You will see the following screen with updated content.The Style Guide is an excellent tool in the arsenal of frontend developers, and while I’m sure some may debate its usefulness, we all know when we’re browsing for frontend frameworks to base our new project in, we’re looking at the components page of the framework in question or the examples section. Step 5 − You can modify your content and click Save. To edit the content, click the edit link. Step 4 − Now you can see the filtered content as shown in the following screen. Select Basic page as About us type is Basic page, and click filter as shown in the following screen. You can select type of the content like Articles, Basic page or Blog entry. Not sticky − It displays the non-sticky items on your website. Sticky − It displays the sticky items on your website. Not promoted − It displays the items that not promoted on your website. Promoted − It displays the promoted items on your website. Published − It displays all the published items. Select published for About us status.įollowing are the details of the fields present in the preceding screen. You can select the status of the content as shown in the following screen. You can modify About us (About us page was created in the chapter Drupal - Create Content). ![]() Step 3 − If you have lot of content you can use Filter to search the content that you want to modify. Step 2 − You will see the same screen as the following. Step 1 − Click the tab Content as shown in the following screen. ![]() You can modify any of the previously used content type's content such as Articles, Basic page and Blog entry.įollowing are the simple steps used for modifying content. In this chapter, let us study how to Modify content in Drupal.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |