Book Image

Drupal 7 Development by Example Beginner's Guide

By : Kurt Madel
Book Image

Drupal 7 Development by Example Beginner's Guide

By: Kurt Madel

Overview of this book

<p>Drupal is a powerful PHP content management system that allows you to build a wide variety of websites. By combining the power of HTML5, JavaScript, and CSS, you can develop and customize a fully-functional, world-class website. This book also covers some important changes from Drupal 6 to version 7, so even experienced Drupal users will find this straightforward guide useful.</p> <p>Drupal 7 Development by Example Beginner's Guide has numerous code examples that will not only introduce new Drupal 7 development concepts, but will give you the skills needed to build a world-class Drupal website. By following the development of a recipe-sharing, e-commerce site, you will quickly and easily get your own Drupal site up and running.</p> <p>Starting from a solid Drupal 7development environment, this book will show you how to extend Drupal with front-end code using Ajax, jQuery, and server side PHP. In addition to learning how to integrate HTML5, the book will cover responsive web design, and cutting edge CSS3. Using the example of an e-commerce and social networking site, this book will develop your Drupal programming skills so that you will be capable of developing advanced code good enough to be shared with the Drupal community.</p>
Table of Contents (19 chapters)
Drupal 7 Development by Example Beginner's Guide
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – configuring Media-based images to use our custom small image style for our Recipe content type


Now that we have a custom image style, let's put it to use.

  1. Open up our d7dev site in your favorite browser, click on the Configuration link in the Admin toolbar, and click on the File types link under the Media section.

  2. Now, on the File types administrative page, click on the manage file display link for the Image file type.

  3. On the Manage File Display page, click on the button for the Small display.

  4. Next, select our custom small image style for the Image style select list for the Image Display settings, and click on the Save configuration button.

  5. Now, load the Cannellini Cumin Chicken Chili recipe to see our custom image style in action

What just happened?

We created a custom image style with some custom code. We then configured our Recipe content type to use our custom image style for images added to the Recipe Media field.

Inline Media with WYSIWYG

Now, we are ready to look at...