- Usługi optymalizacji treści dla przeglądarek telefonów komórkowych
- Wtyczki do WordPressa i innych systemów wydawniczych
- Narzędzia projektanta
- Inne zasoby
Oferujemy wyobraźnię artykuł Christiny Warren Przewodnik po poradach i sztuczkach do projektowania stron internetowych na telefony komórkowe . Możesz obejrzeć oryginalny artykuł według adres
Posiadanie wersji witryny zoptymalizowanej dla urządzeń mobilnych może naprawdę odróżnić Twoją witrynę od tłumu. Mimo że smartfony, takie jak iPhone i Google Android, mogą wyświetlać „pełnoprawne” strony internetowe, obecność stron sformatowanych dla małych ekranów i funkcji, które mogą korzystać z ekranu dotykowego, funkcji geolokalizacji lub książki adresowej, może znacznie ułatwić korzystanie z Internetu. surfowanie na telefonie komórkowym.
Kilka lat temu optymalizacja stron internetowych dla przeglądarek mobilnych była bolesnym i czasochłonnym procesem, częściowo z powodu ograniczonej funkcjonalności większości przeglądarek mobilnych. Dzisiaj, dzięki rozprzestrzenianiu się WebKit (który jest podstawą przeglądarek na urządzeniach iPhone, Android i WebOS, aw przyszłym roku prawdopodobnie BlackBerry), znacznie łatwiej jest podjąć strategiczną decyzję o popularyzacji witryny na platformach mobilnych.
Zebraliśmy wybór odpowiednich zasobów.
Usługi optymalizacji treści dla przeglądarek telefonów komórkowych
Jeśli nie masz doświadczenia w HTML i CSS (lub nie masz czasu), istnieje wiele usług tworzenia mobilnej wersji witryny.
MoFuse i MoFuse Premium - MoFuse oferuje proste narzędzie dla blogerów i firm do tworzenia mobilnych stron internetowych. Dla blogerów lub małych witryn firma oferuje MoFuse for Blogs, które jest narzędziem do szybkiego tworzenia mobilnej wersji witryny (wykorzystuje RSS do wygenerowania nowej witryny) z dostępem do niej za pośrednictwem linku „m.twojadomena.com”. Dla firm lub większe witryny, które chcą mieć większą kontrolę, otrzymują produkt MoFuse Premium, który zawiera więcej opcji, które można dostosować.
Mippin - Kolejna bezpłatna usługa umożliwiająca szybkie utworzenie mobilnej wersji witryny za pomocą kanału RSS. Opcje i ustawienia są dość ograniczone, ale wersja stworzona przez Mippin powinna być wyświetlana na prawie każdym telefonie komórkowym zgodnym z WAP.
mobiSiteGalore - pozwala szybko tworzyć mobilne wersje witryn. Produkt zapewnia również użytkownikom kilka opcji dostosowywania, dzięki TLD MOBI. mobiSiteGalore, możliwość tworzenia strony mobilnej z komputera lub telefonu komórkowego.
Wtyczki do WordPressa i innych systemów wydawniczych
Posiadanie witryny sformatowanej dla WAP jest dobre, ale jeśli chcesz oferować odwiedzającym pewne naprawdę zoptymalizowane funkcje mobilne z urządzeniami iPhone lub Android, powinieneś zostać poproszony o utworzenie osobnego stylu dla witryny. Istnieje wiele wtyczek dla użytkowników WordPressa i innych systemów wydawniczych, które bardzo łatwo dodają motywy mobilne do Twojej witryny.
WPtouch - Świetna wtyczka dostępna dla użytkowników WordPress.org (użytkownicy WordPress.com mogą również skorzystać z WPtouch z ostatnio dodanym motywy mobilne), co automatycznie sprawia, że witryna jest łatwa do odczytania i dostępu z urządzeń iPhone lub Android.
Wtyczka jest niezwykle niezawodna, a nawet oferuje takie funkcje zaplecza, jak możliwość instalacji iPhone'a Favicon (tak, że gdy użytkownicy dodają witrynę do głównego ekranu iPhone'a, wyświetla dobrze wyglądającą ikonę), możliwość pracy z innymi wtyczkami WordPress takimi jak Flickr, RSS i Blip .it, obsługa AJAX, dostosowywanie nagłówków i inne. Naprawdę interesującą rzeczą w WPtouch jest to, że użytkownicy mogą ją wyłączyć i uzyskać dostęp do pełnej wersji witryny w dowolnym momencie za pomocą przełącznika mobilnego iz powrotem na dół każdej strony.
WordPress Mobile Edition - Crowd Favorite stworzył wtyczkę, która pozwala użytkownikom łatwo określić, dla których typów urządzeń powinna być wyświetlana strona mobilna, a dla których nie (na przykład, jeśli użytkownicy BlackBerry mają wyświetlać stronę dla urządzeń mobilnych i użytkowników iPhone'a w pełnej wersji strona). Do zestawu dołączono motywy Carrington Mobile Theme Crowd Favorite, które są przyjemne iw pełni konfigurowalne.
WordPress Mobile Pack - jest to cały zestaw narzędzi do optymalizacji stron internetowych dla telefonów komórkowych od zespołu dotMobi . Zawiera bazę bardzo atrakcyjnych tematów, mobilny panel administracyjny, obsługę reklam mobilnych oraz możliwość przełączania się między pełną i mobilną wersją strony.
WPtap - To jest wtyczka do WordPressa. Witryna oferuje również alternatywne tematy dla użytkowników, którzy chcą dostosować ulepszony wygląd i styl witryny. WPtap wygląda bardzo podobnie do WPtouch, ale nacisk kładziony jest na dostarczanie gotowych stylów mobilnych.
WordPress Mobile firmy Mobify - To jest wtyczka do usługi Mobify (patrz opis w sekcji poniżej). Automatycznie przekierowuje klientów mobilnych do Twojej mobilnej wersji strony.
Wtyczka mobilna dla Drupala - wtyczka oferuje serwisom Drupal wersję zoptymalizowaną do wyświetlania z telefonów komórkowych. Zawiera mobilną wersję standardowego motywu Drupal Garland i zawiera definicje urządzeń, narzędzia do dodawania określonych funkcji mobilnych oraz automatyczną wymianę wideo wstawionego z YouTube za pomocą m.youtube.
OSMOBI - Jest to usługa i wtyczka dla użytkowników Joomla i Drupala, która ułatwia skonfigurowanie bloga dla użytkowników mobilnych. Ta usługa jest bezpłatna dla 150 odsłon dziennie, ale dostępne są również plany premium.
Narzędzia projektanta
Mobify - naprawdę ciekawa usługa, ponieważ zapewnia proste narzędzie dla projektantów lub użytkowników znających HTML i CSS, aby bezpiecznie modyfikować i optymalizować swoje strony pod kątem dostępu mobilnego. Ta usługa jest bezpłatna (chociaż dostępne są płatne plany miesięczne z zaawansowanymi funkcjami) i działa bardzo dobrze z systemami takimi jak WordPress, Drupal, ExpressionEngine i innymi, które mają przewidywalne modele adresów URL i dobrze sformatowany HTML.
Mobify ma wizualny edytor, który pozwala zobaczyć, jak Twoje treści będą wyświetlane na różnych typach urządzeń, a następnie pozwala zmienić CSS i przeglądać zmiany w czasie rzeczywistym. Jako przykłady wykorzystania Mobify do tworzenia witryn zoptymalizowanych dla urządzeń mobilnych można dzwonić Lista osobno oraz strony renomowanych twórców stron internetowych i projektantów, takie jak Jonathan snook i Veerle pieters .
iPhoney - iPhoney od Marketcircle zapewnia programistom możliwość oglądania, aż do jednego piksela, jak będzie wyglądać witryna oglądana na iPhonie. Dlaczego to ważne? Ponieważ podczas tworzenia mobilnej wersji witryny ważne jest, aby zobaczyć, jak produkt końcowy będzie wyglądał w telefonie. iPhoney nie jest obecnie aktualizowany, ale nadal jest bardzo przydatnym narzędziem.
iWebKit - Jest to struktura do tworzenia stron internetowych, które są zoptymalizowane do wyświetlania na iPhonie, wykorzystując wszystkie jego funkcje i zalety.
jQTouch - To naprawdę innowacyjna wtyczka jQuery do tworzenia stron internetowych dla iPhone'a i iPoda Touch. Dzięki niemu możesz tworzyć strony internetowe lub aplikacje internetowe z animacją, wsparciem dla formularzy, konfigurowaniem elementów interfejsu użytkownika, dodatkowymi rozszerzeniami i innymi. Jest to bardzo przydatne narzędzie dla dewelopera do zrobienia niesamowitych rzeczy.
Szablony CSS kompatybilne z telefonem iPhone - Matthew James Taylor (Matthew James Taylor) stworzył dużą liczbę elastycznych układów CSS zgodnych z iPhonem i iPodem Touch za darmo. Jeśli szukasz punktu wyjścia do tworzenia stron internetowych zoptymalizowanych dla urządzeń mobilnych, powinieneś zwrócić uwagę na te układy.
Inne zasoby
Mobile Web Design autorstwa Cameron Moll - jest to naprawdę świetna książka zawierająca przydatne wskazówki, opisy zaawansowanych podejść i przykłady projektowania i optymalizacji zawartości witryny dla urządzeń mobilnych. Jeśli mówimy o niedociągnięciach książki, musimy pamiętać, że została napisana przed boomem na iPhone'a, dzięki czemu traci znaczenie dla informacji. Niemniej jednak fani mobilnego Internetu mogą zebrać w nim wiele przydatnych informacji.
Craig Hockenbery „Put Your Content in My Pocket” - W sierpniu 2007 r. Craig Hockenberry (z Iconfactory i jedna z osób stojących za Twitterr dla komputerów Mac i iPhone) napisał świetny artykuł dla A List Apart i choć niektóre technologie uległy zmianie, wiele z nich napisał, zastosował dzisiaj.
Mobile Design Showcase firmy Smashing Magazines - Szukasz inspiracji? Smashing Magazine dokonał świetnego przeglądu projektów zoptymalizowanych dla iPhone'a.
CSSiPhone - jest to galeria CSS poświęcona projektowaniu stron internetowych zoptymalizowanych dla iPhone'a. Jak powiedział Picasso: „Kopiujcie dobrych artystów, wielcy artyści kradną!”
Społeczność Mobile Developer Developer - Przeglądarka Opera pozwala zobaczyć, jak strona będzie wyglądać na telefonie komórkowym (Widok menu-> Mały ekran). Ponadto możesz sprawdzić dokumentację programisty Opery pod kątem optymalizacji strony do przeglądania na urządzeniach mobilnych. Opera Mobile i Opera Mini to popularna przeglądarka w telefonach komórkowych.
Emulator Apple - emulator mobilnej wersji przeglądarki
Dlaczego to ważne?