Built with Drupal 8: A Front-Ender's Tale of Danger and Suspense

May 3, 2015

UPDATE: In August 2015 I moved this site back to Drupal 7. Drupal 8 is still in beta, and though it's going to be fun, it's obviously not ready for prime time yet.

A few weeks ago I decided to rebuild this blog from scratch. It had been literally years since I'd posted, so I figured I'd include just a few of the last entries. Also, Drupal 8 was in beta and I'm impatient. Why not build a brand new site in 8.0.0-beta9?, I thought. How hard could it be?

So, okay. It was a little bit hard. But surprisingly, the experience wasn’t as hairy as you might expect. Here’s a summary of my adventurous, experimental walk on the wild beta side.

Installing Drupal 8

Before I go further, I should mention that I installed Drupal 8 on a previously set up local environment. (If you don’t know what that means, you can find out more here. For fellow Mac users, I’d recommend these instructions.)

Honestly, installation was a breeze. The whole process took less than 5 minutes and was similar enough to Drupal 7 that I felt on solid ground. I just downloaded and untarred core, added a new database in Mamp, went to the site in my browser and followed the instructions. Easy peasy.

Playing with core was equally as uneventful and fun. I added a new user, enabled and disabled core modules, added a new content type and a taxonomy vocabulary, tweaked permissions, etc. All without a hitch. The admin interface looks and acts almost the same as D7's. For someone who builds a lot of sites for non-technical admins, this is a big relief.

I decided this was easy. Drupal 8 was a lot more stable than I’d expected. I was feeling confident, so I decided to try creating a custom theme.

Custom Theming: Take One

Considering D8’s not even released yet, the documentation on drupal.org on Theming Drupal 8 is pretty extensive. In fact it’s so extensive, it’s a bit overwhelming at first.

If you're familiar with D7 theming and just wanted to get up and running quickly, you might prefer 27 Questions (and Answers) from My First Drupal 8 Site Build by Matt Korostoff. His article was extremely helpful, although I was glad to be have the d.o documentation to refer to when I got stuck or wanted to delve into something more deeply.

Adding JS, CSS and Font Files and Libraries

I decided to keep a hand on the tow line and created a Classy subtheme, following Matt’s instructions for setting up the x.info.yml and and x.libraries.yml files.

You can see the .info.yml file looks a lot like the .info in Drupal 7. The main difference is the way CSS and JS are added. Instead of adding them directly to the .info.yml file, you include a reference to a .libaries.yml file, and that is where you add your scripts, stylesheets and dependencies. That was probably the biggest gotcha for me--figuring out how to include JS scripts, libraries and dependencies and font libraries. There was conflicting information on the webs, but this is what worked for me:

Because I had a number of CSS and JS files, I followed the advice (from d.o. maybe?) to break them into two groups—global-styling and global-scripts,. These will now be available to every page.

My scripts.js is actually just a teeny few lines to handle the navigation bar, but surprisingly, Drupal 8 doesn’t load JQuery on every page automatically like D7 did. You have to add it as a dependency, as well as any other js you want to run on every page.

One thing I never figured out was how to add my custom fonts. I use Google's PT Serif and Inconsolata in this theme, and the only way I could get the fonts to load was by adding an @import to my main CSS file:

@import url(http://fonts.googleapis.com/css?family=Inconsolata|PT+Serif:400,400italic,700,700italic);

It works, and that'll have to do for now.

Twig Templates

I find Twig to be easier and more intuitive than the PHP of previous .tpl.php files. If you don't agree, some of the documentation on d.o might be helpful, especially Twig Coding Standards.

The Classy theme was a godsend for me when it came to creating custom templates. Whether you create a subtheme of Classy or not, you can look at the slew of templates it includes to get an idea of how to create your own.

For this theme, I needed a custom block--search-form-block.html.twig and changes to page.html.twig and node.html.twig. For instance, like Matt Korostoff, I don't much like the default "submitted by" line. To tweak it, I copied the node.html.twig from Classy, plopped it in my theme's template folder, and changed the line:

I still haven't figured out how to get my custom date/time format to print, but I'll keep working on it. :)

Custom Modules and More

I enabled a few contrib modules (Prepopulate, Youtube Field, Captcha and Recaptcha) that were absolutely required before going live. All worked beautifully out-of-the-box. However, the other contrib modules I tried gave me either a WSOD or that ghastly pink error message.

