PLUxml pour iPhone

Hamtaro · décembre 2008

Mais lol je lis à moitié les infos !
En fait, c'est juste l'étape 3 qui est optinnelle...

Je recomence ^^

Hamtaro · décembre 2008

Bon par contre, le retour vers la version normal envoit sur le thème par défaut...

Je vais aller voir dans le code du thème iphone, sûrement une histoire de liens

Hamtaro · décembre 2008

Corrigé.

Par contre, ça bug sévère... Je dois avoir une balise qui fait interférence avec le template parce que ça créé pleins de cadres...

Bon je vais arrêter de flooder et attendre vos réponses.

Hamtaro · décembre 2008

J'ai corrigé.

Dans le fichier home.php, il faut sortir la balise ul de la boucle. Ca donne ceci : (ou alors intégrer la totalité, là, elle était à cheval...)

<?php include('header.php'); # On insere le header ?>

	
		<?php while($plxShow->plxMotor->plxRecord_arts->loop()): # On boucle sur les articles ?>
			
			<ul class="data">

		
			<li>
				<a><?php $plxShow->artTitle('link'); ?></a>
				<?php $plxShow->artNbCom('link'); ?>
				<?php $plxShow->artChapo(); ?>
				
			</li>
			
		</ul>
						
		<?php endwhile; # Fin de la boucle sur les articles ?>
		
		<?php # On affiche la pagination ?>
		<p><?php $plxShow->pagination(); ?></p>

	<?php include('sidebar.php'); # On insere la sidebar ?>

<?php include('footer.php'); # On insere le footer ?>

Faut regarder dans les autres fichiers, notamment au niveau des commentaires si t'as pas bouclé un truc qui fallait pas .

SapinTremblant · décembre 2008

@Hamtaro : en effet le retour vers la version normal prend le thème "defaut". Juste une histoire de lien dans le footer.php du thème iPhone en effet pour préciser vers quel thème renvoyer.

Aussi, il faut le selecteur de thème sinon ça charge et recharge sans cesse.

Pour les cadres partout je ne sais pas trop quoi dire excepté que j'ai testé sur Epiphany sous LinuxMint (basé surUbuntu) et que mon site fonctionne bien. Tiens moi au courant.

Courage

Hamtaro · décembre 2008

Refait le test, tes balises ul était à cheval et donc ca incrémentait tous les articles dans des cadres...

J'ai modifié, j'ai mis la pagination dans une balise p, c'est sympa : http://www.geexy.fr/blog/?style=iphone

Tu l'as testé sur un blog avec plusieurs articles, ou seulement sur des sites avec un seul article ?

SapinTremblant · décembre 2008

J'ai mis la pagination volontairement à cet endroit pour une raison (mais laquelle déjà)...!!! Enfin, j'ai changé selon tes modifs après nouveau test.

Je l'ai testé sur www.immobiliere-monio.fr où il y a une 30aine d'articles.

au fait j'ai modifié le .ZIP à télécharger avec ta modif. donc v 0.1.2

Merci.

affaire à suivre...

P.S. @Hamtaro : pas mal l'adaptation de ton site pour iPhone. Installé rapido finallement

Stéphane · décembre 2008

Magnifique thème. Félicitations

Hamtaro · décembre 2008

Le truc est de ne pas confondre articles et pages statiques, c'est pas le même fichier.

