You get wind direction by putting exactly what you have written into the template:
$current.windDir.ordinal_compass
For example, I have the following in
https://www.paloaltoweather.com/weatherboard/<td id="windSpeedAndBearing" style="font-family:monospace;font-size:105px;text-align:center;">$current.windSpeed $current.windDir.ordinal_compass</td>
Of course, if there is no wind (the example you show), then there is no wind direction. Your example is being generated by this in skins/Seasons/index.html
<tr>
<td class="label">$obs.label.wind</td>
<td class="data">$current.windSpeed $current.windDir.ordinal_compass ($current.windDir)</td>
</tr>
In this example, your getting both the compass direction and numeric value; but, since wind is 0, direction is meaningless.
If you are always showing 0 for wind (and presumably there is actually wind), that is a different story; but unrelated to showing wind direction.
Cheers,
John Kline
https://www.paloaltoweather.com/