- Jak stworzyć mobilną wersję witryny WordPress
- Jak skonfigurować wtyczkę WPtouch
- Jak wyświetlać reklamy w telefonie komórkowym na początku i na końcu artykułu
Наша команда-партнер Artmisto
Cześć wszystkim!
Do 21 kwietnia pozostało nieco ponad tydzień na optymalizację witryny pod kątem urządzeń mobilnych. W tym czasie jest mało prawdopodobne, aby programista był w stanie zamówić i otrzymać gotową wersję mobilną dla witryny, a nie każdy może mieć na to pieniądze. W tym artykule wyjaśnię, jak stworzyć mobilną wersję strony za pomocą WPtouch Mobile Plugin.
Jak sprawdzić, czy witryna jest zoptymalizowana pod kątem urządzeń mobilnych i jak jest wyświetlana na urządzeniach z różnymi rozszerzeniami ekranu, przeczytaj link http://inetsovety.ru/proverka-optimizatsii-sayta-pod-mobilnye/
do treści ↑Jak stworzyć mobilną wersję witryny WordPress
Dzięki WPtouch Mobile Plugin nawet początkujący może stworzyć wersję mobilną dla swojej witryny WordPress, jeśli zainstalowany szablon nie odpowiada. Mimo że wtyczka ma dwie wersje bezpłatne i płatne, podstawowa wersja jest wystarczająca dla przeciętnej witryny. W przypadku, gdy masz fajną stronę, która przynosi normalny dochód, najlepszym rozwiązaniem byłoby zamówienie programistów na wersję mobilną, zamiast kupować wersję WPtouch Pro za 59 USD.
Instalacja wtyczki jest standardem. Wprowadź nazwę WPtouch Mobile Plugin do paska wyszukiwania i zainstaluj ją. Na tym ekranie zobacz kroki instalacji krok po kroku:
Po aktywacji wtyczki strona ma wersję mobilną. Sprawdzanie wygody oglądania na urządzeniach mobilnych Google show „Świetnie! Strona jest zoptymalizowana dla urządzeń mobilnych. Więcej nic nie możesz zrobić. Wszystko działa. Przejdź do swojej witryny z telefonu i zobacz.
Dla tych, którzy chcą zagłębić się w ustawienia, a także dodać reklamy do wtyczki WPtouch, rozważ bardziej szczegółowo jej funkcjonalność.
do treści ↑Jak skonfigurować wtyczkę WPtouch
W admin w lewej kolumnie pojawiła się WPtouch.
Pierwszy podpunkt „Co nowego” nie można oglądać. To w języku angielskim mówi o nowych aktualizacjach i ulepszeniach wtyczki, które sprawiają, że jej twórcy.
Drugi podpunkt „Ustawienia podstawowe”. Ma dwie zakładki: „ogólne” i „zgodność”. Na karcie „Ogólne” możesz zmienić nazwę witryny, wybrać stronę początkową, wyłączyć łącze przełącznika do pełnej wersji. Ustawienia na karcie „kompatybilność” nie są dla nas interesujące, tylko użytkownicy wersji Pro mogą wybrać, które wtyczki będą ładowane w wersji mobilnej, a także dodać skróty.
Trzeci element to „Tematy i rozszerzenia”. Tutaj nie mamy nic do roboty. W wersji darmowej jest tylko jeden motyw - Bauhaus, a nic nie jest dostępne z rozszerzeń.
Śmiało. Czwarty akapit - „Opcje tematyczne”. Ma już 5 kart „Ogólne”, „Marki”, „Ikony zakładek”, „Tryb aplikacji internetowej”, „Reklama”.
W pierwszej zakładce „Ogólne” zwróć uwagę na następujące ustawienia: wyświetl liczbę rekordów, eksperymentuj z miniaturami, wybierz elementy do wyświetlenia (komentarze, suwak). Niestety, wynik bloku podobnych rekordów nie jest dostępny dla wersji darmowej. Na kartach „Branding” i „Bookmark icons” możesz zmienić kolory i symbole motywu.
W czwartej pozycji menu wybierz, które strony menu mają być wyświetlane, a które nie. Możesz dodać ikony do każdej strony:
Jak zauważyłeś, w bezpłatnej wersji nie możesz dodawać reklam, które będą wyświetlane w telefonie komórkowym. Ograniczenie to można obejść, dodając kod promocyjny do pliku motywu. Wadą tej metody jest: podczas aktualizowania wtyczki kody reklamowe muszą zostać dodane ponownie.
Chcę zwrócić uwagę na fakt, że dla telefonu należy utworzyć jednostki reklamowe w swoim formacie. W Adsense jest standardowy blok 320 * 100. Możesz utworzyć własną o szerokości 320 i wysokości 300. Eksperymentuj i zobacz wynik.
W przypadku reklam zwiastunów można utworzyć blok o tej samej szerokości 320 pikseli. I w tym miejscu umieścić 3 reklamy w kolumnie o rozmiarze obrazu 50 * 50. Wygląda świetnie. Dodałem również link „czytaj więcej”, który jest wyświetlany po prawej stronie zwiastuna.
do treści ↑Jak wyświetlać reklamy w telefonie komórkowym na początku i na końcu artykułu
Teraz wyjaśnię, gdzie dodawać kody. Darmowa wersja wtyczki WPtouch ma tylko jeden motyw Bauhaus. Przejdź do folderu z nim na następującej stronie ścieżki / public_html / wp-content / plugins / wptouch / themes / Bauhaus / default
Wyświetlona zostanie lista plików odpowiedzialnych za wyświetlanie witryny na urządzeniach mobilnych:
Interesuje nas plik single.php. Dodamy do niego kody.
Dodałem pierwszy blok Adsense 320 * 100 po wyświetleniu miniatury, zaraz po tym kodzie:
<div class = "post-page-thumbnail"> <? php the_post_thumbnail ('large', array ('class' => 'post-thumbnail wp-post-image')); ?> </ div>Nie mogłem dodać reklamy po przyciskach sieci społecznościowej, jeśli znajdziesz rozwiązanie, napisz w komentarzach.
Drugi blok Adsense 320 * 300 na końcu postu, przed kodem:
<? php get_template_part ('related-posts'); ?>I kod dla zwiastuna przed komentowaniem:
<? php if (comments_open () || wptouch_have_comments ()) {?>Aby umożliwić odwiedzającym z urządzeń mobilnych liczenie w statystykach, dodaj kody liczników do tego pliku. Nie znalazłem lepszego miejsca i dodałem kod przed linią:
<? php get_footer (); ?>To wszystko. Nie zapominaj, że reklama będzie musiała zostać dodana ponownie po aktualizacji wtyczki. Zapisz ten plik reklamy na swoim komputerze.
Czekam na twoje komentarze.
Php the_post_thumbnail ('large', array ('class' => 'post-thumbnail wp-post-image')); ?Php get_template_part ('related-posts'); ?
Php if (comments_open () || wptouch_have_comments ()) {?
Php get_footer (); ?