At this time I'd recommend enabling contrib modules cautiously, if at all. Most are still in dev for a reason. Maybe try them on a test install first and see what blows up.

Luckily this is a simple site that can run without many contrib modules. If you have a complex site that requires a number of them, you may have to wait a bit before they're all ported to 8. Bluespark publishes a helpful live list of the current status of the top 100 Drupal modules. Check it out to see if your modules are listed.

I'm know you're waiting on tenterhooks for your favorite modules, but remember that most of the people who create and maintain contrib modules do so on their own time and without pay. That's pretty darn generous of them, and I'm grateful for all the vacation time and off hours they spend creating modules that make my life easier. Unless I'm able to jump in alongside and start slinging code, I'm happy to wait patiently for contrib modules to be ported.

(Note to self: Patience you must have, my young padawan.)

Conclusion

The (sort of) bad news: Not everyone is crazy enough to spend two days and nights building a D8 site. It still isn't easy. You may get discouraged. You will lose sleep. I still can't get drush 7 (required for D8) to rebuild caches. Importing and exporting a database between dev and live without at least a few WSODs is nigh on impossible. I encountered a number of alien requirements and strange error messages that took time to track down and debug.

The good news: Smarter people than me are working on those problems. Yay!

More good news: I'm no longer afraid of WSODs or error screens that fill three screens. Also, I busted my local dev site and had to rebuild it so many times, I now know a great deal about installing, enabling and configuring Drupal 8.

Was it worth it? You betcha! I'm no programmer, so I was nervous about Drupal 8 coming down the pike. I'm not nervous anymore. In fact, I'm looking forward eagerly to a release candidate.

Thanks to all the people who put so much time and effort into Drupal 8. It's really spectacular, and we thank you for generously sharing your code with us.

Similar Notes

Drupal 8 Online Training

Spring Cleaning with Drupal v5

Cheating on Drupal with CSS

Comments

Noted by Packers and Mov... on July 25, 2018

If you need remarkably unique shifting experience then you need to Professional Packers Movers in Delhi. With the right infrastructure, approach, alternatives, and assistance, one of trustworthy packers & movers will turn out to be the best shifting assistance in Native Indian. More info visit: https://assuremoving.in/packers-and-movers-pune/

Noted by Packers and Mov... on July 25, 2018

The appearance organization is offering comprehensive movers, thus catering to the needs of diverse clientele. Relocating from one house to another is the most stressful job for anyone, especially for those who resides in crowded metro cities, it’s major procedure for them to take out time from their busy schedule to go house products. More info visit: https://assuremoving.in/packers-and-movers-mumbai/

Noted by Movers and Pack... on July 25, 2018

With this, the need for assistance of expert packers and movers has tremendously increased over the past few years. Your expert movers execute each and every shifting procedure in an organized way. Many customer share their bad experience on sites about the fraud packers movers, they told that my useful valuable products are damaged. More info visit: https://assuremoving.in/packers-and-movers-hyderabad/

Noted by Movers and Pack... on July 25, 2018

My shipping is totally lost. It has been hearing these types of statements from the customers mostly, who come in contact with fake packers and movers making fraud on the name of any trusted brands. Happening this insisted in many more cities, so take us necessary steps to develop our innocent audience aware about the fraud appearance and movers. More info visit: https://assuremoving.in/packers-and-movers-bangalore/

Noted by Packers and Mov... on July 25, 2018

Hundreds of unsuspecting customers are duped by fraud shifting companies every day in various cities. Here are few techniques for you to avoid before selecting a shifting organization. Never pay the whole fee before your shipping is moved from your base place. More info visit: https://assuremoving.in/packers-and-movers-chennai/

Noted by Shreya Sehgal on July 30, 2018

Delhi Escorts girls are bold when expressing their love and make the guys go for sexual course without any shyness. Delhi Call Girls are the wonderful babes who are exquisite when they instigate men for lovemaking session.
http://www.shreyasehgal.in/
http://www.delhiescorts.club/
http://www.komalshetty.com/
https://www.manvikakkar.com/
http://www.divyaangi.com/
http://www.amarleen.com/
http://www.anupreetkaur.com/
https://www.shwetamahajan.com/
http://www.shilpichawla.com/
http://www.poonamgupta.com/
http://www.shiplichawla.com/
http://www.dilkaur.com/

