---
title: "Implementing the Breadcrumbs from Yoast SEO into the Zuki theme by Elmastudio"
author: "Alex"
date: 2017-07-08
lang: en
source: https://voneff.de/en/implementing-the-breadcrumbs-from-yoast-seo-into-the-zuki-theme-by-elmastudio/
---

# Implementing the Breadcrumbs from Yoast SEO into the Zuki theme by Elmastudio

I often work with themes by [Elmastudio](https://www.elmastudio.de/) for client projects. Therefore, I put one of their themes, [Zuki](https://www.elmastudio.de/en/themes/zuki/), into use for a website of a local hairdresser.

The themes by Elmastudio are pretty light-weight – which also means that they don’t have support for too many plugins out of the box.

For better SEO and an improved user experience I wanted to display breadcrumbs on the pages of my Zuki website. The popular Yoast SEO plugin has a breadcrumb functionality baked into the plugin – therefore was no need for an extra plugin or coding this by myself. There is just a little copy & paste needed in order to achieve this.

The plugin authors describe [here](https://kb.yoast.com/kb/implement-wordpress-seo-breadcrumbs/) in general how to implement their breadrumbs into themes. In the case of the Zuki theme I wanted to display the breadcrumbs in between the thin grey line that sits on top of the content container and the page title, as indicated in red in the following screenshot from the [live theme demo](http://themes.elmastudio.de/zuki/).

![Elmastudio_Zuki-Theme_Breadcrumbs_Position](https://voneff.de/wp-content/uploads/2017/07/elmastudio_zuki-theme_breadcrumbs_position.png)

All I needed to do is to copy the theme’s content-page.php file into my child theme folder and paste [the snippet provided by the Yoast SEO team](https://kb.yoast.com/kb/implement-wordpress-seo-breadcrumbs/) as follows:

I also added a little styling: first to change the font of the breadcrumbs, and second as to make their linking function more visible, with a link style similar as it is designed in the sidebar. Here is what I added in my child theme style.css.

And here is the outcome:

![Elmastudio_Zuki-Theme_Breadcrumbs_Outcome.png](https://voneff.de/wp-content/uploads/2017/07/elmastudio_zuki-theme_breadcrumbs_outcome.png)