Drupal Theme

How to add a theme function in your custom Drupal 7 module?

In Drupal 7, a theme function is a PHP function that is used to wrap the output variables with HTML. For adding a theme function in our custom Drupal 7 module, we need to implement hook_theme(). A theme function is prefixed with 'theme_'. However, they can't override existing theme functions. Such functions are invoked using theme() rather than being directly called. Also, they are faster compared to the template (.tpl) file implementations.

Drupal Technical | 2 min read

As the name suggests, a preprocess function is a precursor to a theme function. It runs first, irrespective of the fact that the theme function can also be implemented as a template (.tpl file) rather than a function. Preprocess functions can be implemented in both modules and themes. However, the preprocess implementations from modules run first, and those by themes run only last.

Drupal Technical | 3 min read

We were on a venture to convert all our Drupal 7 themes to their responsive versions and we got stuck in between. The issue was with the main menu that it was not displaying sub links. We have gone through the code carefully and we found that only the top level menu items are being set to the main menu variable. To render all menu items from main menu, we should have defined it in theme's template.php file.

Drupal Technical | 3 min read

Drupal provides a handy of global variables. Thanks for the tiring efforts. You might know about the interfaces in drupal, it has a use interface and an admin interface. Suppose we are using bartik as our user theme and seven for admin interface.

Drupal Technical | 3 min read

In Drupal 8, .info file is converted to .info.yml file. It is a symphony component. The .info.yml file contains the metadata about your theme, such as theme name, description, version of the Drupal it supports, and type. Type is new metadata type indicate type of the extension such as module, theme etc.

Drupal Technical | 2 min read

Bootstrap twitter is includes a responsive, mobile or tablet first fluid grid system that ... it is styling on small and medium devices but also on large devices if a .col-lg-* class is not present. My company has a lot of free Drupal themes developed. But there is a problem i.e these are not responsive. So we started to change this themes in responsive and For that we suggest the new bootstrap framework for responsive. We success fully converted the plane html code in to bootstrap grid format.

Drupal Technical | 3 min read

A Drupal theme is just a few PHP files, a CSS file, and an info file. Place your theme folder in the location sites/all/themes/themename of your project folder. Theme folder contains images, stylesheets, js files and templates. There are several files associated with a Drupal theme. Each file must confirm to Drupal naming and content standards

Drupal Technical | 3 min read

If we create a drupal website and if we are trying to add a new theme for the website from the themes available what to do ? The first thing is to find a suitable theme for the website as per the requirement of the site. Before searching for a new theme we need to do certains things, try to sketch out the general layout of the new site. There are few thing we need to give some importance.

Drupal Technical | 5 min read

This is an article about how you can create a custom color switching theme with the help of Drupal 7 color module. Color module is a Drupal core module comes with Drupal and you can use this module to colorize your theme. Garland is a Drupal theme which uses color module to colorize its various content. If you want to know more about how to create a colorized theme by using Drupal 7 color module read on.

Drupal Technical | 6 min read

A landing page refers to a particular web page that a visitor usually reaches upon clicking a link or an online advertisement. This page usually displays information that is directly related to the keywords that has a user has searched for, or the has the relevant keywords directly on the page. Landing pages are basically conversion tools i.e. the primary objective of a landing page is to turn a visitor into a lead.

Drupal Technical | 2 min read

Iframe for youtube video ignores the z-index added to it. This happens because iframes are "heavyweight" objects as compared to div. So, the iframe overlays over other div and z-index gets ignored. Read on to know more about setting z-index for iframe .

Drupal Technical | 4 min read

Theming with Drupal is extremely simple. You can build a simple theme from scratch. When you are developing a new theme, you have to follow certain methods i.e. creating a .info file and template files. If you want to create a custom Drupal 7 theme for your site, read the following tips.

Drupal Technical | 5 min read

