seowordpress.pl

Robimy responsywne elementy w treści

Zainspirowany wczorajszym tematem szablonów WP dobrze zoptymalizowanych pod SEO napisanym przez wszystkich nam znanego Zgreda – link – i podjętym przez Niego międzyinnymi tematem ich responsywności postanowiłem zająć się tym samym tematem jednak od strony contentu.

Zacznijmy może od najprostszych i najczęściej używanych elementów czyli obrazków i video:

1. Obrazki

Plik .css:

2. Video HTML5

Plik .css:

3. Video Youtube i Vimeo

Do wyświetlania używamy:

A do pliku .css dodajemy:

4. Google Maps

Plik .css:

5. Ukrywanie i zastępowanie treści na mobile

Poniższy kod współpracuje z wtyczką o nazwie WP Mobile Detect

Po instalacji i konfiguracji kod wklejamy do pliku functions.php

Kod podmienia pełen title oraz zajawkę na skrócone wersje podane w polach stworzonych przez plugin gdy treść zostanie wyświetlona na telefonie.