Making a Simple Cell

Share on facebook
Share on twitter
Share on reddit
Share on linkedin

In this tutorial, we’re going to create a “recent articles” cell that can be used on the front page, a sidebar, or pretty much anywhere else (that’s the beauty of a cell!) To get started, I recommend completing the Content Management tutorial from the official site and using that project as your starting point.

From your project’s root directory, bake a template for your new cell:

bin/cake bake cell RecentArticles

This will create two files:


RecentArticlesCell.php is where the logic for your cell will go, and RecentArticles/display.ctp is the default display template.

In the as-of-yet empty display method of RecentArticlesCell.php, we want to put in the necessary code to return the five most recent articles posted to our Articles table:

public function display()
        $recent = $this->Articles->find()
            ->order(['modified' => 'DESC']);
        $this->set('recent_articles', $recent);

In the code above, we’re bringing in the model for “Articles” and using Cake ORM (Object-Relational Mapping) to return the articles, limiting the query to five rows, and sorting them by the modified date in descending order.

Next, we’ll set the template variable recent_articles to contain our data. This allows us to show the data in the display.ctp file that was generated in template/cell/RecentArticles by our “bake” command.

<table cellpadding="0" cellspacing="0">
            <th><?= $this->Paginator->sort('title') ?></th>
            <th><?= $this->Paginator->sort('modified') ?></th>
            <th class="actions"><?= __('Actions') ?></th>
        <?php foreach ($recent_articles as $recent_article): ?>
            <td><?= h($recent_article->title) ?></td>
            <td><?= h($recent_article->modified) ?></td>
            <td class="actions">
                <?= $this->Html->link(__('View'),
                    ['controller' => 'articles',
                    'action' => 'view',
                    $recent_article->id]) ?>
        <?php endforeach; ?>

In our display.ctp, we’re doing a foreach, using the new variable $recent_article to iterate through the passed-in $recent_articles. Now, all we have to do is place our cell on a page. To do that, we simply need to include the following line anywhere on the page of our choosing:

<?= $this->cell('RecentArticles') ?>

Viola! We have a functioning cell All of the logic needed to produce the content of the cell is conveniently encapsulated in RecentArticlesCell.php, preventing clutter in our main controller and allow us to follow DRY standards. Likewise the display.ctp houses the additional HTML and logic needed to display the cell’s contents without convoluting our home.ctp. The cell can be used throughout our application, with changes to the formatting and content being done in one place.

(Editor’s note: Originally published in October of 2015, this post has been rechecked and updated as of the new posting date.)

More to explore

Photo by Kyle Broad on Unsplash

“I Know You”

I’ve a few recordings that have survived the changes in technology and the natural degradation of formats such as tape. This song,

Photo by Artem Sapegin on Unsplash

2 Must-Have Tools for WordPress Development

There are some exceptional tools that can be used for WordPress development that make the process way easier than it would be otherwise. I didn’t know about some of these early on in my WordPress development days, so for those of you who might not be familiar with them, I’d like to share.

Leave a Comment

Your email address will not be published. Required fields are marked *