Internet is overhauling every piece of human life. As the resulting phenomenon of booming telecommunications market, around 60% of people access sites through smartphones, tablets etc. Why say this? How web developers are related to telecommunications booming? We might have seen some sites look good in few devices and not in others. As all these devices have a different display, here comes the relevance of discussing responsive designs. The advantage of responsive designs includes, 1. It will simultaneously adjust its width with the device.

Drupal Technical | 3 min read

Fusion is a base theme, with different layout and Drupal UI configuration. This theme includes a "starter" subtheme for CSS theming. If you are also looking to start a subtheme using fusion base theme, continue reading...

Drupal Technical | 6 min read

If you are a web developer then in some point of time some client may have asked you to develop sites one for desktop and one for mobile, (probably in iPhone) with almost same contents. If you meet that client again after 2 or 3 years he will ask you to develop more than 5 sites to view it in different popular devices. I don't think it is a good solution to have bespoke designs for each device, since our device landscape is rapidly progressing. So we developers should start thinking radically to meet with this issue.

Drupal Technical | 8 min read

Drupal is an extremely flexible framework that you can manipulate in multiple ways. In Drupal, the theming is the final phase in the process of generation of dynamic web pages. It converts the data from PHP objects and arrays into HTML markup and CSS styles. Read on to know how to convert a PSD/HTML design to a standard Drupal theme

Drupal Technical | 6 min read

When we try to theme a drupal website certain case we need to create particular region in the drupal website. Adding region for a drupal website is not a hard task, even a developer first creating a drupal website can create a region. In order to add regions inside a drupal website we only need to add a few lines extra for that. Below there are three version of drupal for the drupal 6 and 7 version creating the region is same but for the drupal 5 version it is slightly different. Adding regions to drupal 7.x and drupal 6.x versions

Drupal Technical | 8 min read

In this article we will be explaining a small feature we implemented in our Drupal themes, its called Slideshow. Will be explaining how to create and implement Slideshow feature for your theme. Before we start, hope you all know about PHP templates and Java Script, because these two play a major role in implementing the slide show.

Drupal Technical | 8 min read

In this article we will be explaining a small feature we implemented in our drupal themes, its called Style Switcher. Will be explaining how to create and implement Style Switcher feature for your theme. Before we start, in my previous article How to create default Slideshow for Drupal 7 themes? I have explained how we can use form alter for theme settings page, kindly refer this too.

Drupal Technical | 3 min read

Drupal offers flexible support for theming by allowing us to edit its template files. If we want to add a few custom variables other than the default variables then we need to do some coding within the template file. If you want to know how to add a custom variable in a Drupal's View template file then read on to find out more.

Drupal Theme

How to add a theme function in your custom Drupal 7 module?

[Drupal] How to implement hook_preprocess_HOOK() function in your custom module?

[Drupal] How to display 'Main menu' with sub links in Drupal 7?

[Drupal] How to get active path to a theme on Drupal 7?

[Drupal] How to migrate Drupal 7 themes to Drupal 8 ?

Why Bootstrap is not responsive in IPhone?

[Drupal] How to theme Drupal

[Drupal] How to Install New Themes for your Drupal website

[Drupal] How to create a colorize theme by using Drupal 7 color module

How Drupal helps you to build a great landing page?

[Drupal] How to fix the problem of z-index being ignored in iframe for youtube video

[Drupal] How to create a Drupal 7 theme from scratch

[Drupal] How to build Responsive Drupal themes using Twitter Bootstrap V3

[Theming][Drupal] How to make a fusion sub theme in Drupal 7

[Drupal] About Omega - An HTML5, responsive, grid960 Drupal theme

[Drupal Theming] How to convert a PSD/HTML design to a standard Drupal theme?

How to create regions for a drupal website.

[Drupal] How to create default Slideshow for Drupal 7 themes?

[drupal] How to create Style switcher for Drupal 7 themes?

How to add a custom variable in Drupal’s views template file