Wie man eine Webseite für das iPhone bauen sollte hab ich mich in den letzten Tagen gefragt – ich will jetzt auch für das iPhone angepasste Seiten erstellen und will hier ein paar kleine Tipps geben wie ich es gemacht habe! \r\n
- \r\n
- einen neuen Ordner im Rootverzeichnis anlegen Name: zB. iphone
- im Rootverzeichnis – gibt es schon fast bei jeder Seite eine .htaccess dort muss man eine Regel einfügen!\r\n“\r\nRewriteCond %{HTTP_USER_AGENT} .*iPhone.*\r\nRewriteRule ^index\.php$ http://www . typo3-center.at/iphone/ [L]\r\n“\r\nDiese leitet User die mit dem iPhone auf eine die domain www . typo3-center.at gehen weiter auf das Verzeichnis iphone – jetzt könnte man dort wieder eine Weiche einbauen – damit der USER wählen kann zwischen – orginal Seite oder iphone optimierter Webseite!
- Kommt der User jetzt auf die iPhone Seite stellt man dort mal eine index.html oder index.php hin und kann mit dem Framework iui eine Webseite zusammenbauen – dieses Framework ist extra für das iphone gebaut worden!
- Hier mal der Header dieser Datei\r\n“\r\n<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Transitional//EN“ „http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>\r\n<html xmlns=“http://www.w3.org/1999/xhtml“>\r\n<head>\r\n<meta http-equiv=“Content-Type“ content=“text/html; charset=UTF-8″ />\r\n<title>Typo3 Center</title>\r\n<link href=“style.css“ rel=“stylesheet“ type=“text/css“ />\r\n<meta name=“viewport“ content=“width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;“/>\r\n<style type=“text/css“ media=“screen“>@import „iui/iui.css“;</style>\r\n<script type=“application/x-javascript“ src=“iui/iui.js“></script>\r\n</head>\r\n<body onclick=“console.log(‚Startseite‘, event.target);“>\r\n…….\r\n\r\n“
- Ja das war es schon – jetzt kann man mit divs und vorallem mit Anker arbeiten – man kann sich aber das Framework mal genauer anschauen können iui.css – hier bekommt man die Styles heraus!
\r\n
\r\n
\r\n
\r\n
\r\n
\r\nHoffe ein wenig geholfen zu haben und freue mich schon auf weitere Tipps von euch!
Hallo,\r\nDein Eintrag hier ist ja nun schon 6 Monate alt, trotzdem hier noch mal ein Kommentar und eine Frage.\r\n\r\n1. die Idee ist gut und ich werde sie aufnehmen und auch versuchen Inhalte somit speziell anzupassen.\r\n\r\n2. Was aber ist mit den anderen Kleingeräten wie „Blackberry“ etc..\r\nWie kann ich denn alle kleinen mit einer Umleitung erreichen, dass sie nicht auf die PC-Webseite kommen. Hast Du dafür evtl. auch eine Lösung?\r\n\r\nWo kann ich mir denn, und vor allem wie, ohne Iphone zu besitzen mal die optimierten Seiten von Dir ansehen?\r\n\r\nGrüße
Hi,\r\n\r\nwir haben einen Shop für Hängematten auch für das iPhone optimiert (http://haengemattenshop.com/mobile) Das optimieren für das Iphone geht eigentlich recht leicht, man benötigt dafür ein Firefox Plugin mit dem man einfach den UserAgent wechseln kann. Dann sieht man recht rasch wie es am iphone aussieht.