Noted by smart tech buzz on July 30, 2018

<a href="http://www.smarttechbuzz.org/">
smart tech buzz</a>

Noted by Christine jackson on August 2, 2018

http://freecydiadownload.com/install-appcake-repo/

Noted by Ram Chauhan on August 7, 2018

Thanks for sharing your list with us it's really helpful
http://bit.ly/2Mpg0ss

Noted by popopipi on August 14, 2018

Noted by Hiram Ansari on August 14, 2018

Thanks for sharing this list with us. Regards
http://bit.ly/2P4OK4c

Noted by maya sary on August 16, 2018

Noted by digitalworldeconomy on August 16, 2018

Thank you for some other wonderful article. Thanks for the blog.Thanks Again. Awesome.
<a href="https://digitalworldeconomy.com">Digital World Economy </a>

Noted by Delhi Escorts on August 22, 2018

In Delhi, you can avail the hot love from Delhi Escorts who are too lusty in their acts. These gals are amazing love providers that can make you reprieve in all situations. Being a hot Independent Delhi Escorts, these gals work tremendously to please their clients in a professional manner.
<a href="http://www.delhiescorts.club"> Delhi Escorts</a>
<a href="http://www.shreyasehgal.in/">Delhi Escort</a>
<a href="http://www.ashnaimittal.com">Hyderabad Call Girls</a>
<a href="https://www.shwetamahajan.com">Delhi Escorts</a>
<a href="http://shreyasehgal.com/">Hyderabad Escorts</a>
<a href="http://www.anandjot.com">Chandigarh Escorts</a>
<a href="http://www.shilpichawla.com">Escorts in Delhi</a>
<a href="http://www.amarleen.com">Escorts in Mumbai</a>
<a href="http://www.yalghis.in">Escort in Delhi</a>
<a href="http://www.shiplichawla.com">Female Escorts in Delhi</a>
<a href="http://www.anupreetkaur.com">Mumbai Escorts</a>
<a href="https://www.manvikakkar.com">Independent Mumbai Escorts</a>
<a href="http://www.komalshetty.com">Independent Escorts in Mumbai</a>
<a href="http://nirgun.in">Mumbai Call Girls</a>
<a href="http://nishaa.in">Female Mumbai Escorts</a>
<a href="http://www.divyaangi.com">Call Girl in Mumbai</a>
<a href="http://www.jhilmal.com">Female Mumbai Escorts</a>
<a href="http://www.dhavni.com">Escorts Services in Mumbai</a>
<a href="http://www.priyankaagarwal.com">Mumbai Escort</a>
<a href="http://www.mayra.club">Escorts Services Mumbai</a>
<a href="http://www.poonamgupta.com">Call Girl in Delhi</a>
<a href="http://www.dilkaur.com">Delhi Call Girls</a>
<a href="http://www.monika-tiwari.com">Independent Escorts Service in Delhi </a>
<a href="http://www.lovelykaur.com">Delhi Escorts Services</a>
<a href="http://www.russianescortsindelhi.com">Russian Delhi Escorts</a>
<a href="http://www.harmitkaur.com">Escorts Services in Chandigarh</a>
<a href="http://www.diljotkaur.com">Independent Chandigarh Escorts </a>
<a href="http://www.lovepreet-kaur.com">Hyderabad Escorts</a>
<a href="http://www.drisina.com">Hyderabad Escorts Services</a>
<a href="http://www.minikaur.com">Escort Services in Gurgaon</a>
<a href="http://www.parmilajha.com">Escorts Services in Gurgaon</a>
<a href="http://www.russianescortsindelhi.com">Russian Delhi Escorts</a>
<a href="http://www.delhicallgirls.club">Delhi Call Girl</a>
<a href="http://www.poojarathore.com">Independent Jaipur Escorts</a>
<a href="http://www.anchalkapoor.com">Jaipur Escorts Services</a>
<a href="http://www.anusaxena.com">Bangalore Escorts</a>
<a href="http://www.massagecenterindelhi.com">Delhi Massage Service </a>
<a href="http://www.massagecenterinmumbai.com">Female Mumbai Escort</a>

Noted by farooqqammar on August 27, 2018

