Plugin Dotclear pour mobile
Par Noël GUILBERT le mardi, janvier 13 2009, 08:20 - Lien permanent
Premier article, premier plugin, et premier thème pour dotclear.
Je souhaitais créer une version mobile de ce blog. Après quelques recherches, je me suis aperçu qu'il n'existait pas de plugin permettant de modifier le rendu en fonction du navigateur utilisé, et notamment si l'on viens d'un mobile.
Alors voici mon tout premier plugin pour dotclear : mobileThemeSwitcher. Le concept est assez simple, il consiste à pouvoir utiliser un thème dédié aux mobile automatiquement dès lors qu'un visiteur arrive sur le site. Ce plugin intercepte alors la requête HTTP et change le thème à la volée, afin d'utiliser une mise en forme adaptée. Vous pouvez le tester simplement sur ce blog en cliquant sur les liens Version mobile ou Version complète.
C'est mon tout premier plugin avec Dotclear, et j'ai été assez surpris par la facilité de réalisation. Après inspiration auprès de quelques plugins pour savoir quoi faire (themeSwitcher notamment), et quelques lignes de code plus tard le plugin est terminé. Alors bravo aux développeurs!
Pour activer le plugin, il suffit de se rendre dans les "paramètres du blog" et de choisir le thème alternatif à utiliser. Si vous le souhaitez, j'ai aussi réalisé un thème adapté aux mobiles : Mobile. Il est basé sur le thème "default" de dotclear, mais dans une version très allégée : plus de widget 'Extra', plus de bannière, le tout avec un minimum d'image possible. L'objectif est clairement de limiter le poids des pages.
J'ai aussi ajouté deux balises de template de façon à être capable de passer d'un site à un autre:
*tpl:MobileVersion*tpl:FullVersion
Ce plugin, ainsi que le thème, est encore en phase d'expérimentation, alors il est possible qu'il y ait quelques bugs. Dans ce cas, ou s'il existe une meilleure façon de faire, n'hésitez pas à me laisser un commentaire!
<hr/>
Edit: Les packages des plugins ont été mis à jour :
- Thème Mobile: theme-Mobile-0.2.zip | theme-Mobile-0.2.pkg.gz
- Plugin Mobile Theme Switcher : plugin-mobileThemeSwitcher-0.2.zip | plugin-mobileThemeSwitcher-0.2.pkg.gz
Commentaires
Merci pour ce plugin et tout ce qui va avec , et puis bienvenue dans le monde de Dotclear ! ;)
Tu commences assez fort ! lol
Salut !
Ca a l'air super ton plugin !
Malheureusement, je n'arrive pas à le faire fonctionner !!
J'ai installé le plugin et le thème, mais... rien !
J'ai vu qu'il fallait aller dans about:config pour mettre le thème à utiliser, j'ai mis : Mobile
Toujours rien.
J'ai essayé http://www.calexo.net/?dc_mobile_th... mais toujours rien !
J'ai loupé un truc ? Merci !
A+
Est-ce que tu peux vérifier dans "Tableau de bord" > "Parametre du blog", si le thème est bien renseigné dans l'encart "Mobile Theme Switcher" ? Et aussi effacer le cache ("Maintenance" > "Vider le repertoire de cache") ?
Salut
Je suis en multiblog et une fois le plugin installé, quand je vais dans paramètres du blog, j'ai ceci en bas de page :
Fatal error: Uncaught exception 'RuntimeException' with message 'DirectoryIterator::__construct(/homepages/15/d258054173/htdocs/labodc2/all-blogs/plugins/mobileThemeSwitcher/../../themes/) [<a href='directoryiterator.--construct'>directoryiterator.--construct</a>]: failed to open dir: No such file or directory' in /homepages/15/d258054173/htdocs/labodc2/all-blogs/plugins/mobileThemeSwitcher/_admin.php:35 Stack trace: #0 /homepages/15/d258054173/htdocs/labodc2/all-blogs/plugins/mobileThemeSwitcher/_admin.php(35): DirectoryIterator->__construct('/homepages/15/d...') #1 [internal function]: mobileThemeSwitcherAdminBehaviours::adminBlogPreferencesForm(Object(dcCore), Object(dcSettings)) #2 /homepages/15/d258054173/htdocs/labodc2/dotclear/inc/core/class.dc.core.php(304): call_user_func_array(Array, Array) #3 /homepages/15/d258054173/htdocs/labodc2/dotclear/admin/blog_pref.php(426): dcCore->callBehavior('adminBlogPrefer...', Object(dcCore), Object(dcSettings)) #4 {main} thrown in /homepages/15/d258054173/htdocs/labodc2/all-blogs/plugins/mobileThemeSwitcher/_admin.php on line 35
Peux-tu m'aider ?
Merci.
dc 2.1.5
Je ne connais pas bien comment ça fonctionne en multiblog, mais je pense que la configuration n'est pas tout a fait la même.
Le probleme viens de la ligne 35 du fichier _admin.php, qui parcours les thèmes disponibles:
foreach (new DirectoryIterator(dirname(__FILE__).'/../../themes/') as $dir)
Je pense que le repertoire themes n'est pas au même endroit. Il faudrait modifier cette ligne pour que ça pointe au bon endroit. Je vais voir si je peux faire un patch pour que ça marche dans le cas des multiblogs.
Bonsoir,
Suite à une demande sur le forum dotclear, j'ai modifié la ligne en :
foreach (new DirectoryIterator(path::fullFromRoot($core->blog->settings->themes_path,DC_ROOT)) as $dir)
Ca semble fonctionner.
Merci, je vais modifier le plugin avec cette ligne de code.
Hello,
Tout d'abord merci pour cet excellent travail ;-) !
J'ai l'impression que quelque chose ne va pas mais je ne sais pas très bien quoi ! J'ai bien tout installé mais rien ne se passe quand j'essaye d'accéder à mon site via un périphérique mobile.
J'ai renseigné le thème dans about config, j'ai vidé le cache du blog, de safari et je n'ai rien qui change.
Pouvez-vous m'aider ?
Merci d'avance et bonne soirée !
djeelo
Finalement j'ai trouvé puisque j'avais mal lu et que je ne renseignais le thème que dans about:config ... ça marche donc maintenant sans souci ! bonne soirée !
Trois mots : merci, merci, merci :)
Bonjour,
juste un petit mot, cela fonctionne superbement, j'ai ajouté dans le source ANDROID, et cela fonctionne aussi. Testé avec le dernier HTC sous Android... nickel
Jean-Christophe
http://www.bboxnews.fr
Une petite remarque sur le settings utilisé, son nom n'est pas toujours le même : "mobilethemeswitcher_theme" est parfois en CamelCase parfois pas dans le code.
Sinon, ça fonctionne au poil :-)
Une autre modif que j'ai faite, ligne 46 du _public.php pour autoriser le switch entre style mobile et style standard dans tous les cas (testé et approuvé). Nouvelle ligne :
elseif (self::isMobileDevice() || isset($_GET['dc_mobile_theme']))
J'ai viré le test : !$theme
Sinon, une fois basculé en thème normal sur l'iPhone on ne peut plus revenir sur le thème mobile, c'est gênant je trouve.
That’s really easy to get some information or <a href=" http://www.gogetessays.com">buy an essay</a> at the custom writing service just about this topic.
Bonjour et merci pour ce magnifique plugin qui permet d'avoir un blog mobile très simplement.
Je rejoint Franck sur la modification à opérer dans _public.php ! J'ai cherché un moment avant de comprendre d'où venait le problème.
Bonne continuation,
Pierre
Bonjour,
merci pour ce plugin ! J'aurais juste un reproche à faire : le chemin vers les thèmes est indiqué en dur : foreach (new DirectoryIterator(dirname(__FILE__).'/../../themes/') as $dir)
or mes thèmes sont rangés ailleurs...
Merci pour ce plugin, j'ai enfin mon blog en version mobile.
Par contre, je rejoins aussi Franck et Pierre pour la modification de la ligne 69 dans le fichier "_public.php".
Tout était bien installé et pourtant rien ne changeait sous mon Android. Après avoir trouvé le problème sur un autre blog, ma vie a changé (ou pas).. Ca fonctionne ^^
Oups mince, j'avais lu les commentaires la tout à l'heure... :S
Mais le problème est quand même apparent ligne 69 du fichier "_public.php".
Il faut rajouter "'#Android#i', // Android" (sans les guillemets devant et derrière; qui entourent) pour que ça fonctionne sous Android.
That can require a long time to improve a writing skillfulness. But in some situations, some persons are pressured for time. If you want to save time and get the superb quality <a href="http://www.supremeessays.com/writin...">writing essays</a>, you would find the trustworthy research paper writing service and <a href="http://www.supremeessays.com/buy-es...">buy essay</a> right there. Then, your university success is received.
Student life is very various and always don’t have time to work or chill! Hence, we can support you with your <a href="http://essaysexperts.com/">term paper</a>. If you want to be joyful, be. Best of luck!
No one who accomplish progress does so without realizing the support of others. The knowing and reliant realise this facilitate with thanks. Our point is to assist students with their <a href="http://qualityessay.com/">research papers</a> writing.
Excellent post .I was pleased of discover it. Every boy in the our world would like to become original, but doesn’t get know the easy way to do this. But thousands of guys find <a href="http://www.exclusivepapers.com">custom writing</a>.
J'aimerai avoir plus d'informations sur ce theme. Ou pourrais je en trouver s'il vous plait.
J'ai lu ton article et visite ton blog que je trouve vraiment tres interessant. Je l'ai ajoute dans mes favoris.
This is a really interesting post. Thanks for sharing this.
Good basis of stuff referring to this good post people search clicking the freelance writer .
Can I suggest that you post this code on lab.dotclear.org so that more people get it more easily?
Student life is very various and always don’t have time to work or chill
I like this website I feel that this site could be very useful .
Student life is very various and always don’t have time to work or chill
If you need to get an admission in a school, college or a university or call upon any help in any kind of assignment, so don’t get frazzled. Get ideas about your creation by using essays writing. I don’t think that there is anything depraved in using writing services.
Bonjour
Une version compatible avec Dotclear 2.2 est-elle prévue ? Et si non, ai-je l'autorisation de modifier le plugin ?
Bonjour,
Je me suis permis de patcher ton plugin pour dc2.2 : http://www.brol.info/post/2010/05/1...
Si tu es contre, tu as mon mel pour me le dire ;-)
I very much enjoyed your website. Excellent content.Your favorite team's Cheap jerseys delivered right to your door.
<a href="http://www.ecwebcom.com/nfl-jerseys...">Vikings jerseys</a>
<a href="http://www.ecwebcom.com/nfl-jerseys...">New York Giants jerseys</a>
The hindi ringtones would make your mobile phone really original, therefore we will advice to purchase the mobile phone ringtones from the ringtones firm.
I received 1 st credit loans when I was 20 and this supported me very much. Nevertheless, I require the small business loan over again.
Il serait intéressant que lorsqu'on clique sur le lien pour avoir le thème standard, on ne retourne pas sur le thème mobile dès qu'on clique sur un autre lien dans le blog.
There is not another simple way to receive good grade than to accomplish the college essays about this good post but this is, besides, easy to purchase the wars essays in the essay papers writing service.
Amazing one, i appreciate this work....
Wonderful illustrated information. I thank you about that. No doubt it will be very useful for my future projects. Would like to see some other posts on the same subject!
I very much enjoyed your website. Excellent content.Your favorite team's Cheap jerseys delivered right to your door.
url=[http://www.ecwebcom.com]Repli... jerseys [/url]
Hey guys,
I hope this allowed, I have never used this website before so I wasn't really sure what this was going to do. <a href="http://www.nfljerseyse.com" title="wholesale nfl jerseys">wholesale nfl jerseys</a> So this is just a test post. I really like this forum, it has some excellent discussions that take place.
I am a fanatic watch collection, especially the well-known watches, you also can do, just click on my name!!!!!!!!
This is my first time i visit here. I found so many entertaining stuff in your blog, especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the leisure here! Keep up the excellent work.
hey buddy,this is one of the best posts that I’ve ever seen; you may include some more ideas in the same theme. I’m still waiting for some interesting thoughts from your side in your next post.
<a href="http://www.silvertiffanys.com">Tiifany</a>
<a href="http://www.silvertiffanys.com">Tiifany Jewelry</a>
<a href="http://www.silvertiffanys.com">Tiifany and co</a>
<a href="http://www.silvertiffanys.com">Tiifany Sale</a>
<a href="http://www.silvertiffanys.com">Tiifany</a>
<a href="http://www.abercrombieuksale.com">Abercrombie & Fitch</a>
<a href="http://www.abercrombieuksale.com">Abercrombie</a>
<a href="http://www.abercrombieuksale.com">Abercrombie & Fitch clothes</a>
<a href="http://www.abercrombieuksale.com">Abercrombie Fitch</a>
<a href="http://www.abercrombieuksale.com">Abercrombie Fitch UK</a>
发差的。
<a href="http://www.ecosplayshop.com">Cosplay Costumes</a>
<a href="http://www.ecosplayshop.com">Cosplay</a>
<a href="http://www.ecosplayshop.com/sale-go...">Gothic dresses</a>
<a href="http://www.ecosplayshop.com/sale-lo...">Lolita dresses</a>
<a href="http://www.ecosplayshop.com/sale-sc...">school girl costume</a>
<a href="http://www.ecosplayshop.com/sale-se...">Sexy Costumes</a>
<a href="http://www.ecosplayshop.com/sale-se...">sexy nurses costume</a>
<a href="http://www.ecosplayshop.com/sale-sp...">Sports costume</a>
<a href="http://www.ecosplayshop.com/sale-ch...">Christmas Costumes</a>
<a href="http://www.ecosplayshop.com/sale-ho...">Holiday Costumes</a>
<a href="http://www.ecosplayshop.com/sale-di...">Disney Costumes</a>
<a href="http://www.ecosplayshop.com/sale-mo...">Movie TV Costume</a>
<a href="http://www.tiffanyworld.org">jewellery</a>
<a href="http://www.buydress.org/">dresses </a>
<a href="http://www.ishoesblog.com/">shoes blog</a>
<a href="http://www.tiffanyfree.org/">jewellery</a>
<a href="http://www.edhardyfor.com/">ed hardy blog </a>
<a href="http://ourweddingsales.com">wedding sale</a>
Nice sharing...
Nice sharing...
<a href="http://www.nfljerseyse.com/dallas-c... " title="Dallas Cowboys Jerseys ">Dallas Cowboys Jerseys </a>
That is no matter how hard you want to write premium quality book reports essay, just because the professional essays writing firm are able to do it much better. Thus, take a rest and buy term paper.
Hi guys!! This is my first website by my self, and i confused that is it good or not made by wordpress or Joomla, i want to choose one 4 me,and give me some <a href="http://www.sportsjerseysshop.com">discount nfl jerseys</a>advice.Thank you!
http://www.sportsjerseysshop.com/
This blog is fantastic.I would like to introduce this nice website to my friends
I think plugins are fanatastic they sure make applications much more enjoyable
hey buddy,this is one of the best posts that I’ve ever seen; you may include some more ideas in the same theme. I’m still waiting for some interesting thoughts from your side in your next post.
http://www.louisvuittoneasy.com/ louis vuitton
http://www.louisvuittoneasy.com/ louis vuitton handbags
http://www.louisvuittoneasy.com/ louis vuitton parse
http://www.louisvuittoneasy.com/ louis vuitton bags
Nice post.Thank you for taking the time to publish this information very useful!
I’m still waiting for some interesting thoughts from your side in your next post thanks