panconmango

As I finished the post about the Instagram plugin I noticed that the Recent Posts section in the footer was showing the example pages that I have already disabled. After looking around in the code, I found out that the theme I'm using has this part hardcoded:

            {% for post in page.find('/blog').children.order('date', 'desc').slice(0, 10) %}
              <li class="recent-posts">
                <a href="{{ post.url }}">{{ post.title }}</a>
              </li>
            {% endfor %}

I would prefer this section to be configurable, so I look into the plugins available and find out this one. As expected once I installed it nothing happened. I updated the original section to point out to the plugin:

      <div class="widget widget_recent_entries">
        <div class="widget-content">
         <h3 class="widget-title">Recent Posts</h3>
          {% include 'partials/recent-posts.html.twig' %}
        </div>

The update worked fine and now I can control the number, order and other parameters from the plugin interface, but... it didn't look that great, so I also updated the code for the plugin to match the original look and feel:

<ul>
    {% for post in recent_posts %}
        <li class="recent-posts">
           <a title="{{ post.title }}" href="{{ post.url }}">{{ post.title }}</a>
        </li>
    {% endfor %}
</ul>