By LukaM on

Hi,

I am still very new to Drupal 8 and I am currently trying to create my first Project. I want to use Bootstrap, but need to do a few changes on the Layout specially for the Frontpage. I have downloaded Bootstrap and created my own Subtheme. This is working fine so far. I now would like to add a Image Slider for the Frontpage and below that 3 Columns Teaser Boxes, which should pull in some dynamic content (Like latest News). Below that should be the latest images from the Gallery, also dynamic pulled in and on the bottom of the content area I would like to add a box with RSS Feeds from a different Website.

How can I achieve that? All will be assigned to the Content Region. Do I create a Block Element for each Box (Image Slider, Box1, Box2, Box3, Gallery, RSS) and assign that to the Front Page to the Content Region? And/Or do I have to create a View for each Box? Is there any good Tutorial I should read for this?

Not to forget that some of the Boxes will show dynamic content, like the latest News. Right now, I am not even sure how to place the Image Slider. Or would I do that straight in the twig File and create my own one for the Frontpage?

I am still very confused about the Best Practise to achieve that. I hope somebody can point me to the right direction. Thank you in advance.

⋅ Categories: Drupal 8.x

Comments

LukaM’s picture

LukaM commented

For the Image Slider I might have found a good Tutorial, which I will try out. I thought to share it, I hope this is alright.

Image Slider

sprite’s picture

sprite commented

The following free drupal themes that use bootstrap should provide models for some of the amazing things you can do with bootstrap as a base with twig theming:

The following themes are decent examples of free open source Drupal 8 themes/distributions:

https://www.drupal.org/project/magazine_lite

https://github.com/morethanthemes/magazine-lite

https://www.drupal.org/project/showcase_lite

https://github.com/morethanthemes/showcase-lite

https://www.drupal.org/project/newsplus_lite

https://github.com/morethanthemes/newsplus-lite

https://www.drupal.org/project/scholarly_lite

https://github.com/morethanthemes/scholarly-lite

Also, the following youtube videos can teach you D8 theming:

https://www.youtube.com/results?search_query="drupal+8"+theming

spritefully yours
Technical assistance provided to the Drupal community on my own time ...
Thank yous appreciated ...

LukaM’s picture

LukaM commented

Hi Sprite,
Thank you for your reply and the links. I had a look at them and tried a few out, but when i went onto the settings section of them, most was de-activated and it said available in the Premium Version. I might just stick with the Bootstrap Theme I picked. I copied the CDN Folder from the Boostrap Folder and use that as my Subtheme to change stuff. That seems to be fine. Its now just the Question how to add the different stuff to the Frontpage. Maybe any other ideas around from anyone?