Drupal Tips and Tricks

The installation, configuration and the work with Drupal obviously brings some challenges. Within this section you find some Tips and Tricks which shall help you to make your work easier.

Use the PagePeeker Screenshots module to display screenshots from websites

The probably easiest and fasted way to fetch and display screenshots from websites is to combine the PagePeeker Screenshots with the Link module. Just install and enable both of the modules, add a link field to the content type and select "Pagekeeper thumbnail" as display format (Manage Displays). You can choose between a free, a link-back and a paid version of PagePeeker.

Alternative modules:

Use the Drupal module Menu Firstchild to create menu items without links

By default, Drupal requires that you enter a path for each menu link you add/edit from the Menu administration page. There are cases you may want to create a parent item, without any path, that simply links to its first viewable child item. Menu Firstchild provides this functionality.

Another similar solution (didn't worked smoothly in all cases): Special menu items

Drupal Commerce: How to collect additional case specific (rules) information during checkout

Using Drupal Commerce to create a webshop one very often encounters situations, where one needs to retrieve additional information from customers on a case per case basis. Maybe if a particular product or product type is in the basket or if specific information for the product delivery needs to be retrieved. So you wish you could add more profile types and you could enable and disable them based on predefined rules.

Drupal module "Customer Profile Type UI"

Use the module SEO checklist to ensure basic Search Engine Optimization (SEO)

If you are not an expert of Search Engine Optimization (SEO) it might frequently happen that you are not aware of important functions that are required to ensure basic SEO. And basic SEO is absolutely key, if you want to grow the visitors of your website with the help of search engines such as Google.

Drupal 8 SEO Book: Now anyone can optimse a Drupal 8 website easily!

Since long time we are using the module SEO Checklist for the optimisation of Drupal websites. For non-experts its a great reference, for experts a nice helper module to check if all the required steps have been completed. With the launch of Drupal 8 Ben Finklea, the CEO of Volacci, created a revised version of the SEO checklist. This new release adapts to the new "module landscape" and brings the optimisation a step further. Many thanks to Ben for the great work!

 Drupal 8 SEO Book

Allow users to smoothly scroll up the page

If your website offers long pages or lists it is highly recommended to offer the visitors an easy, smooth and quick way to scroll-up to the top of the page. One solution to adress this issue is the implementation of a scroll to top button or link, which is typically displayed in the right or left bottom corner of the website.

Customize your site’s error pages

The default error messages Drupal gives your users when they navigate to a web page that they don’t have permission to view or a page that is not found can be intimidating and not really useful. Thus you have the possibility to configure specific Error pages.

Drupal Error Pages

Shrink PNG files for your Drupal website: Easy, quick and professional

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

https://tinypng.com/

TinyPNG: Shrink PNG files easy, quick and professional

Use the Drupal module "jQuery AJAX Load" for a quick and easy AJAX integration

jQuery AJAX Load is an helper module for easy loading any content using build in jQuery load function. It allows you for a quick and easy Ajax integration.

Just enable the module and add class .jquey_ajax_load to any link, URL content (without other regions) will be loaded on #jquery_ajax_load_target element. Those classes and id could be personalized to your needs. Target element coould be set on a per-link basis using the data-target attribute to define a valid jQuery ID.

Drupal jQuery AJAX Load

Use Screenfly to test the responsiveness of your Drupal website

Screenfly is a must-use emulation tool because of its wide coverage of platforms. You can customize it the way you would like to test your website under various categories.

Alternatives that are free, easy to use and quick (i.e. no sign-up needed):

Rapidly test your website for cross browser compatibility across 300+ browsers.
http://www.browserstack.com/screenshots

Pages

Drupal themes to be compared