Thème Typebased

Classé dans PluXml

Encore une adaptation de thème wordpress que je vous propose aujourd'hui...

Installation

Placer le dossier pluxml à la racine de votre site.
Connectez-vous à l'adresse du site et suivez les instructions d'installation.
Une fois l'installation terminée, la page d'accueil s'affiche avec le thème par défaut.

Connectez-vous au panneau d'administration et cliquez sur Paramètres.
Dans les options d'affichage, sélectionnez le thème "typebased".
Puis rendez-vous dans la rubrique plugins et activez les tous.

Rubrique "A PROPOS"

Le plugin "About" permet de renseigner la rubrique "A PROPOS" située dans la sidebar ainsi que les images et les liens de la rubrique "A VOIR" également dans la sidebar.


Pour les images de la sidebar, utilisez le code déjà présent comme exemple.

Démonstration

A l'heure où j'écris ces lignes, c'est le thème que j'utilise. Si ce n'est plus le cas quand vous les lirez, vous pouvez voir un site en ligne utilisant ce thème. S'il vous convient, n'hésitez pas à l'utiliser !

Téléchargement

L'archive est disponible dans la rubrique "téléchargements" .

Enjoy ;-)

8 commentaires

  1. Bonjour,
    a propos de ce template typebased
    je cherche desesperement comment implanter zoombox et craftyslide que j'avais installé sur un autre template mais pas moyen de pointer sur les css et le javascript ?

  2. A propos de zoombox, il existe un plugin officiel ou le plugin sur mon site. Il suffit de le télécharger sur ton site, soit par l'intermédiaire du plugin MypluginDownloader, soit en le dézippant et en plaçant les fichiers dans le dossier plugin via FTP.

    Pour craftyslide, je ne connais pas mais je pense que c'est un plugin jquery.
    Si tu ne veux pas en faire un plugin, place les styles associés dans un fichier css que tu mettras dans le dossier styles du thème et crée un dossier javascript dans lequel tu mettras le fichier js correspondant à craftyslide.

    Une fois cela fait, ouvre le fichier header.php du thème et place juste avant la balise <head>, la ligne suivante :

    <link rel="stylesheet" type="text/css" href="<?php $plxShow->template(); ?>/styles/craftyslide.css" media="screen" />

    Ouvre ensuite le fichier footer.php dans le thème et place les lignes suivantes juste avant la balise </body>

    <script src="<?php $plxShow->template(); ?>/javascript/jquery.js" type="text/javascript"></script> (uniquement si tu ne télécharges pas le plugin zoombox)

    et

    <script src="<?php $plxShow->template(); ?>/javascript/craftyslide.js" type="text/javascript"></script>

  3. Je te remercie de ta réponse rapide,

    J'ai connu pluxml il y a un certain temps, je l'avais utilisé pour un livre d'or,à cette époque on trouvait des thèmes magnifiques mais il y avait beaucoup moins de fonctions: pour ma pars je suis un grand adepte de CmsMadeSimple et de Drupal;

    mais je suis quand même revenu à Pluxml, d'abord pour voir et ensuite pour faire un petit blog pour ma fille mais naturellement je ne peux pas m'empècher de farfouiller.
    Comme tu peux le voir à l'adresse ici http://ontheroad.lescigales.org/pluxml/
    j'avais intégré les deux (zoombox et craftyslide) sans problème
    je vais donc voir avec ton plugin zoombox et ta réponse pour intégrer dans le template (typebased) qui est interessant pour les fonctions qu'il embarque; je pense aussi adopter ton menu a arborescence aussi (tuto lapin).

    Merci encore à bientôt

  4. Re

    T'es pas obligé de publier tous mes comments, tu peux me répondre en vrac
    1/ avec le plugin zoombox plus de problèmes
    2/ en ce qui concerne le "slider craftyslide" pour le moment çà marche pas, de toute façon il n'est pas adapté "trop long" pour ce template mais j'aurai voulu savoir tout de même,
    dans le cas de cette utilisation:
    <link rel="stylesheet" type="text/css" href="<?php $plxShow->template(); ?>/styles/craftyslide.css" media="screen" />
    est-ce que l'on est à la racine, ou est ce que le dossier "style" doit se trouver dans le template ? si oui ! comment on fait avec les images de la css ?
    Dans ma précedante utilisation sur le template "devart" et avec le tuto
    http://www.codesscripts.fr/installer-zo … ms-pluxml/, tout était à la racine ;css/js
    je te cache pas que je préfererais ce genre de slider
    http://ontheroad.lescigales.org/decade/ … e=france-1, mais bon là j'ai pas trop le temps de chercher, j'essaye plusieurs templates pour voir surtout comment sont intégrés différentes fonctions: galeries/calendriers/commentaires , c'est pas facile de se faire une idée car en général les templates n'embarquent pas grand chose , certains plugins n'ont pas de config et aucune aide et la recherche sur le forum desastreuse
    A ce propos sais tu pourquoi on ne peux pas s'inscrire sur le forum de Pluxml ?

    cordialement Phil Did,

  5. Comme tu peux le lire dans mon précédent commentaire, places le dossier css et le dossier javascript dans le dossier du thème Typebased. Au final, tu auras l'arborescence suivante :

    Pluxml
    - themes
    -- Typebased
    --- styles
    ---- style.css
    ---- craftyslide.css
    --- javascript
    ---- jquery-1.6.3.min.js
    ---- craftyslide.js

    Tes images seront placées dans le dossier data/images et appelées comme des images traditionnelles dans tes articles.

    Le plugin ne fonctionne pas car tu dois appeler le script sur un index particulier de ton arbre DOM. Ce qui veut dire que tu dois créer une liste avec un id du style :

    <div id="slideshow">
    <ul>
    <li>
    <img src="image1.jpg" title="Lorem ipsum dolor sit amet" />
    </li>

    <li>
    <img src="image2.jpg" title="Lorem ipsum dolor sit amet" />
    </li>

    <li>
    <img src="image3.jpg" title="Lorem ipsum dolor sit amet" />
    </li>
    </ul>
    </div>

    Ensuite, tu dois initialiser le slider en le liant à cet id, en faisant :

    <script type="text/javascript">
    <!--
    $("#slideshow").craftyslide({
    'width': 640,
    'height': 400,
    'pagination': false,
    'fadetime': 500,
    'delay': 2500
    });
    -->
    </script>

    Comme tu peux le voir, tu peux régler la largeur et la hauteur des images.

    Tout est bien détaillé sur le site de l'auteur : http://projects.craftedpixelz.co.uk/craftyslide/

    Enfin, pour répondre à ta question sur le forum de pluxml, c'est à cause des spams trop nombreux. Si tu veux t'inscrire, il faut écrire un mail à Stéphane, le responsable du projet.

  6. Merci beaucoup pour tes éclaircissements !

    Oui avec firebug je vois tes explications.

    C'est vraiment une belle fonction pour créer une bibliothèque d'articles, très facile à visualiser.

    Encore beau travail ! Lâche pas.

  7. J'ai modifié la fonction de pluxml qui permet l'affichage des menus et ensuite c'est un peu de css et de javascript.

    Assez difficile de répondre à ceci dans un commentaire.

    Grosso modo, la fonction javascript que j'utilise est basée sur jQuery. Tu peux la retrouver en suivant le lien http://www.ecyseo.net/themes/diary-notebook/js/menu.js

    Il faut également une liste non ordonnée avec l'id "nav" sur la liste principale (ul) et la classe "page_item" sur ses enfants de premier rang (li). Regarde le code source de cette page pour mieux comprendre. Tout se passe en bas de page à partir de la ligne 457.

  8. Hello,

    Beau travail !

    Comment fais tu pour faire un menu accordéon ? dans ta barre de côté droit. Cela m’intéresse grandement et je ne vois pas plus d'information sur les menus accordéons sur pluxml. Merci D'avance.

Écrire un commentaire

*


*

 Se rappeler de moi sur ce site

*
Quelle est la deuxième lettre du mot rrgx ? :