Bold first word in title field

Question

Site design I am working on the first word of ever page title is bold. The code looks like this;

<h1 class="section__heading"><strong>Discover</strong> Riaflex Today</h1>

I am struggling to find a simple solution to do this in Craft.

If I setup a simple rich text field then it wraps "p" tags around it. I have tried to used Markdown but this is the same and also end up with ** in the <'title'> output.

Anyone done something similar or can offer a fairly simple approach. I had a quick attempt at editing radactor but dropped it as it didn't seem to work and remove 'p' tags.

Thanks.

Answer 1

You can grab the first word with the split filter according to this thread

{% set array = entry.title|split(' ', 2) %}
<h1 class="section__heading">
   <strong>{{ attribute(array, 0) }}</strong>
   {{ attribute(array, 1) }}
</h1>

I didn't test this tough.

Edit: there is a Twig Fiddle demonstrating it.