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

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.

Comments

Have you ever thought about including a little bit more than just your articles? I mean, what you say is fundamental and everything. Nevertheless think about if you added some great visuals or video clips to give your posts more, "pop"! Your content is excellent but with images and videos, this site could certainly be one of the best in its field. Fantastic blog!

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

Shanon Madarang from Chesapeake was searching for ocr geography coursework grade boundaries
Nari Felkins stumbled upon the resolution to a research question ocr geography coursework grade boundaries
astronomy coursework evaluation
dissertation on training and development pdf free
jay edelstein thesis

<a href=https://argumentativethesis.com/>buy essay</a>
<a href=https://ouressays.com/>buy research paper</a>

<a href=https://thecardboard.org/boardnew/showthread.php?tid=22720>what should i write my psychology paper on</a> 7b4ae9c

<a href=https://noxproxy.com/>www.NoxProxy.com</a> | IPv6 Proxy to Solve Google reCAPTCHA (V1, V2 and V3)

IPv6 Proxy for XEvil, Approved by the Botmaster Team!
IPv6 Proxy Approved by BlackhatWord Forum!

- High Quality IPv6 Proxy
- Clean IPv6 Proxy (Perfect Score)
- DNS Leak Free IPv6 Proxy
- Dedicated IPv6 Proxy (Private IPv6, Virgin IPv6)
- Anonymous IPv6 Proxy
- Rotating IPv6 Proxy (Configurable)
- Dedicated IP Proxy Server

Features:
- Authentication By User and Password
- IP authentication
- Control Your Proxy Server via API

26 Geo Locations available:
Australia - Brisbane
Brazil - Palmas
Canada - Montreal
Colombia - Cali
Djibouti - Djibouti City
France - Lyon
Germany - Munich
Hong Kong - Hong Kong
Hungary - Budapest
India - Mumbai
Indonesia - Jakarta
Japan - Osaka
Malaysia - Kuala Lumpur
Netherlands - Amsterdam
Philippines - Quezon City
Poland - Warsaw
Portugal - Porto
Singapore - Singapore
South Africa - KwaZulu-Natal
Spain - Barcelona
Sweden - Gothenburg
Switzerland - Zurich
Taiwan - Taipei City
United Arab Emirates - Abu Dhabi
United Kingdom - Birmingham
United States - Huntsville

Visit our website:
<a href=https://noxproxy.com/>www.NoxProxy.com</a> | High Quality IPv6 Proxy or IPv4 Proxy!

Contact us:
<a href=https://t.me/NoxProxyIPv4IPv6>Telegram</a> | <a href=https://join.skype.com/invite/kHFsezdD7Ivw>Skype</a> | <a href=https://noxproxy.com/contact/>Customer support</a>

On Proxy APPROVED on BlackhatWorld <a href=https://www.blackhatworld.com/seo/noxproxy-com-high-speed-high-quality-i...

Violet Bollie from Tucson was in search of popular law dissertation topics uk
Rochelle Nisbit stumbled upon the resolution to a research question popular law dissertation topics uk
embryonic stem cell research thesis statement
thesis statements for argumentative research paper
list of computer engineering thesis
u of s thesis award

<a href=https://custompaperwritingservices.com/>buying college papers online</a>
<a href=https://homeworkcourseworkhelps.com/>write my essay</a>
<a href=https://writingpaperforme.com/>academic paper writer</a>
<a href=https://essaytyperhelp.com/>essaytyper</a>

<a href=https://kathymarks.com/drupal8-online-training?page=13801#comment-716668... to cite a doctoral thesis</a> 80ff39c

What's Taking place i am new to this, I stumbled upon this I've discovered It absolutely useful and it has aided me out loads. I'm hoping to give a contribution & aid other customers like its aided me. Great job.

Emmalee Lebon from Independence was on the hunt for writing website in c
Carlee Reidinger uncovered the response to an inquiry writing website in c
digital divide dissertation
financial risk management dissertation topics
guide to writing history dissertation
eugene de villiers phd thesis

<a href=https://payforanessaysonline.com/>essay buy</a>
<a href=https://custompaperwritingservices.com/>order essay</a>

<a href=https://idealbeauty.kz/news/aleksandr-coy-tehnika-zhenskih-strizhek-mash... help writing papers</a> 09ca0c4

