1 / 24

CLAS Drupal

CLAS Drupal. Our Building Perspective Rick Porter, Developer Ben Speare, Designer Mark Fullenkamp, Director. CLAS Drupal. Lack of resources Get r done mentality No planning Short term fix Aesthetics? Credibility. CLAS Drupal. Integrated Approach/Big Picture

colman
Download Presentation

CLAS Drupal

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CLAS Drupal Our Building Perspective Rick Porter, Developer Ben Speare, Designer Mark Fullenkamp, Director

  2. CLAS Drupal • Lack of resources • Get r done mentality • No planning • Short term fix • Aesthetics? • Credibility

  3. CLAS Drupal • Integrated Approach/Big Picture • Project Purpose/Requirements • Speaks to who you are: Brand • Usable • Sustainable • Accessible • Scalable

  4. CLAS Drupal

  5. CLAS Drupal

  6. CLAS Drupal Images Speak Louder…

  7. CLAS Drupal …than words.

  8. CLAS Drupal Site Configuration Drupal 7

  9. CLAS Drupal • LAMP Virtual Machine – multisite • Subdirectories • Subdomains trickier with SSL • clas.uiowa.edu/site1/site2, clas.uiowa.edu/site2/site1 • Symbolic links • Aliases cleaner • .htaccess • <FilesMatch> • DirectoryIndex

  10. CLAS Drupal Development Process • Version Control • Git • Local development • Deployment • Move configuration to code using Features • Code moves up, database moves down • Deploy via git pull, jenkins, capistrano, drush • Drush • Updates, sql-sync

  11. CLAS Drupal Modules • Must-have • Pathauto • Token • Views • Ctools • Date • Webform • Wysiswyg editor of some kind (ckeditor) • (features, context, strongarm)

  12. CLAS Drupal Modules • Important • Backup and migrate • Metatag • Feeds (tamper, xpath, youtube) • Google analytics • Jquery update • authentication of some kind (ldap, secure login)

  13. CLAS Drupal Modules • Extra • Login destination • View unpublished • Calendar • Content access • Profile, entity api • Module filter • Node convert • Override node options

  14. CLAS Drupal • How we create a basic theme: • page.tpl.php found in the system modules folder (modules/system/page.tpl.php) and move it to your theme folder (sites/all/themes/themename folder) • Also, while you are in the system folder grab html.tpl.php and maintenance-page.tpl.php and move them to your theme folder.

  15. CLAS Drupal • html.tpl.php displays the basic html structure of a single Drupal page. • Includes the header, body tags and other Drupal variables. • Override the default html.tpl.php to change the doctype to HTML5. • Page.tpl.php is the default file to display a single page. • Override and use page.tpl.php in our theme to structure the markup around Drupal’s print statements for rendering page regions as defined in the .info file. • Save page.tpl.php as page--front.tpl.php for a custom home page design.

  16. CLAS Drupal Optional files for creating a basic theme: • node.tpl.php from node modules folder in (modules/node/node.tpl.php) • Override the output of custom content types. • Control the display output of node--article.tpl.php or just use Views. • Or, to render some parts of the main node content in other areas of the node template.

  17. CLAS Drupal Optional files for creating a basic theme: • field.tpl.php from the field modules folder in (modules/field/theme/field.tpl.php) • Use this file to override the output of custom fields. • To override the image field output for the page content type, rename field.tpl.php to field--field_image--page.tpl.php. • Block.tpl.php from block modules folder in (modules/block/block.tpl.php). • Override the output of a blocks. • Rename the block file to block--blockname.tpl.php in the theme folder.

  18. CLAS Drupal What the theme folder looks like: • Fluid 960 grid - designinfluences.com/fluid960gs • Media queries can also be inline. • Ckeditor.styles.js - add custom object styles to ckeditor. • Maintenance-page.tpl.php-includes all available variables from page and html tpl files which are unavailable when the site is off-line. • .info file / base theme = fluid960 • Template.phpSome functions that we run:- Remove system menu css- Unset width and height attributes on images (7.9)- Remove (All Day) from date display- Add IE edge meta tag- Add viewport meta tag- Conditional IE css

  19. CLAS Drupal Tools for a responsive Drupal site: CSS • Fluid 960 grid- designinfluences.com/fluid960gs • Meta viewport tag • Media queries for device widths. • Set a max-width of 100% for images, leave out width & height attributes. • Tables: http://css-tricks.com/9096-responsive-data-tables/ • Device testing: http://mattkersley.com/responsive/

  20. CLAS Drupal Site set-up/configuration for users. • Text formats • Ckeditor configuration Text formats – Filtered HTML /admin/config/content/formats/filtered_html Limit HTML tags to keep out old font tags, inline css, and MS generated inline styles.

  21. CLAS Drupal Ckeditor configuration. • Filtered HTML Security • Correct faulty and chopped off HTML • Limit allowed HTML tags Toolbar Cleanup and output

  22. CLAS Drupal Ckeditor configuration.CSS options Advanced Options: In your css: #themename-cke-body, .cke_panel_frame { background:#fff !important; }

  23. CLAS Drupal Ckeditor configuration. Also in the CSS configuration - Ckeditor.styles.js

  24. CLAS Drupal

More Related