Web Wash

Drupal Tutorials

Field as Block is a lightweight module that allows you to display a field as a block. The same results can be achieved by using Panels, Display Suite or custom code but this module offers a lightweight alternative.

CCK Blocks offers similar functionality, however on the project page they recommend that you use Field as Block for new projects. It looks like CCK Blocks will be deprecated in favour of Field as Block. For more details read issue #1920636 (comment #4).

Mozilla Persona is a single sign on system that allows you to login into websites with a single registered email address. To register an email address head over to login.persona.org and sign up. Once signed up you can login to any website that offers Persona with your email address.

Short video explaining Mozilla Persona Beta 2.

The Mozilla Persona module for Drupal allows you to offer Persona as a login option for your users. You can configure the module to be the only sign in method or have it as a second option.

The Multi Node Add module provides an interface for creating multiple pieces of content easily from a single page. The module is a time saver for content creators who often enter in a large amount of articles and pages. Using Multi Node Add is fairly straight forward, just enable the module and then go to /multi_node_add to create content.

Running Search API and Apache Solr just got easier thanks to the latest release of the Search API Solr search module. This module allows you to use Solr as a server backend for Search API indexes. In the latest release (7.x-1.0-rc4) the module no longer has a dependency on the SolrPhpClient library.

In this tutorial I'll show you how to setup a local development Solr server on Mac OS X 10.8.3.

Please note that this tutorial should only be used to setup a development server where you're not worried about locking down Solr. If you want to setup Solr for a production site, then make sure you lock down the server so users can not get access to Solr.

The Search API ranges module allows you to easily create a search API page with a range facet. For example, you could create a search page where users can filter products based on price, by simply selecting a price range from a facet.

The Commerce Kickstart distribution uses this module for price filtering on their product search page. If you want to see the facet in action go to the Commerce Kickstart demo site and you should see the Price facet in the left sidebar.

The Client-side adaptive image module allows you to display responsive images from a field formatter. The module resizes images via JavaScript on the client-side, hence the name.

This module is relatively easy to setup, there are no dependencies and you don't have to modify the .htaccess file. To setup just select the "Adaptive image" formatter from the manage fields page, define your breakpoints and you're done.

The Media module is great for managing media files such as images and videos on a Drupal website. Today I will discuss video handling, specifically how to display a video thumbnail.

In this tutorial, you'll learn how to display a thumbnail for videos that are hosted on YouTube and Vimeo. Then, we'll look at how to change the video "preview" view mode.

There are a lot of techniques available on handling responsive images. You could simply resize the image using CSS. This is the easiest technique but the user will have to download the full "desktop" version of an image. Or you could display a resized version depending on the screen size. This technique saves the user from wasting bandwidth downloading large images over their 3G connection.

In Drupal, there are a few modules that offer responsive image functionality, but today I want to talk about the Picture module.

Side note: Both the Picture and Breakpoints module are part of Drupal 8 core. The Drupal 7 version of the modules are backports.

The Picture allows you to define different image styles for specific screen sizes (breakpoints), and you define the breakpoints using the Breakpoints module.

In this tutorial, I'll show you how to make images displayed from the Image field responsive.

A while ago I wrote two tutorials on using the Search API module. In the first tutorial, we created a custom search page using just Views and a Search API index. In the second, we looked at faceted search using the Facet API module.

Search API can be tough to setup especially for new users to Drupal. For example, you need to understand the difference between a Search API Server and Index, and then you need to spend time configuring everything.

In this tutorial, I'll show you how to create a search page using just Views and Drupal's core Search module.

The Editable Views module allows you to edit fields (title or Field API) directly from a views page. You could use this module to create a page - with Views - that allows content editors to change content directly, without having to edit individual pieces of content.

In this tutorial, I'll show you how to create a views listing page that allows you to edit the Title, Tags and Image field.

Pages

Subscribe to