I want you to thank for your time of this wonderful read!!! I definately enjoy every little bit of it and I have you bookmarked to check out new stuff of your blog a must read blog!
<a href=" https://www.thepottershouse.edu.pk/">Best school in karachi</a>
<a href="https://www.thepottershouse.edu.pk/nursery-in-karachi/">Nursery in karachi</a>
<a href="https://www.thepottershouse.edu.pk/montessori-in-karachi/">Montessori in karachi</a>

Noted by farooqqammar on August 27, 2018

I really like your site and I recommend it to my friends if you want to look at this website
https://www.thepottershouse.edu.pk/
https://www.thepottershouse.edu.pk/montessori-in-karachi/
https://www.thepottershouse.edu.pk/kindergarten-in-karachi/
https://www.thepottershouse.edu.pk/nursery-in-karachi/

Noted by Abhishek Kumar on September 1, 2018

Digibliss is one of the pioneers in the field of digital marketing training. We are leading internet marketing institute based in Noida providing training to professionals, entrepreneurs and students.

https://www.digibliss.in

Noted by Target Coupon Codes on September 4, 2018

This is an informative post review. I am so pleased to get this post article and nice information. I was looking forward to getting such a post which is very helpful to us.

Noted by Abhishek Kumar on September 6, 2018

https://www.digibliss.in

https://www.lotusshristi.com/

Noted by computer softwa... on September 9, 2018

thnks

Noted by system idle pro... on September 9, 2018

thnaks

Noted by how to fix miss... on September 9, 2018

thanks

Noted by system idle pro... on September 9, 2018

thnks for this

Noted by Coach Outlet St... on September 11, 2018

http://www.outletcoachonlinestores.com Coach Outlet Store Online
http://www.trudysfountainofyouth.com Coach Outlet Promo Code
http://www.wowinnovators.com Coach Outlet Online
http://www.outletscoachfactoryonline.com Coach Factory Outlet Online
http://www.outletscoachfactoryonlines.com Coach Outlet Factory Online
http://www.riverbistro.net Patriots Throwback Jersey
http://www.securitycompaniesindc.com Antonio Brown Color Rush Jersey
http://www.nfljerseysforcheapsale.com Cheap Authentic NFL Jerseys
http://www.kellyheatingandairoh.com Salute To Service Jersey
http://www.mbcbrisbane.com NBA Christmas Jerseys
http://www.mycarpetcleaningindianapolis.com Cheap NFL Authentic Jerseys
http://www.ezrims4rent.com NFL Color Rush Jerseys
http://www.gbblankets.com Maillot De Foot Pas Cher
http://www.privatecarservice.fr Maillot Foot 2018
http://www.fotobarco.es Camisetas De Futbol Baratas
http://www.oroenonsoloexpert.it Maglie Calcio A Poco Prezzo
http://www.photo-buzz.fr Maillot Pas Cher Foot
http://www.lebienimmobilier.fr Maillot Foot Maroc

Noted by Mcat result 2018 on September 16, 2018

Instructors' topic matter substance learning must go past the particular points of their educational modules. This is on the grounds that the instructor does not just characterize ideas for understudies. Instructors disclose to understudies why a specific idea or definition is worthy, <a href="https://www.pgclectures.com/mcat-result-2018">Mcat Result 2018</a> why students must know it and how it identifies with different ideas or definitions. This should be possible appropriately if the instructor has a decent comprehension of the topic.

Noted by Mcat result 2018 on September 16, 2018

This kind of understanding incorporates a comprehension of the scholarly setting and estimation of the topic. The comprehension of topic for the most part fortifies the instructor's trust in conveying exercises, along these lines making him/her a decent educator.
https://www.pgclectures.com/mcat-result-2018
https://www.pgclectures.com/category/mcat/
https://www.pgclectures.com
https://www.pgclectures.com/bise-gujranwala-11th-result-2018/
https://www.pgclectures.com/bise-lahore-11th-result-2018/
https://www.pgclectures.com/11-class-result-2018-bise-lahore/
https://www.pgclectures.com/11-class-result-2018-bise-gujranwala/
https://www.youtube.com/PGClecture?sub_confirmation=1
Experience is one of the variables that record for varieties in educator compensation, the world over (Hanushek and Rivkin, 2006). The way that compensation contrasts depend on the quantity of years the educator has served, proposes that businesses trust the instructors encounter makes him/her a superior instructor and such an educator must be persuaded to stay in the administration.