Emili Shockey from Gastonia was on the hunt for how to write a history thesis proposal
Alfie Weinfurter uncovered the response to an inquiry how to write a history thesis proposal
good geography dissertation topics for law
how to cite a doctoral dissertation
undergraduate education dissertation
what makes a good literary thesis statement

<a href=https://custompaperwritingservices.com/>buy papers for college online</a>
<a href=https://payforanessaysonline.com/>paper helper</a>
<a href=https://dissertationwritingtops.com/>best essay writing services</a>

<a href=https://battletech-mercenaries.com/merc-net/viewtopic.php?f=4&t=6794&p=4... of the essay thesis</a> c4980ff

Very nice post. I just stumbled upon your blog and wished to say that I have really enjoyed surfing around your blog posts. After all I'll be subscribing to your rss feed and I hope you write again soon!

What's up to every body, it's my first visit of this blog; this blog consists of awesome and really excellent material in favor of readers.

Woah! I'm really enjoying the template/theme of this site. It's simple, yet effective. A lot of times it's difficult to get that "perfect balance" between usability and visual appearance. I must say you have done a very good job with this. In addition, the blog loads very fast for me on Chrome. Excellent Blog!

I read this article completely regarding the comparison of hottest and previous technologies, it's remarkable article.

Ericka Petrusky from Sacramento was searching for dissertations on special educational needs
Viviana Beesley stumbled upon the resolution to a research question dissertations on special educational needs
thesis on john donne
sample mba dissertation questionnaire

<a href=https://ouressays.com/>buying a research paper</a>
<a href=https://writeadissertation.com/>writing help</a>
<a href=https://domycollegehomeworkforme.com/>coursework help</a>
<a href=https://domyhomeworkformecheap.com/>do my college homework</a>

<a href=https://mandolinbrothers.in/index.php/home/blogpostdetail/mandolin-u-raj... resume system technical writer xml</a> f39c326

<a href=https://noxproxy.com/>www.NoxProxy.com</a> | IPv6 Proxy to Solve Google reCAPTCHA (V1, V2 and V3)

IPv6 Proxy for XEvil, Approved by the Botmaster Team!
IPv6 Proxy Approved by BlackhatWord Forum!

- High Quality IPv6 Proxy
- Clean IPv6 Proxy (Perfect Score)
- DNS Leak Free IPv6 Proxy
- Dedicated IPv6 Proxy (Private IPv6, Virgin IPv6)
- Anonymous IPv6 Proxy
- Rotating IPv6 Proxy (Configurable)
- Dedicated IP Proxy Server

Features:
- Authentication By User and Password
- IP authentication
- Control Your Proxy Server via API

26 Geo Locations available:
Australia - Brisbane
Brazil - Palmas
Canada - Montreal
Colombia - Cali
Djibouti - Djibouti City
France - Lyon
Germany - Munich
Hong Kong - Hong Kong
Hungary - Budapest
India - Mumbai
Indonesia - Jakarta
Japan - Osaka
Malaysia - Kuala Lumpur
Netherlands - Amsterdam
Philippines - Quezon City
Poland - Warsaw
Portugal - Porto
Singapore - Singapore
South Africa - KwaZulu-Natal
Spain - Barcelona
Sweden - Gothenburg
Switzerland - Zurich
Taiwan - Taipei City
United Arab Emirates - Abu Dhabi
United Kingdom - Birmingham
United States - Huntsville

Visit our website:
<a href=https://noxproxy.com/>www.NoxProxy.com</a> | High Quality IPv6 Proxy or IPv4 Proxy!

Contact us:
<a href=https://t.me/NoxProxyIPv4IPv6>Telegram</a> | <a href=https://join.skype.com/invite/kHFsezdD7Ivw>Skype</a> | <a href=https://noxproxy.com/contact/>Customer support</a>

On Proxy APPROVED on BlackhatWorld <a href=https://www.blackhatworld.com/seo/noxproxy-com-high-speed-high-quality-i...

Karlyn Sizelove from Bryan was on the hunt for legalization of cannabis thesis statement
Lynde Schoch stumbled upon the resolution to a research question legalization of cannabis thesis statement
what is the difference between thesis and research papers
dissertation writing naoum
emancipatory city thesis
thesis supervisor letter

<a href=https://custompaperwritingservices.com/>reviews of research paper writing service</a>
<a href=https://writingpaperforme.com/>order essay</a>

<a href=https://forum.plitv.tv/index.php?topic=3926.new#new>thesis topics for computer engineering students</a> 9c09ca0

