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

Error message

  • Deprecated function: The each() function is deprecated. This message will be suppressed on further calls in menu_set_active_trail() (line 2405 of /home1/markspap/public_html/kathy/includes/menu.inc).
  • Deprecated function: implode(): Passing glue string after array is deprecated. Swap the parameters in drupal_get_feeds() (line 394 of /home1/markspap/public_html/kathy/includes/common.inc).
May 3, 2015
Drupal Planet

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 Alicepow on July 28, 2024

Tamera Tronstad from San Buenaventura was trying to find university of cincinnati dissertation defense
Georgeanne Morang uncovered the response to an inquiry university of cincinnati dissertation defense
the scarlet letter essay thesis
the dissertation an architecture student's handbook pdf free download

<a href=https://helpwithdissertationwriting.com/>writing help</a>
<a href=https://theessayswriters.com/>hire a writer for an essay</a>

<a href=https://idealbeauty.kz/news/aleksandr-coy-tehnika-zhenskih-strizhek-mash... of a mini thesis</a> 80ff39c

Noted by Alicepow on July 28, 2024

Andriette Bassil from Santa Barbara was in search of finance thesis proposal
Leia Kalmus uncovered the response to an inquiry finance thesis proposal
coursework stanford edu world
plan dissertation 2eme guerre mondiale

<a href=https://homeworkcourseworkhelps.com/>professional resume writing service</a>
<a href=https://domycollegehomeworkforme.com/>pay to write essay</a>
<a href=https://custompaperwritingservices.com/>paper help</a>
<a href=https://argumentativethesis.com/>customer service thesis</a>

<a href=http://yonghengro.gain.tw/viewthread.php?tid=1340976&extra=>master thesis powerpoint presentation</a> 6958_f8

Noted by Alicepow on July 28, 2024

Hanna Wissmann from Clarke County was searching for phd thesis outsourcing
Rhiamon Gravel stumbled upon the resolution to a research question phd thesis outsourcing
u write my paper
importance of supporting a thesis
buy custom essay tobias woolff by this boy's life

<a href=https://topswritingservices.com/>pay for an essay</a>
<a href=https://englishessayhelp.com/>help with essays</a>
<a href=https://helpwithdissertationwriting.com/>writing dissertations</a>
<a href=https://argumentativethesis.com/>essays writing service</a>

<a href=https://www.yolospeak.pl/showthread.php?tid=159&pid=66126#pid66126>free dissertation sample pdf</a> 52_c101

Noted by LamaEnups on July 28, 2024

I want to show you one exclusive program called (BTC PROFIT SEARCH AND MINING PHRASES), which can make you a rich man!

This program searches for Bitcoin wallets with a balance, and tries to find a secret phrase for them to get full access to the lost wallet!

Run the program and wait, and in order to increase your chances, install the program on all computers available to you, at work, with your friends, with your relatives, you can also ask your classmates to use the program, so your chances will increase tenfold!
Remember the more computers you use, the higher your chances of getting the treasure!

DOWNLOAD FOR FREE

Telegram:
https://t.me/btc_profit_search

Noted by Alicepow on July 28, 2024

Livia Goodnoe from Lewisville was trying to find chemistry dissertation by rafi ahmad
Carrissa Tomasetti came across the answer to a search query chemistry dissertation by rafi ahmad
best law school essay service
case study dissertation literature review samples

<a href=https://writeadissertation.com/>essays writers</a>
<a href=https://payforanessaysonline.com/>pay for essay cheap</a>
<a href=https://homeworkcourseworkhelps.com/>do my french homework for me free</a>
<a href=https://domyhomeworkformecheap.com/>essays writing services</a>

<a href=https://aopvp.com/forum.php?mod=viewthread&tid=565&pid=6165&page=1&extra... analysis essay help</a> 77b4ae9

Noted by Alicepow on July 28, 2024

Deni Hoitt from Henderson was in search of example of a conclusion thesis
Tana Pelland located the reply to a search question example of a conclusion thesis
thesis paper on wimax
michelle obama's phd thesis
presenting a case study dissertation