Les articles sont affichés grâce à une boucle, et je ne crois pas que ton site immobilier contiennent des articles (j'ai pas trouvé...).
Sur les pages statiques, pas de souci, vu que pas de boucles.

Bon, j'ai un autre souci, je sais pas pourquoi, le bouton option ne marche pas sur mon iPhone quand j'ai la liste d'article. Il marche correctement sur les pages statiques, sur les catégories. Je cherche, je cherche...

Hamtaro · décembre 2008

Bon j'en ai marre d'écrire des posts sans réfléchir...

Je viens de voir les articles en questions sur le site immo. Et effectivement c'est normal que cela marchait parce que c'est de l'affichage par catégories. A aucun moment tu n'utilisais le fichier home.php.

Ca serait bien si quelqu'un pouvait tester sur iPhone un site avec ce thème et en home pour voir si le bouton option en bas marche.
Sous Firefox et Ubuntu, pas de soucis.

SapinTremblant · décembre 2008

Pour le site immobilier toutes les annonces dans les catégories "terrains", "chalets", "appart" et "fermes" sont gérées par des articles. Il n'y a que 3 pages statiques "transaction", Guide juridique" et "contact".

Je n'ai pas de vrai iphone mais un logiciel "iPhoney" qui reprend l'affichage de l'iPhone alors je ne peux pas tester en live...

Merci pour le retour d'info

Hamtaro · décembre 2008

Bon, tout marche.

En fait quand on appuie sur le bouton option, cela affiche bien le cadre mais tout en haut de la page. Il faut donc scroller pour remonter en haut de la liste d'article... Pas terrible...

J'ai donc trouvé un début de solution mais j'ai besoin d'aide pour le css. Il faudrait utiliser l'attribut fixed pour faire apparaitre le bloc d'option juste au dessus du bouton.
J'ai réussi en le mettant en static, à le placer en -dessous mais il faut scrooler en bas et du coup on cherche comme un c*** puisque l'affichage ne va pas direct dessus...

Deuxième solution, faire recentrer la page directement sur le cadre qui apparait mais là, je ne sais pas du tout comment faire.

Voici ou se trouve les caractères CSS du block :

/* option panel */

											div#optionpanel {
												background: url(../images/blackbg.png) top left repeat-x;
												text-align: center;
												padding: 20px 10px 15px 10px;
												position: absolute;
												left: 0px;
												right: 0px;
												bottom: -1px;		
												}

												div#optionpanel h2 {
													font-size: 17px;
													color: #fff;
													text-shadow: #000 0 1px 0;
												}

La partie absolute lui permet de flotter au dessus de toute la page. Si on utilise fixed, on peut lui attribuer des cooredonnées fixe par rapport à la page.
Encore mieux : garder absolute et trouver un moyen au niveau des coordonnées pour l'afficher en bas...

Alors, les gars, un avis ?

Hamtaro · décembre 2008

Apparemment l'affichage en haut de la page est dû à cela :

<a href="#" class="white button" onclick="showhide('optionpanel');">Options</a>

le href recharge la page en fait et du coup le cadre se met en place après le rechargement, en haut de la page mais en bas du navigateur.
Sous Firefox, le navigateur "entend" le rechargement et du coup va de lui-même au début de la page.
Sous Safari mobile, Safari fait le sourd et muet. Donc l'action n'est pas recentré sur le cadre.

Je ne sais pas si ça le fait chez vous.
Faites le test avec mon site par exemple en version iphone sur votre PC : la page va "remonter" vers le haut pour afficher le cadre. http://www.geexy.fr/blog/?style=iphone
Par contre, nada sous iPhone.

Bref faudrait des testeurs

gcyrillus-nomade · décembre 2008

Super ,

me semble que pour le lien , il faut le desactiver avec un return false; :

<a href="#" class="white button" onclick="showhide('optionpanel');return false;">Options</a>

gc

Hamtaro · décembre 2008

Pas mal ^^

La solution est à moitié trouvé.

J'ai donc fait le changement comme tu l'indiques et mis le panneau en fixed :
- sous Firefox, pas de rechargement de la page, et le cadre apparait en bas. Nickel

- sous Safari mobile (d'ailleurs, sous Safari tout court, ça donne quoi ?), pas de changement. Le cadre apparait toujours tout en haut et la page n'est pas rechargé vers lui...

Hamtaro · décembre 2008

Trouvé un truc mais pas tout compris...

J'ai regardé dans ses fichiers et j'ai pas trop la motiv de me retaper le code...

http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

SapinTremblant · janvier 2009

Bonsoir, alors voila j'ai bien avancé sur la partie admin de la version iphone / mobile (en même temps j'ai amélioré le thème pour la partie user).

Je me demandais s'il était possible de mettre un selecteur de thème dans la partie admin afin que se charge la version iphone lors de la detection de celui-ci ?

Je vous proposerai tout cela en téléchargement dans le courant du WE (il y a pas mal de nouveautés / améliorations).

Hamtaro · janvier 2009

