Drupal 8 https://monkeysatkeyboards.com/index.php/ en Our Drupal 8 Upgrade https://monkeysatkeyboards.com/index.php/blog/our-drupal-8-upgrade <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--blog-entry.html.twig x field--node--title.html.twig * field--node--blog-entry.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Our Drupal 8 Upgrade</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--blog-entry.html.twig * field--node--body.html.twig * field--node--blog-entry.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><img alt="Drupal logo" data-entity-type="file" data-entity-uuid="4e253ff0-78dc-49bc-93fd-82da8004e213" src="/sites/default/files/inline-images/index.png" style="margin: 0 2em 2em 0" class="align-left" width="210" height="240" loading="lazy" />Recently we relaunched our website using Drupal 8. It was migrated from the original version 7 site. Overall we rank the experience overwhelmingly positive.</p> <h3>Migrate From Drupal 7</h3> <p>We only hit one hitch when following the <a href="https://www.drupal.org/docs/8/upgrade/upgrade-using-the-migration-user-interface">instructions</a>. The development setup did not have all the uploaded image files from the original site. This resulted in perplexing log messages. After downloading the image files, the migration worked without issue.</p> <h3>Theming: Zen to Classy</h3> <p>Past experience lead us to appreciate Zen. It was a clean solution that used minimal HTML and CSS to get a website started. Creating a theme with Zen was a blank slate. The Drupal 8 version seems to be more complex and is not well documented. We had limited success using the supplied example.</p> <p>Switching to the built-in Classy made things simpler. It gave us a more familiar blank slate to build our own styles and templates.</p> <p>Working with Twig is a pleasure. It's a huge improvement over the old mix of HTML and PHP. The <a href="https://sqndr.github.io/d8-theming-guide/twig/twig-debug.html">Twig debugging</a> facility is a huge improvement in Drupal 8. It shows which template generated something in HTML comments. Tracking that information down in Drupal 7 was often difficult.</p> <h3>Configuration</h3> <p>Configuration files are a major improvement. In the past, we limited ourselves to modules that supported <a href="https://www.drupal.org/project/features">Features</a>. This is no longer a concern. Configuration is handled in the same publishing system as our code.</p> <h3>Content Authoring</h3> <p>The new in-place quick edit feature is very good.</p> <p>The arrangement of the content editing page is nice. It gives more visual weight to the content editing facilities and less weight to infrequently used controls such as URL paths and meta tags. This helps authors focus on what's important.</p> <p>Workflow has improved for developers and site builders. The same is not true for content authors. There is no support for staging content before publication. This is a feature we would love to offer to clients.</p> <h3>Development</h3> <p>The plug-in system is nice. The bigger modules of Drupal 7 were organizing things into plug-ins already, making it a natural progression. The namespace system results in highly organized code.</p> <p>Pre-processing items before theming and altering forms work the same as Drupal 7. We were therefore able to get started quickly.</p> <h3>Conclusion</h3> <p>Drupal 8 is a nice platform with tons of potential. We look forward to building customer sites using this technology.</p> <p> </p> <p><em>Hire us to build your site, <a href="/contact/i_need_a_web_site">request a quote today</a>.</em></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--uid--blog-entry.html.twig x field--node--uid.html.twig * field--node--blog-entry.html.twig * field--uid.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <span class="field field--name-uid field--type-entity-reference field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/index.php/users/fletch" lang="" about="/index.php/users/fletch" typeof="schema:Person" property="schema:name" datatype="" class="username">Fletch</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--created--blog-entry.html.twig x field--node--created.html.twig * field--node--blog-entry.html.twig * field--created.html.twig * field--created.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <span class="field field--name-created field--type-created field--label-hidden">Fri, 11/18/2016 - 13:23</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-tags--blog-entry.html.twig * field--node--field-tags.html.twig * field--node--blog-entry.html.twig * field--field-tags.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-tags field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/index.php/tags/drupal" hreflang="en">Drupal</a></div> <div class="field__item"><a href="/index.php/tags/drupal-8" hreflang="en">Drupal 8</a></div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> Fri, 18 Nov 2016 21:23:37 +0000 Fletch 384 at https://monkeysatkeyboards.com Diving into Drupal 8 https://monkeysatkeyboards.com/index.php/blog/diving-drupal-8 <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--blog-entry.html.twig x field--node--title.html.twig * field--node--blog-entry.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Diving into Drupal 8</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--blog-entry.html.twig * field--node--body.html.twig * field--node--blog-entry.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><img alt="Orange Drupal 8 Logo" src="https://monkeysatkeyboards.com/sites/default/files/OrangeDrupal8Logo-01_0.png" style="width: 175px; height: 208px; border-width: 0px; border-style: solid; margin: 15px; float: left;" title="Orange Drupal 8 Logo" />We monkeys are re-designing our site and using Drupal 8 for the first time! We've been watching the progress and are excited to test it out. Dave will be writing about the technical side; documenting his challenges and successes. He's been working with Drupal since 2007 and version 4.7. Personally, I started using it actively in November of 2008 but initially I was only adding content in the form of galleries and blog posts to my art website.</p> <p>Now I'm considerably more involved in the backend: installing and configuring modules; SEO optimization; and social media integration.</p> <p>Since I'm not sure what we'll be encountering along the way, I'll share with you some of the functionality I'm curious about:</p> <ul><li> WYSIWYG text editors. Dave likes to write his blogs in code, but for me and most of our clients, a functional, user friendly, customizable WYSIWYG editor is critical.</li> <li> Non-text content. How will Drupal 8 work for different content types: embedded videos, GIFs, slideshows, inserted images. What mobile challenges might we encounter with the different file types?</li> <li> Any new ways to ensure content is easily shareable and discoverable? Specifically how social network cards, metatags, RSS feeds, and XML site maps are currently the backbone of that structure.</li> <li> eCommerce solutions. We have three client sites with online shops; how will Drupal 8 integrate with external payment systems, SSL certificates, and how easy will it be to migrate over.</li> </ul><p>Dave set up our dev environment yesterday, and I must say that my initial reaction is positive! In regards to the general backend, it's clean and the placement of menus is familiar. I was disappointed that drop down menus were still not part of the core and found <a href="https://www.drupal.org/project/admin_toolbar">Admin Toolbar</a> to add that functionality. For our Drupal 7 sites, we are using Adminimal, but it did not play well with the dropdown menu, so other than that we're using the basic back end.</p> <p>The most impressive thing for me is the "Quick Edit" function which allows users to edit directly on the view screen; woohoo, inline editing!. From the other side of the office, Dave is grumbling a bit as the first content migration is missing some of our data.</p> <p>Some other questions we hope to answer during our initial prodding:</p> <ul><li> How difficult will it be to migrate custom built tools?</li> <li> How much of our existing schema and content can be easily migrated?</li> <li> How difficult will it be to import or recreate Features from Drupal 7?</li> <li> Will user permissions be similar to Drupal 7 or will we have to rebuild/rework the permissions grids?</li> </ul><p>Stay tuned for our adventures learning Drupal 8!</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--uid--blog-entry.html.twig x field--node--uid.html.twig * field--node--blog-entry.html.twig * field--uid.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <span class="field field--name-uid field--type-entity-reference field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/index.php/users/laura" lang="" about="/index.php/users/laura" typeof="schema:Person" property="schema:name" datatype="" class="username">Laura</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--created--blog-entry.html.twig x field--node--created.html.twig * field--node--blog-entry.html.twig * field--created.html.twig * field--created.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <span class="field field--name-created field--type-created field--label-hidden">Wed, 02/17/2016 - 12:56</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-tags--blog-entry.html.twig * field--node--field-tags.html.twig * field--node--blog-entry.html.twig * field--field-tags.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-tags field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/index.php/tags/drupal-8" hreflang="en">Drupal 8</a></div> <div class="field__item"><a href="/index.php/tags/re-design" hreflang="en">Re-design</a></div> <div class="field__item"><a href="/index.php/tags/announcement" hreflang="en">Announcement</a></div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> Wed, 17 Feb 2016 20:56:03 +0000 Laura 372 at https://monkeysatkeyboards.com