[url=https://writingpaperforme.com/]writing my paper for me[/url]
[url=https://topswritingservices.com/]are essay writing services safe[/url]
[url=https://writeadissertation.com/]dissertation abstracts international[/url]

[url=https://xn--80akbkalsbeeafq6a6b2f.xn--p1ai/blogs/s1_blog_4/8.php?comment... dissertation title[/url] a0c4980

Noted by Alicepow on July 28, 2024

Jewelle Lions from Hartford was searching for curriculum vitae master39s thesis
Marylynne Surrett located the reply to a search question curriculum vitae master39s thesis
aztec essay thesis
dissertation conclusions recommendations

<a href=https://theessayswriters.com/>paper writing service</a>
<a href=https://ouressays.com/>term papers for sale</a>

<a href=https://www.nigeriagasforum.com/index.php?topic=72.new#new>free dissertation topics for international business law</a> 09ca0c4

Noted by Alicepow on July 28, 2024

Mariette Lapage from Peoria was in search of good thesis for the red badge of courage
Siana Houchins located the reply to a search question good thesis for the red badge of courage
research matrix example dissertation
i need help writing a business plan guideline
medical cv writing service
passage to india thesis

<a href=https://payforanessaysonline.com/>custom writings</a>
<a href=https://dissertationwritingtops.com/>dissertation writing online</a>
<a href=https://topswritingservices.com/>custom papers</a>

<a href=https://battletech-mercenaries.com/merc-net/viewtopic.php?f=4&t=7777&p=3... columbia athletic club</a> 277b4ae

Noted by canadian drugstore on July 28, 2024

Hello, I enjoy reading through your post. I wanted to write a little comment to support you.

Noted by Alicepow on July 28, 2024

Petronilla Brutsch from Fairfield was searching for article writing services versus goods
Emlynn Silvano uncovered the response to an inquiry article writing services versus goods
custom essay writing services usa
thesis related literature example

<a href=https://essayssolution.com/>writing my essay</a>
<a href=https://domyhomeworkformecheap.com/>pay someone to do my math homework</a>
<a href=https://helpwithdissertationwriting.com/>writing a doctoral dissertation</a>
<a href=https://homeworkcourseworkhelps.com/>idk how to do my homework</a>

<a href=https://www.raymondgirardot.ca/avis-deces/avis/18092-florence-blanchard.... thesis format latex</a> 4980ff3

Noted by Alicepow on July 28, 2024

Fina Neuburger from Aurora was searching for thesis scope and limitation
Tybie Chafetz stumbled upon the resolution to a research question thesis scope and limitation
dissertation topics internal medicine
it coursework help gcse
masters thesis download

<a href=https://domycollegehomeworkforme.com/>do my college homework</a>
<a href=https://writeadissertation.com/>write my essay</a>
<a href=https://dissertationwritingtops.com/>phd.proposal</a>
<a href=https://ouressays.com/>argumentative essay</a>

<a href=http://wbbet88.com/forum.php?mod=viewthread&tid=2080&pid=990020&page=124... wandering man thesis statement</a> a0c4980

Noted by Alicepow on July 28, 2024

Candice Bugarewicz from San Francisco was in search of wegner goldin church-turing thesis
Karrie Mainer came across the answer to a search query wegner goldin church-turing thesis
thesis of spyware
thesis twitter bootstrap

<a href=https://custompaperwritingservices.com/>essay writing services review</a>
<a href=https://argumentativethesis.com/>custom essay order</a>
<a href=https://writeadissertation.com/>writing websites</a>
<a href=https://domycollegehomeworkforme.com/>can you do my homework</a>

<a href=https://www.yolospeak.pl/showthread.php?tid=159&pid=66126#pid66126>how to write a reflection for a dissertation</a> 5_29322

Noted by Alicepow on July 28, 2024

Rebekah Miley from Salinas was searching for msc dissertation contents page
Freda Alspach discovered the solution to a search question msc dissertation contents page
reed thesis tower
writing education dissertation
writing chapter 4 of a dissertation
turabian dissertation editor southern california

<a href=https://payforanessaysonline.com/>essay writing service</a>
<a href=https://essayssolution.com/>custom essay writing services</a>
<a href=https://writingpaperforme.com/>pay someone to write my paper</a>
<a href=https://domycollegehomeworkforme.com/>buy coursework</a>

<a href=https://trip.huayatai.com/forum.php?mod=viewthread&tid=12919&pid=15146&p... clothes gr</a> ca0c498

Noted by Alicepow on July 28, 2024

Athene Bombardier from Layton was on the hunt for paper thesis write
Cody Deshpande uncovered the response to an inquiry paper thesis write
how to get dissertation published
social science research council ssrc dissertation proposal development fellowship
easy thesis topics for high school students
thesis on parenting style on the academic performances of students

<a href=https://writeadissertation.com/>buy cheap essay</a>
<a href=https://essayssolution.com/>write my paper for me</a>
<a href=https://essaytyperhelp.com/>help write an essay</a>
<a href=https://topswritingservices.com/>essay writings</a>

<a href=https://maple.wowxyz.work/forum.php?mod=viewthread&tid=4405&extra=>owl writing thesis statements</a> 277b4ae

Noted by canadian pharma... on July 28, 2024

It's remarkable for me to have a site, which is valuable in support of my experience. thanks admin

Noted by Alicepow on July 28, 2024

Madlen Boshes from Las Cruces was on the hunt for best essay on national integration
Terri Caguimbal located the reply to a search question best essay on national integration
dissertation convaincre persuader introduction
dissertation methodology sample size
sander mertens thesis

<a href=https://essaytyperhelp.com/>buy cheap essay</a>
<a href=https://helpwithdissertationwriting.com/>dissertation consulting</a>
<a href=https://custompaperwritingservices.com/>essay writing service</a>

<a href=https://xn--80akbkalsbeeafq6a6b2f.xn--p1ai/blogs/s1_blog_4/8.php?comment... dissertation title</a> 0ff39c3

Noted by Alicepow on July 28, 2024

Lilas Sealander from Las Cruces was on the hunt for write thesis statement english essay
Vere Schrier located the reply to a search question write thesis statement english essay
essay the best teacher i ever hadchemistry coursework gcse help
lesson plans for teaching thesis statements

<a href=https://homeworkcourseworkhelps.com/>do my homework for money</a>
<a href=https://argumentativethesis.com/>thesis writing services</a>
<a href=https://topswritingservices.com/>paper help</a>
<a href=https://dissertationwritingtops.com/>nursing dissertation writing services</a>

<a href=http://forum.xpscenery.net/showthread.php?tid=83&pid=1444#pid1444>thesis essay topic ideas</a> c4980ff

Noted by Alicepow on July 28, 2024

Winne Golian from Tampa was trying to find thesis chapter 4 interpretation of data
Annamaria Wever uncovered the response to an inquiry thesis chapter 4 interpretation of data
custom writing wall stickers
vb net printdocument custom paper size
alfred north whitehead dissertation
thesis on direct instruction in reading programs

<a href=https://essayssolution.com/>writing help</a>
<a href=https://essayservicehelp.com/>papers writing service</a>
<a href=https://essaytyperhelp.com/>paper writing</a>
<a href=https://writingpaperforme.com/>write papers</a>

<a href=https://www.yolospeak.pl/showthread.php?tid=185&pid=66332#pid66332>resume writer service in tampa florida</a> a0c4980

Noted by Alicepow on July 28, 2024

Gillian Lepetich from Fargo was searching for help with gcse chemistry coursework
Marabel Longerbeam located the reply to a search question help with gcse chemistry coursework
final year dissertation computing
buy custom essay jonathan swift by gullivers travels
thesis on knowledge discovery

<a href=https://essayservicehelp.com/>essay writing service buy</a>
<a href=https://homeworkcourseworkhelps.com/>i can t do my homework</a>
<a href=https://dissertationwritingtops.com/>dissertation service</a>
<a href=https://essayssolution.com/>writing help</a>

<a href=https://idealbeauty.kz/news/aleksandr-coy-tehnika-zhenskih-strizhek-mash... biography examples thesis statements</a> ae9c09c

Noted by purchase stromectol on July 28, 2024

Thanks , I've just been searching for information approximately this subject for a long time and yours is the best I've came upon so far. However, what concerning the bottom line? Are you positive in regards to the source?

Noted by canada pharmacy on July 28, 2024

If some one desires to be updated with newest technologies then he must be go to see this web site and be up to date daily.

Noted by Alicepow on July 28, 2024

Jess Garski from Marysville was seeking frankenstein essay coursework
Cristine Hawker discovered the solution to a search question frankenstein essay coursework
steffen volz dissertation
dissertation topics in strategic management
how to write a formal outline for a thesis paper

<a href=https://essayservicehelp.com/>college essay writing</a>
<a href=https://essayssolution.com/>write my college essay</a>
<a href=https://writeadissertation.com/>essay writing service</a>
<a href=https://domycollegehomeworkforme.com/>courseworks help</a>

<a href=http://xianyu.imotor.com/viewthread.php?tid=8251&pid=537375&page=5&extra... 2014 mathematics t coursework sem 2</a> 9c09ca0

Noted by Alicepow on July 28, 2024

Aurelie Deringer from Kalamazoo was searching for child abuse identification reporting coursework online
Betti Heusley came across the answer to a search query child abuse identification reporting coursework online
custom written speeches
aims of the study dissertation
$1 article writing service

<a href=https://writeadissertation.com/>cheap dissertation help in los angeles</a>
<a href=https://helpwithdissertationwriting.com/>mba dissertation help</a>

<a href=https://battletech-mercenaries.com/merc-net/viewtopic.php?f=4&t=11362&p=... is a thesis statement lesson plan</a> 54_08b6

Noted by Alicepow on July 28, 2024

Audrey Rynne from Allentown was seeking alpha essay writing service
Hildy Mcmillon discovered the solution to a search question alpha essay writing service
coursework on resume templates for mac
dissertation verlag verffentlichen
how long to write dissertation

<a href=https://custompaperwritingservices.com/>best college paper writing service</a>
<a href=https://homeworkcourseworkhelps.com/>coursework help uk</a>
<a href=https://essayservicehelp.com/>writing help</a>
<a href=https://topswritingservices.com/>buy an essay</a>

<a href=http://five-respect.co.jp/bbs/sunbbs.cgi?mode=form&no=124407911&page=1>the putin thesis an</a> ca0c498

Noted by stromectol new ... on July 28, 2024

You made some really good points there. I looked on the web to learn more about the issue and found most individuals will go along with your views on this site.

Noted by Alicepow on July 28, 2024

Rubina Bux from New York City was searching for phd thesis on waste management
Wilhelmine Tressel located the reply to a search question phd thesis on waste management
parts thesis paper chapter 1
writing dissertation database
sample thesis title for mba
university of calgary archaeology thesis

[url=https://theessayswriters.com/]write a summary for me[/url]
[url=https://domyhomeworkformecheap.com/]coursework help[/url]
[url=https://essayssolution.com/]writing an opinion essay[/url]
[url=https://domycollegehomeworkforme.com/]courseworks help[/url]

[url=https://dev.t-firefly.com/forum.php?mod=viewthread&tid=5797&pid=456068&p... data mining[/url] 9c09ca0

Noted by Alicepow on July 28, 2024

Tabbie Heyn from Coral Springs was on the hunt for ecology honours thesis
Larina Greenwood discovered the solution to a search question ecology honours thesis
preis dissertation jura
thesis team communication

<a href=https://englishessayhelp.com/>myassignmenthelp</a>
<a href=https://helpwithdissertationwriting.com/>papers writing service</a>
<a href=https://domycollegehomeworkforme.com/>paper writing</a>

<a href=http://www5f.biglobe.ne.jp/%7Epfive/yybbs/yybbs.cgi?pg=20&post=71744813>... dissertation professor share strategy technique their thesis</a> 26d6695

Noted by buy stromectol on July 28, 2024

I was suggested this website by my cousin. I'm not sure whether this post is written by him as no one else know such detailed about my trouble. You are incredible! Thanks!

Noted by Alicepow on July 28, 2024

Magdalene Panko from Milwaukee was searching for paypal write my essay
Misti Aliment located the reply to a search question paypal write my essay
dissertation philosophie que faire pour etre heureux
thesis practice worksheet
dissertation free sample

<a href=https://helpwithdissertationwriting.com/>write papers</a>
<a href=https://essaytyperhelp.com/>cheap essay writing service</a>
<a href=https://topswritingservices.com/>custom essay writing services</a>

<a href=https://quentin-perceval.fr/chine/?q=node/52&page=7280#comment-5508847>e... dissertation histoire des institutions</a> 39c326d

Pages

Add new comment