Hi! I know this is kind of off-topic however I had to ask. Does running a well-established website like yours require a lot of work? I am brand new to operating a blog however I do write in my diary on a daily basis. I'd like to start a blog so I can share my experience and thoughts online. Please let me know if you have any ideas or tips for new aspiring bloggers. Thankyou!

Florette Mitchelle from Scottsdale was seeking definition thesis sentence
Elora Jeffs discovered the solution to a search question definition thesis sentence
dissertation binding in oxford
critical essay thesis statement examples
media english coursework

<a href=https://payforanessaysonline.com/>paper helper</a>
<a href=https://topswritingservices.com/>biology essay writing service</a>

<a href=https://thecardboard.org/boardnew/showthread.php?tid=24188>writing service cleveland ohio</a> a0c4980

Devina Tordsen from Portland was seeking uk essay custom
Tina Tufte discovered the solution to a search question uk essay custom
thesis widgets not showing
building automation thesis
thesis example apa style format
une dissertation en francais

<a href=https://writeadissertation.com/>how to write an argumentative essay</a>
<a href=https://essayservicehelp.com/>paper writer services</a>
<a href=https://domyhomeworkformecheap.com/>write my essay</a>
<a href=https://essayssolution.com/>essay typer</a>

<a href=http://vsasemya.ru/forum/thread188222-10.html#new>assingment writing help for unversity student in australia</a> d66951_

My family every time say that I am killing my time here at web, but I know I am getting know-how everyday by reading thes pleasant articles or reviews.

Muire Pesick from Philadelphia was on the hunt for handling data gcse maths coursework
Saraann Goossen located the reply to a search question handling data gcse maths coursework
doctoral thesis on leadership
ru thesis lab
online professional resume writing services perth

<a href=https://custompaperwritingservices.com/>reviews of research paper writing service</a>
<a href=https://helpwithdissertationwriting.com/>custom paper</a>
<a href=https://theessayswriters.com/>writing services</a>
<a href=https://domycollegehomeworkforme.com/>do my homework for me cheap</a>

<a href=http://11.allad.ge/thread-1989-post-66418.html#pid66418>a good thesis statement for teenage pregnancy</a> ae9c09c

Cinda Udicious from Port Arthur was searching for woodrow wilson national fellowship foundation dissertation fellowships
Mei Alexandra stumbled upon the resolution to a research question woodrow wilson national fellowship foundation dissertation fellowships
scientific thesis format
dissertation on customer service training
making a thesis statement for an essay
thesis topics for microfinance

<a href=https://essaytyperhelp.com/>essay writer</a>
<a href=https://englishessayhelp.com/>cheap essay help</a>

<a href=https://battletech-mercenaries.com/merc-net/viewtopic.php?f=4&t=9824&p=4... dissertations corrigées</a> 77b4ae9

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

Good post. I absolutely love this website. Stick with it!

Lyndell Defrancis from Waco was trying to find salad fingers thesis website
Sheila-Kathryn Avitia uncovered the response to an inquiry salad fingers thesis website
business plan writing services exe process
thesis statement for invisible man by ralph ellison
philosophy essay writers

[url=https://argumentativethesis.com/]thesis search[/url]
[url=https://homeworkcourseworkhelps.com/]i do my homework in spanish[/url]

[url=https://dealsmartindia.com/product-details/42]sales copywriting service[/url] 277b4ae

Nert Royalty from Boston was in search of title defense thesis example
Filippa Henry stumbled upon the resolution to a research question title defense thesis example
example of thesis proposal outline
business plan writing services cost quartz vs granite

<a href=https://topswritingservices.com/>writing paper help</a>
<a href=https://writeadissertation.com/>phd dissertation writing service</a>
<a href=https://homeworkcourseworkhelps.com/>paper help</a>
<a href=https://essayservicehelp.com/>essay writing service uk</a>

<a href=https://thecardboard.org/boardnew/showthread.php?tid=27134>dissertation review service 02</a> b4ae9c0

Thanks for some other wonderful article. The place else could anyone get that type of info in such an ideal means of writing? I have a presentation next week, and I am on the search for such info.

I've been surfing online more than 3 hours as of late, but I never found any attention-grabbing article like yours. It's lovely worth sufficient for me. Personally, if all web owners and bloggers made just right content material as you probably did, the internet shall be a lot more useful than ever before.

Thanks for sharing your thoughts. I really appreciate your efforts and I am waiting for your next post thanks once again.

Pages

Add new comment