Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2013-01-03 10:22:42

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Proposition d'aide au templatisme

Oui... le templatisme est une activité reconnue :)

Trêve de plaisanterie, je suggère pour la mise à jour de Dotclear / Dotaddict, l'utilisation d'un template basé sur Bootstrap ainsi que du plugin agora pour le forum (et/ou d'autres usages).

Je vous propose mon aide sur les 2 sujets si cela peut servir, uniquement HTML / CSS et quelques bases jQuery... :)

Dernière modification par Mathieu M. (2013-01-03 10:23:36)

Hors ligne

#2 2013-01-30 17:27:11

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

Non, ça fait pas plus de buzz que ça ? :)

Au passage, je suis sur le coup pour un thème utilisant Bootstrap.

Hors ligne

#3 2013-01-30 21:11:19

Welsh
Membre
Inscription : 2011-12-28

Re : Proposition d'aide au templatisme

Ben, je veux bien réagir mais je ne vois pas bien ce qu'est Bootstrap...

Hors ligne

#4 2013-01-30 22:16:45

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

Roh, pourtant Google est l'ami de tous :)

Bootstrap c'est une puissante "librairie" (créée par Twitter) facilitant la création de template html / css / js.

Hors ligne

#5 2013-01-31 07:34:53

Welsh
Membre
Inscription : 2011-12-28

Re : Proposition d'aide au templatisme

OK. J'avoue que j'ai eu un peu la flemme de Google-iser...
Merci

Hors ligne

#6 2013-01-31 09:30:17

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Proposition d'aide au templatisme

Peut-être pas pour les sites Dotclear ou Dotaddict, mais si tu mettais au point un thème basé sur Bootstrap, ce serait très intéressant d'en voir la démo ;)

Hors ligne

#7 2013-01-31 13:22:33

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

On va dire que le gros de la maquette de base est là : Voir image :)

D'ailleurs, j'ai ouvert un billet pour recueillir quelques avis ou besoins sur mon blog : Début d'un thème Bootstrap, je répondrai à toutes celles et ceux qui auront des questions ou demandes :)

Hors ligne

#8 2013-01-31 22:00:19

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Proposition d'aide au templatisme

J'espère qu'ils ont enlevé le outline:none sur les liens. ;-)

Dernière modification par patidou (2013-01-31 22:04:17)


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#9 2013-01-31 22:24:46

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

Sur la dernière version que j'utilise, il semble que oui... :)

Hors ligne

#10 2013-01-31 23:01:29

prospere
Membre
Lieu : Nantes
Inscription : 2005-11-01
Site Web

Re : Proposition d'aide au templatisme

Je viens de refaire mon thème avec Bootstrap, Modernizr, JQuery :
http://www.geeek.org/

J'ai partagé le code source sur GitHub pour les curieux :
https://github.com/ltoinel/geeek/tree/m … emes/geeek

J'ai découpé toutes les pages en "fragments" réutilisables pour avoir le moins de HTML en doublon.

Hors ligne

#11 2013-02-01 15:41:13

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

La version minimaliste du thème Bootstrap avance... home et post sont terminés, la version "responsive" est également prête :)

Une p'tite image...

Hors ligne

#12 2013-02-02 08:13:51

pressecologie
Membre
Lieu : île de la Réunion
Inscription : 2011-02-21
Site Web

Re : Proposition d'aide au templatisme

Bonjour,

ça m'interesse ce que vous faites :-)

Je teste en ce moment bootstrap + dotclear "responsive" pour proposer des sites consultables sur mobile par exemple.
Je suis plus designer que développeur et j'avoue que je trouve le chargement des pages un peu long ....

Vous avez des astuces à me proposer ?
Autre chose, l'utilisation de certain plugin peuvent poser des problèmes (newsletter par exemple) puisqu'il faut retoucher les fichiers des plugins pour insérer des collapse ou des rows etc ...
J'ai retravailler le plugin newsletter pour l'adapter à Fundation (alternative à bootstrap)

ça me plairai de participer à la réalisation de thème "minimaliste" qui utilisent bootstrap ou fundation par exemple.
Avec un liste de plugin de base qui pourraient être utlisables.

Je vais regarder su github le thème utilisé pour geek.org ... super boulot. Je suis très impressionné par la rapidité de chargement .... j'ai besoin de cours en javascript ;-) ou comment optimiser le chargement dotclear + bootstrap.

Bonne journée

Hors ligne

#13 2013-02-02 08:58:27

prospere
Membre
Lieu : Nantes
Inscription : 2005-11-01
Site Web

Re : Proposition d'aide au templatisme

Pour la rapidité, j'ai remplacé le index.php du blog par un index spécifique, Dotclear n'est sollicité que si la page ne se trouve pas en cache ou si la requête n'est pas éligible au cache.

http://www.geeek.org/mais-pourquoi-ce-s … e-646.html

Hors ligne

#14 2013-02-02 10:20:12

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

pressecologie a écrit :

ça me plairai de participer à la réalisation de thème "minimaliste" qui utilisent bootstrap ou fundation par exemple.
Avec un liste de plugin de base qui pourraient être utlisables.

Ce qui pourrait aider, ce serait de lister les plugins "majeurs" qui utilisent des templates spécifiques oui, ensuite je mettrai en ligne un squelette html pour une adaptation rapide ;)

Peux-tu t'en occuper ?


Merci :)

Hors ligne

#15 2013-02-02 11:28:54

pressecologie
Membre
Lieu : île de la Réunion
Inscription : 2011-02-21
Site Web

Re : Proposition d'aide au templatisme

Je peux récupérer le theme et essayer des plug que je connais.
Je ferai une liste de ceux qu'il faut adapté à bootstrap.