Je travaille également sur une version iPhone, adapté du thème WPTouch pour Wordpress : http://www.bravenewcode.com/wptouch/

Je suis en train de le finaliser, il y a quelques détails que j'aimerais intégrer mais ça prend un peu de temps.

En tout cas, ST (je résume SapinTremblant si ça te dérange pas), je suis ravi d'entendre que tu prépares une nouvelle release. ^^

TCho, Hamtaro.

SapinTremblant · janvier 2009

Voila vous pouvez aller choper la dernière version du thème http://www.aktiq.fr/?article24/theme-iphone-pluxml et la version admin : http://www.aktiq.fr/?article30/theme-iphone-admin-pluxml.

@Hamtaro : Je suis allé voir WPTouch et suis ravi que tu tentes cette version que je pourrai tester du coup. Bon courage.

P.S. : j'ai trouvé pour faire comme un selecteur de thème. Ce qui fait que désormais vous pouvez blogger de chez vous sur votre ordi avec l'admin classique et depuis votre iPhone / Touch / Mobile / eeePC etc... de n'importe où avec l'admin mobile.

Si vous allez sur mon site, dans le footer, le lien vers l'admin vous amène sur une page préalable pour choisir. Voyez par vous même.

Hamtaro · janvier 2009

Vous pouvez voir un aperçu ici : http://www.customtaro.fr/blog/?style=WPTouch

C'est un thème clairement adapté pour iPhone. Le rendu sous iPhone est le meilleur. Il existe quelques bugs sous Firefox mais je fais de mon mieux pour les faire disparaître.

TCho, Hamtaro.

SapinTremblant · janvier 2009

@Hamtaro : c'est très chouette comme intégration. Beau travail. Y a t-il la partie admin aussi ?

Hamtaro · janvier 2009

Non, trop de boulot et ça sert pas vraiment à grand chose pour l'iPhone. En effet, les textarea ne sont pas scrollable dans l'iphone...

Par contre pourquoi pas juste l'accès aux coms...

SapinTremblant · février 2009

Je réalise que le selecteur de thèmes me pose des problèmes (pas pour la version mobile). Lorsqu'il est en place, celui de l'admin ne fonctionne plus. comment faire pour que les 2 fonctionnent.
Merci

SapinTremblant · mars 2009

Nouvelle version du thème/ plugin pour mobile (iphone/ipod touch, Android).

La detection automatique fonctionne aussi pour les mobiles sour Google Android. Le style est désormais moins iPhone. il est aussi éditable très facilement par un simple fichier "monstyle.css"

Nouveau Header avec navigation plus intuitive.

démo et captures d'écrans : http://aktiq.fr/?article24/theme-iphone-pluxml

SapinTremblant · mars 2009

Nouvelle version du plugin pour mobile (v 0.2.1)

- le menu a été révisé (le javascript exactement)
- ajout de la bibliothèque cycle.js (diaporama d'images).
- nouveau logo générique dans le header et pour la mention "ajouter à l'écran d'accueil" des iphones.

c'est toujours ici : http://aktiq.fr/?article24/theme-iphone-pluxml

Tibawbaw · février 2013

Bonjour,

Je déterre un peu un vieux sujet, mais j'aurais aimé savoir s'il avait été possible de remettre la main sur le thème adapté de WP-Touch ?

Car malheureusement tous les liens ci-dessus sont morts

Jos · février 2013

La verion mobile a été abandonné depuis la 5.1.7 il me semble. Le nouveau thème par défaut est Responsive Design, il s'adapte en fonction des résolutions d'écran des terminaux (dont les iPhone).

Haruka · février 2013

Dans la section ressource, il y a deux thèmes mobile : http://ressources.pluxml.org/?chercher/mobile
Et le plugin est ici : http://telechargements.pluxml.org/plugins/official/plxmobile.zip

Jos · février 2013

Je n'étais pas au courant que ce plugin existait encore, c'est bon à savoir

Haruka · février 2013

Oui il existe toujours, c'est juste qu'il n'est plus intégré par défaut dans PluXml depuis la 5.1.7, pour les raisons que tu as données ;-)

PLUxml pour iPhone

Réponses