Looking for more information on how to do PHP the right way? Check out PHP: The Right Way

SitePoint PHP Blog:
Theming Views in Drupal 8 – Custom Style Plugins
Mar 24, 2016 @ 12:40:30

The SitePoint PHP blog has another post in its series about working with Drupal 8. In this new tutorial author Daniel Sipos talks about theming views in the content management system and introducing custom style plugins.

In this article, we are going to look at how we can create a custom Style plugin for Views in Drupal 8. We will use the Bootstrap tab markup as a goal and implement a tabbed output for our View results. In the View configuration, the Style settings will allow us to specify which field will be used as the tab navigation copy, leaving the rest of the fields shown in the respective tab panes. Basically, each View result will represent a tab – so this example is not suited for Views which have more than a few results. The main goal is to illustrate how we can create our own Views Style plugins in Drupal 8.

He starts by talking about Style plugins - what they are and where they fit in the application execution flow. He then walks you through the creation of the custom style plugin to integrate the Bootstrap tabs. This also includes the creation of the theme and the matching template to build out the tab markup.

tagged: drupal8 theme view custom style plugin tutorial

Link: http://www.sitepoint.com/theming-views-in-drupal-8-custom-style-plugins/

SitePoint PHP Blog:
Building an Spress Svbtle Theme – Responsive Static Blogs!
Feb 11, 2016 @ 12:47:11

On the SitePoint blog there's a tutorial posted showing you how to create a responsive site template in Spress, a static site generator written in PHP.

You may have heard of Sculpin – a static site generator for PHP. [...] While easy to use and fast to set up, Sculpin’s development has stagnated a bit and the documentation leaves much to be desired. Spress is, in a way, its spiritual successor. Much better documentation, much more flexible configuration, much easier to extend, and just as easy to use with almost the same API and commands.

He starts by helping you set up a basic site to work with on a Homestead Improved instance. Once that's up and running (including an install of Spress) he creates the simple site and starts in on the rebuild of the Svbtle theme. He briefly explains how Spress themes work and then includes the code/layouts you'll need to reproduce the theme. The post includes a screenshot of what the end result should look like in two different browser sizes (responsive, remember).

tagged: spress static site generator responsive theme svbtle tutorial

Link: http://www.sitepoint.com/building-an-spress-svbtle-theme-responsive-static-blogs/

SitePoint PHP Blog:
Drupal 8 Theming Revamped – Updates and New Features
Aug 11, 2015 @ 11:08:28

The SitePoint PHP blog has a tutorial posted introducing some of the updates to the theme functionality in Drupal 8 including some new features.

If you are a Drupal developer who has dabbled in theming older versions of Drupal (5, 6, 7) you understand why frustration is the trusty companion of any Drupal themer. Luckily, though, Drupal 8 promises so many improvements that even the Angry Themer is happy for a change. It is only natural we jump in and start looking at what these improvement are.

They talk about the changes in:

  • creating a module and defining its theme
  • that Twig is now the template library
  • updates to template handling
  • how to debug themes/templates
  • working with assets and libraries

Each topic includes a summary of the changes or more information about the topic including links to other resources with more information about each.

tagged: drupal8 update theme feature twig template debug asset library

Link: http://www.sitepoint.com/drupal-8-theming-revamped-updates-and-new-features/

Learning Drupal 8 from Boilerplate Code
Jul 30, 2015 @ 11:48:06

On the Drupalize.me site they've posted a guide to getting started with Drupal 8 based on the boilerplate code that already comes with the release.

Drupal 8 represents a lot of changes and a steep learning curve for many Drupal developers and themers. While many of these changes are exciting, there are many things to learn just to get started. One way to learn about the code involved with Drupal 8 modules and themes is to take a look at core's modules and themes for examples to follow. Another is to use a code-scaffolding tool like Drupal Console to generate boilerplate code and comments that you can learn from and then customize.

He makes the assumption that you already have a development environment set up and working then helps you install the Drupal Console for use in the rest of the tutorial. You can then use this command line tool to create a new Drupal 8 installation and generate the boilerplate code for a new theme. Finally, they show the creation of the two other related components: a new module and a block plugin instance. These are generate generic code you can use as a reference point for either updating your current Drupal projects or create new ones.

tagged: drupal8 commandline console instance theme plugin block installation

Link: https://drupalize.me/blog/201507/learning-drupal-8-boilerplate-code

SitePoint PHP Blog:
How to Build an OctoberCMS Theme
Dec 03, 2014 @ 09:17:55

The SitePoint PHP blog has a new post in their series covering the OctoberCMS today, this time looking at how to create a custom theme. They walk you through the creation of a simple "blogging" theme type with posts, categories and home/about pages.

October CMS is the new star in the sky of CMSes. Built on top of Laravel, it promises joyful coding and a back to basics approach. Read our introduction here and find out how to build plugins for it here. In this article, we’re going to see how we can build a theme.

Their theme makes use of the rainlab plugin allowing for the use of Markdown content in your posts. They start by adding in the directories and base files needed for the theme to the "themes" directory. With the plugin installed they start working through the configuration content and setup of the theme files including PHP and markup sections. He also shows how to use placeholders, partials and layouts in the content of the posts. Next is the static pages, About and Home, with a bit simpler configuration. The code is then included for the remainder of the pages: single posts, categories and the post listing.