Noted by Heenabisht on September 20, 2018

https://protalktoblog.yolasite.com/
http://protalktoblog.over-blog.com/2018/09/top-business-opportunities-in...
http://protalktoblog.bravesites.com/entries/general/pay-electricity-bill...
http://protalktoblog.jigsy.com/entries/general/pay-electricity-bill-onli...

Noted by sid mehta on September 20, 2018

Noted by Dubai Escorts on September 28, 2018

I appreciate your ideas and your thoughts. Thanks for share that..
http://www.dubairoyalescorts.com/
http://www.hiredubaiescorts.com/
http://www.dubaiteenescorts.com
http://www.ddubaiescorts.com
http://www.burdubaiescorts.com
http://www.dubaigirlsescorts.com/

Noted by bisegrw 11th re... on September 28, 2018

BISE Gujranwala Board 11th Class Result 2018 https://www.pgclectures.com/bise-gujranwala-11th-result-2018/will announce soon you can Check 11th class result 2018 as soon as the board will announce it.

Noted by bise Lahore 11t... on September 28, 2018

BISE lahore 11th Class Result 2018 declared in 8 October, Intermediate students can check HSSC Part 1 Result online at https://www.pgclectures.com/bise-lahore-11th-result-2018

Noted by Shrurti Jain on October 1, 2018

I appreciate your ideas and your thoughts, Thanks for share that.
http://www.punevive.in/
http://www.shreyapuneescorts.in
http://www.dishaa.co.in/

Noted by Diet Leptosin on October 1, 2018

for those of you who are looking for a good and safe diet for the body visit the following website;

http://www.leptosinpusat.com/
http://www.leptosinpusat.com/obat-diet-leptosin-yang-aman-dan-baik-untuk...

https://lapakleptosin.wordpress.com/
https://lapakleptosin.wordpress.com/2018/09/26/makan-ringan-yang-bikin-b...
https://lapakleptosin.wordpress.com/2018/09/25/makan-sedikit-tapi-perut-...
https://lapakleptosin.wordpress.com/2018/09/24/mau-diet-tapi-gak-mau-nin...
https://lapakleptosin.wordpress.com/2018/09/22/pengen-badan-langsing-gak...
https://lapakleptosin.wordpress.com/2018/09/27/tips-langsing-yang-nyelen...
https://lapakleptosin.wordpress.com/2018/09/28/tips-untuk-mendapatkan-pe...
https://lapakleptosin.wordpress.com/2018/09/29/trend-diet-yang-paling-ba...
https://lapakleptosin.wordpress.com/2018/10/01/tips-jitu-sukses-muda-ber...

https://companyhan.blogspot.com/
https://companyhan.blogspot.com/2018/09/badan-sudah-ideal-tapi-masih-dib...
https://companyhan.blogspot.com/2018/09/badan-cantik-ideal-bukan-impian-...
https://companyhan.blogspot.com/2018/09/jenis-makan-yang-mengandung-rend...
https://companyhan.blogspot.com/2018/09/meme-yang-menyebabkan-kamu-gagal...

https://ragadesignhan.blogspot.com/
https://ragadesignhan.blogspot.com/2018/09/apa-itu-yang-dinamkan-dengan-...
https://ragadesignhan.blogspot.com/2018/09/design-untuk-halaman-rumah-ya...
https://ragadesignhan.blogspot.com/2018/09/design-ruangan-rumah-agar-tid...

https://leptosinbisnis.wordpress.com/

Noted by rani soam on October 2, 2018

Hi Guys, have a wonderful love amenity from my side as I am a hot gal offering genuine sensual love without hassles. I am a great entertainer for males seeking awesome love from me. I am a hot darling offering sensuous service. The men hire me for my hot amenity and I offer amenities which are extraordinary. I am a Delhi gal and a hot model known for my stylish outfits. I am also a sensual entertainer offering love without bounds.

Noted by Muhammad Shahzad on October 8, 2018

Thank you to tell us so much useful information. I’m glad to read it. For more information visit:
http://ihappyveteransdayimages.net

Noted by Michael Kors on October 11, 2018

