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
Spot on with this write-up, I seriously think this amazing site needs a lot more attention. I'll probably be returning to read more, thanks for the advice!
You actually stated that perfectly.
professional dissertation writing services <a href="https://homeworkcourseworkhelps.com/parts-of-a-literature-review/">liter... reviews</a> buy essays online
write my report free <a href="https://custompaperwritingservices.com/resume-and-cover-letter-service/"... and cover letter services</a> essay writers for pay
Hey there would you mind sharing which blog platform you're working with? I'm going to start my own blog in the near future but I'm having a difficult time deciding between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout seems different then most blogs and I'm looking for something completely unique. P.S Apologies for getting off-topic but I had to ask!
Nicely put. Cheers first day of college essay write an annotated bibliography how to write an evaluation essay how to write a hook for an essay research paper writing help colleges with no essays required
You revealed that effectively.
college admission essay help <a href="https://payforanessaysonline.com/college-essay-proofreader/">essay proofreading service</a> phd paper
how to write a thematic essay <a href="https://essayssolution.com/seo-content-writing/">content writing agency</a> buy essays papers
Link exchange is nothing else but it is only placing the other person's web site link on your page at proper place and other person will also do similar for you.
Nicely put, Kudos.
dissertation projects <a href="https://writingpaperforme.com/admission-essay-help/">essays help</a> dissertation editing services reviews
scholarship essay help <a href="https://homeworkcourseworkhelps.com/make-an-essay/">do my essay online</a> phd no dissertation
whoah this weblog is excellent i like studying your posts. Stay up the good work! You realize, a lot of individuals are looking round for this info, you can aid them greatly.
You mentioned that terrifically.
custom law essays <a href="https://writingpaperforme.com/annotated-bibs/">annotated bibliography writer</a> phd thesis help
custom essay writing online <a href="https://domyhomeworkformecheap.com/cheapest-essay-writing-service/">essay on service</a> writing the essay
What's up to all, how is the whole thing, I think every one is getting more from this web site, and your views are nice for new people.
This page truly has all of the information I needed concerning this subject and didn't know who to ask.
You actually revealed that effectively. stanford college essay personal statement what can you learn from writing a research essay professional writer services admission essay help top college essays
Tips effectively taken.!
how to write a research essay <a href="https://theessayswriters.com/write-my-paper-reviews/">someone to write my paper</a> how to write a essay about myself
how i can write essay <a href="https://essayssolution.com/do-my-paper-for-cheap/">write a research paper for me</a> how to write a personal narrative essay
Touche. Outstanding arguments. Keep up the good work.
Hi, i think that i noticed you visited my site thus i came to go back the favor?.I'm attempting to find things to enhance my web site!I guess its ok to make use of some of your concepts!!
Truly many of useful information!
writing better essays <a href="https://writeadissertation.com/pay-someone-to-do-my-homework/">pay to do homework</a> cheap essay writer service
the college application essay <a href="https://domycollegehomeworkforme.com/help-with-a-paper/">writing paper help</a> rutgers college essay
Truly loads of terrific advice!
heading for college application essay <a href="https://writingpaperforme.com/peer-review-essay/">review essay example</a> custom dissertation writing services
custom writing website <a href="https://domyhomeworkformecheap.com/resume-writer-service/">resume helper</a> i need help writing my essay
Cialis can be taken with or without food
<a href=https://cialisgettingtips24.com/>buy cialis 5 mg</a>
Are there any Cialis alternatives worth trying
<a href=https://cialisgettingtips24.com/>online cialis prices</a>
Combining Cialis with lifestyle changes for results
Hello there! Would you mind if I share your blog with my twitter group? There's a lot of folks that I think would really enjoy your content. Please let me know. Thanks
darknet websites <a href="https://mydarknetmarketlinks.com/ ">deep dark web </a> darknet drug links
Hello to every body, it's my first go to see of this website; this weblog consists of remarkable and actually fine stuff in favor of readers.
dark web access <a href="https://mydarknetmarketlinks.com/ ">how to get on dark web </a> darknet market
With thanks. Quite a lot of information top rated essay writing websites biography writers for hire what to write on a college essay case study writing services annotated bibiliography who can write my essay for me
darkmarkets <a href="https://mydarknetmarketlinks.com/ ">deep web search </a> darknet search engine
Incredible! This blog looks just like my old one! It's on a completely different subject but it has pretty much the same layout and design. Outstanding choice of colors!
buy norethindrone sale - <a href="https://norethgep.com/bimatoprost/">purchase lumigan sale</a> yasmin sale
darknet drug links <a href="https://mydarknetmarketlinks.com/ ">deep web drug store </a> tor market links
This article is in fact a fastidious one it assists new the web people, who are wishing for blogging.
Useful stuff. Thanks!
college life essay <a href="https://helpwithdissertationwriting.com/essay-writing-app/">admission essay writing service</a> write college essays
research proposal writing <a href="https://writingpaperforme.com/dissertation-proposal-writing-service/">di... assistance service</a> writing a narrative essay about yourself
darknet drug links <a href="https://mydarknetmarketlinks.com/ ">darknet market links </a> darkmarket link
darknet market lists <a href="https://mydarknetmarketlinks.com/ ">deep web markets </a> dark net
Thanks a lot! Quite a lot of stuff!
how to write a good dbq essay <a href="https://dissertationwritingtops.com/short-movie-review/">movie review</a> dissertation method
dissertations express <a href="https://argumentativethesis.com/essay-writing-service-cheap/">essay writting</a> essay 123 help
Wow lots of helpful advice!
prepaid visa card online casino <a href="https://casinosns.com/colorado-online-casino-no-deposit-bonus/">online casino real money colorado</a> casino online chile webpay
online casino legal states <a href="https://onlinecasinonodepositbonus.us/washington-online-casinos/">washin... state online casinos</a> bedste online casino udbetaling
deep web drug url <a href="https://mydarknetmarketlinks.com/ ">darknet market </a> dark markets 2024
My relatives all the time say that I am wasting my time here at net, however I know I am getting knowledge all the time by reading thes pleasant content.
Pretty nice post. I simply stumbled upon your weblog and wanted to say that I have truly loved browsing your blog posts. In any case I will be subscribing for your rss feed and I'm hoping you write again very soon!
blackweb <a href="https://mydarknetmarketlinks.com/ ">darknet market list </a> darknet seiten
the dark internet <a href="https://mydarknetmarketlinks.com/ ">darknet websites </a> dark web links
deep web drug markets <a href="https://mydarknetmarketlinks.com/ ">darkmarket </a> darknet markets 2024
You said this wonderfully. i need to write an essay write an article cheap custom essays thesis on content writing company write my essay for me cheap
I truly love your blog.. Very nice colors & theme. Did you build this site yourself? Please reply back as I'm planning to create my very own site and would love to find out where you got this from or exactly what the theme is named. Thanks!
free dark web <a href="https://mydarknetmarketlinks.com/ ">darknet sites </a> how to get on dark web
This is nicely put. !
bonanza slot online casino <a href="https://realmoneygamblingusa.com/sports-betting-sites/">sport betting</a> fallsview online casino promo code
unregulated online casinos <a href="https://mgmonlinecasino.us/betting-apps/">top betting apps</a> jili casino online games
Awesome information. Cheers.
hiring freelance writers <a href="https://writingpaperforme.com/proofread-essay/">how to proofread an essay</a> history dissertations
persuasive essay writing prompts <a href="https://writingpaperforme.com/buy-paper-online/">pay for writing papers</a> harvard college application essay
dark web market list <a href="https://mydarknetmarketlinks.com/ ">darknet seiten </a> dark market url
What's up all, here every one is sharing these knowledge, therefore it's pleasant to read this website, and I used to visit this weblog daily.
Many thanks. Quite a lot of data online casino slots tricks online poker real money app online casino met welkomstbonus zonder storting online free casino real money bingo casino online arizona legal online casinos
how to get on dark web <a href="https://mydarknetmarketlinks.com/ ">darkmarket list </a> darknet seiten
dark market url <a href="https://mydarknetmarketlinks.com/ ">dark market list </a> onion market
Beneficial stuff. With thanks.
casino gta online wiki <a href="https://mgmonlinecasino.us/online-games-casino/">real cash casino games</a> jocuri online gratis casino
real time online casino <a href="https://onlinecasinonodepositbonus.us/casino-online-roulette/">casino roulette game</a> bally casino online no deposit bonus
Pages
Add new comment