tagged: octobercms laravel tutorial theme introduction

Link: http://www.sitepoint.com/build-octobercms-theme/

Sound of Symfony Podcast:
Episode 5 - The no-theme all-content episode
Oct 31, 2014 @ 11:17:13

The Sound of Symfony podcast has released their latest episode - Episode #5: The no-theme all-content episode with hosts Magnus Nordlander and Tobias Nyholm

In this episode we don't have a specific theme. We do however have a lot of fun content for you. We discuss Magnus' trip to Symfony Live New York, the Best Practices document, Blackfire.io (née SensioLabs Profiler) and much more. We also have a long interview with Jordi Boggiano of Composer fame, and two short interviews with Jeremy Mikola and Anne-Sophie Bachelard respectively.

They also talk about the PHPStorm plugin for interaction with SensioLabs Insight, WurstCon and Jordi's Toran Proxy work. You can listen to this latest episode either through the in-page player or by downloading the mp3. If you enjoy the episode, be sure to subscribe to their feed to get the latest episodes as they're released.

tagged: soundofsymfony podcast ep5 theme content jeremymikola annesophiebachelard

Link: http://www.soundofsymfony.com/episode/episode-5/

Sanisoft Blog:
Themes in CakePHP 3, A step by step HowTo
Aug 21, 2014 @ 11:45:38

On the Sanisoft blog there's a recent post that gives you a step-by-step guide to working with themes in the upcoming version 3 release of the CakePHP framework.

Almost every application I code has themes which either the end user can change or the admin can set or can be changed on the fly. Doing all these things was easy in CakePHP 2.x. With the first alpha release of CakePHP 3.x I was naturally keen to try out how theming worked with V3.

He shows how to convert an existing theme into one that will be compatible with the 3.x version of the framework. He breaks it down into seven steps (well, technically eight) to make it easier to follow along:

  • Step 0: Make the "posts" table
  • Step 1: Bake the model, controller and views for the Posts
  • Step 2: Bake in the "Twit" plugin
  • Step 3: Download and install the Twitter Bootstrap
  • Step 4: Create the "default.ctp" file with the content given
  • Step 5: Make the "index.ctp" template with the given content
  • Step 6: Add the line to the AppController to use the new theme
  • Step 7: Reload and verify the results
tagged: theme cakephp framework version3 update template

Link: http://www.sanisoft.com/blog/2014/07/21/themes-in-cakephp-3-howto/

Our modern web theme goes live!
Nov 21, 2013 @ 09:13:31

If you haven't visited the main PHP.net site in the last day or two, you may have missed it but they've officially released the new look for the site, a more modern look for both the manual and rest of the site.

The PHP web team are delighted to announce the launch of the new web theme that has been in beta for many months. Lots of hard work has gone into this release and we will be continually improving things over time now that we have migrated away from the legacy theme.

From an aesthetics point of view the general color scheme of the website has been lightened from the older dark purple. Lots of borders and links use a similar purple color to attain consistency. Fonts are smoother, and colors, contrast and highlighting have significantly improved; especially on function reference pages. Code examples should now be much more readable.

This new version updates the technologies used as well, including HTML5, Google Fonts and the Twitter Bootstrap. Go take a look at the new version and, if you spot any issues or bugs in it, be sure to report the problem on the PHP bug tracker.

tagged: modern theme redesign release launch

Link: http://php.net/index.php#id2013-11-20-1

How to Create a PyroCMS Theme
May 21, 2013 @ 11:19:25

On NetTuts.com today there's a new tutorial posted showing you how to create a theme for PyroCMS, an open source, PHP-based content management system with a large user base and community.

Like most content management systems, PyroCMS uses front-end themes. Though PyroCMS themes are built a bit differently than what you might be used to from other systems, they’re still quite easy to create. They’re so easy, in fact, that very little PHP experience is required to assemble them!

He walks through things like the folder structure of the templates directory and how to get started on a custom "Foo" theme of your own. He covers how to lay out the HTML markup for the theme and how you can use partials for the sections of the site. He briefly touches on using multiple layout files and how to use different layouts shown only to mobile devices.

tagged: pyrocms theme tutorial introduction mobile markup patrials

Link: http://net.tutsplus.com/tutorials/php/how-to-create-a-pyrocms-theme

Dean Clatworthy:
Theming/styling error messages in Symfony 2
Aug 30, 2012 @ 11:40:40

For the Symfony2 users out there, Dean Clatworthy has a handy tip to help you customize the output of your application a bit more - a method for styling the error messages coming from forms using a custom template.

I spent a large portion of my day today trying to customize the HTML produced by Symfony 2 for form errors. The documentation has a section on how to do this, but for the life of me, I could not make it work. Here is a working, re-usable solution.

His solution involves the creation of a template in your "/Resources/views/Form/" directory that contains a Twig template for the error set output. This is then applied in your view using an additional parameter on the error output tag, including this new template from the "Form" directory. This sort of styling could also be applied if you needed custom elements with their own layouts in your forms as well.

tagged: symfony2 error message theme style twig template tutorial