http://michaelkorsbolsooutlet.com Bolsos Michael Kors Outlet
http://michaelkorsbolsosbaratos.com Bolsos Michael Kors Outlet
http://bolsomichaelkorsbaratos.com Bolsos Michael Kors Baratos
http://michaelkorsvaskastockholm.com Michael Kors Stockholm
http://michaelkorstockholm.com Michael Kors Stockholm
http://michaelkorsreastockholm.com Michael Kors Rea
http://longchampsoldesac.com Longchamp Soldes
http://longchampsoldesacpascher.com Sac Longchamp Pas Cher
http://saclongchampbandouliere.com Sac Longchamp Bandouliere

Noted by Michael Kors on October 11, 2018

Noted by Vishakha Singh on October 13, 2018

It has to be a good thing to be here on this article and i was taking a look on this info and then i have got many things from this wonderful article.You have good choices to share something fresh here.
http://www.sapnadelhi.in
http://www.southdelhicallgirls.in
http://www.thedelhiescortsservice.com
http://www.delhiescortsgirls.co.in
http://www.delhiescortsgroup.co.in
http://www.callgirldelhi.org
http://www.delhiescortgirlz.com
http://www.topglamour-escort.com
http://www.delhiescortsservices.in/
http://www.callgirlsnumbers.in/
http://www.delhiescortrates.com
http://www.delhitescorts.com/
http://www.sapnadelhi.com
http://www.miss-delhiescorts.com
http://www.miss919.info
http://www.dimple-gupta.com
http://www.247callgirls.in/

Noted by jane on October 17, 2018

download new <a href="https://anovalauncherprimeapk.com">best nova launcher themes 2018</a>

Noted by Chinmoy Pratim Borah on October 23, 2018

Thanks for sharing https://installvidmate.com https://downloadluckypatcher.co https://get-shareit.com http://get-cartoonhd.com

Noted by Chinmoy Pratim Borah on October 23, 2018

Thanks https://tutuappvip.co https://kingrootapkz.com https://get-tubemate.in https://appsapkapp.com

Noted by Neetu Kumar on October 30, 2018

Thanks very nice blog!
http://blissmarcomagency.blogspot.com/2018/09/benefits-of-hiring-best-di...
https://blissmarcom.weebly.com/
https://blissmarcom.yolasite.com/
http://blissmarcom.wikidot.com/admincss:gyarok
https://neetukumar436.wixsite.com/website

Noted by Fruits and Vege... on November 2, 2018

https://fruitsandvegetablesbenefits.com/10-health-benefits-of-lemon/

https://fruitsandvegetablesbenefits.com/health-benefits-of-lemon-treatme...
https://fruitsandvegetablesbenefits.com/lemon-health-benefits-informatio...
https://fruitsandvegetablesbenefits.com/health-benefits-of-mint/
https://fruitsandvegetablesbenefits.com/health-benefits-of-mint-treatmen...

Noted by maan on November 2, 2018

I am highly impressed to see this article.
https://s3.amazonaws.com/hostgator-coupon-code-promos/index.html

Noted by satta king 2018 on November 10, 2018

play satta king 2018

Noted by santhosh on November 13, 2018

It was a nice blog which provided me lot of details which i used to face drupal 8 Better start posting such articles in your blog so that it will be really useful awesome article.

Noted by ivf centres in delhi on November 14, 2018

Great Post…..
I found your site on google and read a few of your other posts. Keep up the good work. I just added your RSS feed to my Google News Reader. Looking forward to reading more from you down the road!
Thanks for sharing…

Noted by ivf cost in delhi on November 14, 2018

You shared very nice and detail information with us .This article contain very useful things for us I am very excited bout this one it is so nice and very useful to us.Thank you for this information .we expect this kind of important information in future also so keep it up this nice work.

Noted by ivf doctor in delhi on November 14, 2018

You write good content, I am looking for this thanks for sharing it will help others.

Noted by Muhammad shahzad on November 14, 2018

<a href="http://makarsankrantiguide.com/">Visit ThIS sITE</a>

KathyMarks.com

notes on web design

Built with Drupal 8: A Front-Ender's Tale of Danger and Suspense

Error message

Installing Drupal 8

Custom Theming: Take One

Adding JS, CSS and Font Files and Libraries

Twig Templates

Custom Modules and More

Conclusion

Similar Notes

Comments

Pages

Add new comment

Plain text