A+

Hors ligne

#16 2013-02-02 11:42:11

pressecologie
Membre
Lieu : île de la Réunion
Inscription : 2011-02-21
Site Web

Re : Proposition d'aide au templatisme

prospere a écrit :

Pour la rapidité, j'ai remplacé le index.php du blog par un index spécifique, Dotclear n'est sollicité que si la page ne se trouve pas en cache ou si la requête n'est pas éligible au cache.

http://www.geeek.org/mais-pourquoi-ce-s … e-646.html


Très interessant ...
Mais je capte pas tout.
Tu utilise toujours le contexte de la home, avec les balises dotclear ? ou pas du tout ?
Tu fais tois même des requetes php ?
Quand je change de page sur ton site, c'est hyper réactif, c'est ton serveur ?

Le site sur lequel je travail paraît lourds en comparaison (peut être est-ce les images de mon site mais le chargement d'une page à l'autre prend trop de temps ... après il y a plusieurs éléments qui interviennent, module facebook, optimisation des .js etc.)

Est ce que le include de fragment html dans un templete optimise le chargement des pages ?

En plus je teste en désactivant tous les caches ... du coup ça me parait étrange que seulement un travail sur la mise en cache permette une telle différence.

Il me semble qu'il y a aussi une partie javascript sur ton site qui gère bien le chargement ...

Je vais devoir potasser un peu. J'arrive pas bien à comprendre comment je peux accélérer le site sans exemple. C'est une partie qui m'interesse beaucoup.

Bonne journée.

Hors ligne

#17 2013-02-03 10:44:13

prospere
Membre
Lieu : Nantes
Inscription : 2005-11-01
Site Web

Re : Proposition d'aide au templatisme

Tous les JS sont chargés de manière asynchrone, et le fichier index.php gère directement le cache.
Dans 99% des cas, les requêtes ne vont pas plus loin que le index.php, le temps de traitement coté serveur est du coup très rapide (30ms).
Seules 1% des requêtes utilisent Dotclear.

Voici une autre astuce sur les boutons de partage :
http://www.geeek.org/optimisation-site- … t-677.html

Hors ligne

#18 2013-02-03 11:47:10

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Proposition d'aide au templatisme

Perso, plugin static cache avec l'astuce pour éviter au maximum l'accès à la bdd (lire fichier readme du plugin).

Varnish de Gandi simple hosting.

Gestion du cache http inspiré de htmll5 boilerplate : date d'expiration sur les fichiers, suppression des etags, etc (vive les entêtes 304 not modified).

Chargement asynchrone de jQuery et des scripts.

Un minimum de requêtes http (data:uri, etc).

Dernière modification par patidou (2013-02-03 11:49:06)


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#19 2013-02-05 16:41:48

pressecologie
Membre
Lieu : île de la Réunion
Inscription : 2011-02-21
Site Web

Re : Proposition d'aide au templatisme

prospere a écrit :

le fichier index.php gère directement le cache.
Dans 99% des cas, les requêtes ne vont pas plus loin que le index.php, le temps de traitement coté serveur est du coup très rapide (30ms).
Seules 1% des requêtes utilisent Dotclear.

En comparaison je suis à plus de 8s !! sur le premier chargement.
En réalité c'est beaucoup plus cours mais quand même c'est fou ça !

Si vous avez des conseils ou des tuto pour faire des tests ? Ou même des outils, je suis preneur.
Vous pouvez tester mon site (lien du profil) et vous marrer un peu ;-)

Mais moi je pleur quand j'observe une super réactivité chez vous ... je comprend que j'ai encore beaucoup de chemin à faire ...

Bonne soirée :-)

Hors ligne

#20 2013-02-05 20:47:46

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

Pour celles et ceux qui seraient intéressés par un thème 100% Bootstrap : http://forum.dotclear.org/viewtopic.php?pid=319288 ;)

Hors ligne

#21 2013-02-07 10:45:33

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Proposition d'aide au templatisme

patidou a écrit :

Perso, plugin static cache avec l'astuce pour éviter au maximum l'accès à la bdd (lire fichier readme du plugin).

Juste un détail : quel est le code que tu as ajouté au fichier inc/config.php pour éviter au maximum l'accès à base ?

Hors ligne

#22 2013-02-07 12:45:20

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Proposition d'aide au templatisme

L'astuce est dans le fichier readme du plugin (partie hints) :

Static Cache plugin installation

CONFIGURATION
-------------

You may add the following constants in your main config.php file:

DC_SC_CACHE_ENABLE : set to false to disable caching system (default false)
DC_SC_CACHE_DIR    : full path to cache directory (default to dcstaticcache in your cache directory)


HINTS
-----

If you want cache to be called before *any* connection to database, add a
require statement to _post_config.php at the end of your configuration file.

Si tu veux, je te copie les lignes de mon config.php ce soir. ;-)

Dernière modification par patidou (2013-02-07 12:47:25)


«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous

Hors ligne

#23 2013-02-07 14:25:39

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Proposition d'aide au templatisme

Merci patidou, j'ai trouvé, je n'avais pas les yeux en face des trous :)

Hors ligne

#24 2013-02-07 14:30:09

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Proposition d'aide au templatisme

Je rebondis sur la chose : si je ne mets que le require dirname(__FILE__).'/../plugins/staticCache/_post_config.php'; sans les 2 lignes define(''); (oui, car la mise en cache cause des soucis avec certains plugins, notamment agora et son widget login/logout), est-ce que cela sert à quelque chose ? :)

Hors ligne

#25 2013-02-07 15:00:27

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Proposition d'aide au templatisme

Non, cela ne servirait à rien : il faut qu'il y ait des pages dans le cache ;)

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map