Czego szukasz?

Jeżeli szukasz odpowiedzi na pytania związane z SEO lub Wordpressem wpisz frazę i czekaj na podpowiedzi lub kliknij enter! Wyniki pokazują także linki do zewnętrznych źródeł.

3184 artykułów w bazie

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.

Wojciech Władziński

O Wojciech Władziński

Branżą SEO zajmuję się od 2008 roku. Na co dzień starszy specjalista ds. SEO w firmie Seogroup. Tworzę i optymalizuję duże serwisy jak i mniejsze strony internetowe. Szczególnie upodobałem sobie środowisko WordPressa, który mimo powszechnej opinii nie jest tylko platformą blogową.
Udostępnij na: Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

3 komentarze

  1. Witam
    Nie radzę sobie z responsywnym wycentrowaniem pociętego na 3 części (o nazwach gora srodek dol) w poziomie obrazka. Te 3 części tworzą jeden obrazek. W nim (tym całym „sklejonym” obrazku) jest jeszcze ogo strony
    Jak to przeskoczyć ??
    Pzdr

Zostaw odpowiedź

Email nie będzie publikowany. Wymagane pola są oznaczone *

Możesz używać tych tagów HTML <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Oferuję szereg usług związanych z WordpressemSPRAWDŹ OFERTĘ
Przeczytaj inne:
The Absolutely, Irrefutably, Unequivocally Most Important Thing Your Website Must Do, and How to Do It by @stoneyd

Trust symbols help alleviate fears visitors may have about doing business with you and make them feel comfortable making the...

Zamknij