Kernattribut Unter einer Bedingung zeigen
Ein Block nur auf Smartphones oder nur auf Computern
wp="is-mobile" Eine Leiste „Jetzt anrufen“ für Smartphones, eine schwere Karte nur für Computer: Der Block wird nicht per CSS versteckt, er wird gar nicht erst ausgegeben.
Wo es hingehört
An den Block: wp="is-mobile" für Smartphones und Tablets, wp="is-desktop" für Computer. Außerdem gibt es is-phone und is-tablet.
Beispiel: eine Anrufleiste auf Smartphones
Markup index.html
<div class="call-bar" wp="is-mobile">
<a href="tel:+15550100199">Call us</a>
</div>
<div class="map" wp="is-desktop">
<img src="images/map.png" alt="Map">
</div>Im Adminbereich nichts einzurichten
—
Auf der Website auf dem Smartphone
Coffee for slow mornings
Call us
Worauf es ankommt
- Der Server entscheidet anhand des Browsers. Ein Seiten-Cache muss deshalb eine eigene Kopie für Smartphones vorhalten, sonst bekommen Besucher die Variante, die er zuerst gespeichert hat.
- Geht es nur ums Layout, sind CSS-Breakpoints einfacher und sicherer.
Alternative Schreibweise
wp="is_mobile" funktioniert genauso: Der Build ergibt ein identisches Theme.