Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Bonjour et bienvenue dans ce sujet consacré au thème Aspect, un thème destiné aux blogueurs, écrivains, journalistes, etc. spécialement conçu pour rendre la lecture des textes facile et agréable pour les lecteurs.
Ce sujet est destiné au support et aux discussions relatives à ce thème.
--- Message original ---
Sujet : [Nouveau thème] Aspect
Bonjour à tous,
J’ai récemment décidé de créer un petit blog avec Dotclear. Problème : je ne trouvais pas de thème qui me convenait parfaitement. Même si j’ai peu de connaissances en la matière, j’ai conçu un thème qui répond à mes attentes et qui est susceptible d’intéresser d’autres blogueurs, alors je partage… Je l’ai appelé Aspect
et vous pouvez le télécharger ici.Ce thème a une apparence très simple mais c’est volontaire, puisqu’il a vocation à mettre en avant l’essentiel du contenu d’un blog : ses articles, un peu comme dans un livre. C’est pourquoi son apparence y ressemble fortement : largeur du texte très limitée, pas d’espacement entre les paragraphes, alinéa au début de chacun d’entre eux, le texte est justifié, avec des césures si nécessaire, et sa police (libre) est proche de celles qu’on trouve dans les livres : Cormorant Garamond. Vous pouvez lire sa présentation complète ici.
Je me suis très largement inspiré de la structure du thème Ductile pour le réaliser. Il me fallait une base pour commencer, à moi qui vient de WordPress ; il m’a été très utile. Merci à ses créateurs !
J’insiste sur le fait que je travaille dans un domaine bien éloigné de l’informatique. Si ce thème est un minimum fonctionnel, je crains que le code soit très « sale » et je vous prie de bien vouloir m’en excuser par avance… Si vous avez des suggestions de modification, d’améliorations, etc. n’hésitez pas !
À bientôt !
th30
Dernière modification par th30 (2018-08-25 07:50:22)
Hors ligne
Merci !
J’ai essayé de le déposer sur DotAddict mais je n’arrive pas à demander l’activation de mon compte. Une fois que j’envoie mon message, rien ne se passe. Aucun message (y compris d’erreur) ne s’affiche et tous les champs du formulaire disparaissent.
Hors ligne
Merci !
J’ai essayé de le déposer sur DotAddict mais je n’arrive pas à demander l’activation de mon compte. Une fois que j’envoie mon message, rien ne se passe. Aucun message (y compris d’erreur) ne s’affiche et tous les champs du formulaire disparaissent.
Je viens d'activer le compte th30 pour la console DotAddict, ça devrait rouler maintenant ;-)
Dotclear addicted since 2004
Hors ligne
Je viens d'activer le compte th30 pour la console DotAddict, ça devrait rouler maintenant ;-)
C’est envoyé, merci !
Hors ligne
Et voilà, Aspect est maintenant disponible sur DotAddict ! Sa page se trouve ici : http://themes.dotaddict.org/galerie-dc2/details/aspect (la version 1.4 arrive…).
Bon téléchargement !
Dernière modification par th30 (2018-07-12 18:11:49)
Hors ligne
Bonjour !
Après quelques recherches sur Google, j’ai vu qu’un blog utilisait mon thème… Une première ! J’en suis content mais… il ne fonctionne pas correctement. Les polices ne se chargent pas avec @font-face.
Voici le problème : dans la feuille de style, le chemin vers les polices est le suivant : /themes/aspect/fonts/. Sauf que ça ne fonctionne pas en multi-blogs puisque la bonne URL serait /all-blogs/themes/aspect/fonts/.
J’aimerais que mon thème s’adapte automatiquement, qu’il soit installé sur un blog simple ou en multi-blogs.
Ce que j’ai décidé de faire : supprimer @font-face de la feuille de style et l’intégrer directement dans la page, dans l’élément <head>. Pour ça, j’ai créé une fonction dans _public.php qui commence par ça (désolé pour les yeux, j’ai peu de connaissances en PHP…) :
public static function FontsInHead($attr)
{
global $core;
$theme_directory = $core->blog->settings->system->themes_url;
echo '
<style>
/* Cormorant Garamond */
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 400;
src: url("'.$theme_directory.'/aspect/fonts/cormorant-garamond/CormorantGaramond-Regular.eot"); /* IE9 Compat Modes */
src: url("'.$theme_directory.'/aspect/fonts/cormorant-garamond/CormorantGaramond-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("'.$theme_directory.'/aspect/fonts/cormorant-garamond/CormorantGaramond-Regular.woff2") format("woff2"),
url("'.$theme_directory.'/aspect/fonts/cormorant-garamond/CormorantGaramond-Regular.woff") format("woff"),
url("'.$theme_directory.'/aspect/fonts/cormorant-garamond/CormorantGaramond-Regular.ttf") format("truetype"),
url("'.$theme_directory.'/aspect/fonts/cormorant-garamond/CormorantGaramond-Regular.svg#cormorant_garamondregular") format("svg");
}
etc.$theme_directory est censé fournir l’URL du répertoire du thème. Mais comme je n’arrive pas à comprendre Dotclear, je ne sais pas si $core->blog->settings->system->themes_url est le bon moyen pour y arriver. Pour vous, ça semble bon ? Ça fonctionne sur mon site (pas en multi-blogs), mais comme je ne sais pas si ça fonctionne correctement en multi-blogs (je n’arrive pas à le configurer pour le moment).
Si vous avez d’autres idées pour remédier à ce problème, n’hésitez pas à m’en faire part !
Passez un bon dimanche.
th30
Hors ligne
Dans le fichier head.html de ton thème, tu peux inclure tes polices avec la balise {{tpl:BlogThemeURL}}
Par exemple pour le thème Grayscale qui embarque font-awesome :
<!-- Custom Fonts -->
<link href="{{tpl:BlogThemeURL}}/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">Ça devrait marcher quel que soit l'emplacement du répertoire des thèmes
Hors ligne
Cela dit les URLs peuvent aussi être relatives dans la CSS, exemple (repris du thème Neodark) :
@font-face {
font-family: 'droid_sans';
src: url("font/DroidSans.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'droid_serif';
src: url("font/DroidSerif.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'droid_mono';
src: url("font/DroidMono.woff") format("woff");
font-weight: normal;
font-style: normal; }Dotclear addicted since 2004
Hors ligne
Cela dit les URLs peuvent aussi être relatives dans la CSS, exemple (repris du thème Neodark) :
@font-face { font-family: 'droid_sans'; src: url("font/DroidSans.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_serif'; src: url("font/DroidSerif.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_mono'; src: url("font/DroidMono.woff") format("woff"); font-weight: normal; font-style: normal; }
Ce qui permet, d'une part, de conserver les styles dans la feuille de style, et, d'autre part, se fiche de l'endroit où est installé le thème.
Idem pour les images d'ailleurs, il me semble avoir vu passer un url(/themes/images/…) alors qu'un url(images/…) suffirait
Dotclear addicted since 2004
Hors ligne
Oui, je n'avais pas précisé : avec des urls relatives dans la css
Hors ligne
Merci à vous deux pour votre aide ! Vous m'avez répondu très rapidement il y fort longtemps, je vous réponds et vous remercie avec beaucoup de retard, seulement maintenant, et je m'en excuse au passage.
J'ai finalement opté pour des URL relatives dans la feuille de style.
La mise à jour du thème a été envoyée sur DotAddict ! Et une autre mise à jour viendra très vite parce que j'ai oublié de modifier l'URL pour les images...
Merci encore.
Hors ligne
@th30 Tres, tres jolie thème. I love it.
I ♥ Dotclear.
Hors ligne
Salut,
Me semble qu'il manque ce behavior, ce qui fait que certains plugins ne peuvent fonctionner :
{{tpl:SysBehavior behavior="publicTopAfterContent"}}
Et puis la traduction est bizarre et incomplète. Normalement, on a des thèmes en anglais avec une traduc en français dans le .po, pas l'inverse.
https://lab.brol.info/post/2015/04/22/image-li%C3%A9e
Choisir le thème dans la sidebar et constater : l'image en sidebar a un lien et devrait s'afficher avec colorbox. Idem pour l'image dans le billet.
Merci
Hors ligne
Merci Pierre, je travaillerai sur ces problèmes très prochainement.
Hors ligne
@th30 Tres, tres jolie thème. I love it.
Merci !
Salut,
Me semble qu'il manque ce behavior, ce qui fait que certains plugins ne peuvent fonctionner :
{{tpl:SysBehavior behavior="publicTopAfterContent"}}Et puis la traduction est bizarre et incomplète. Normalement, on a des thèmes en anglais avec une traduc en français dans le .po, pas l'inverse.
https://lab.brol.info/post/2015/04/22/image-li%C3%A9e
Choisir le thème dans la sidebar et constater : l'image en sidebar a un lien et devrait s'afficher avec colorbox. Idem pour l'image dans le billet.Merci
C'est corrigé !
Hors ligne
Bravo th30 pour ce thème sobre et élégant… qui répond bien aux différents écrans… et que j'adopte donc avec plaisir. Je vois que d'immenses possibilités de personnalisation sont intégrées ;-) dans le _public.php dont un logo ; super ; j'ai carrément mis ma photo :-) ; mais je vois qu'il/elle s'affiche sur certaines pages / templates (archive, archive_month, search…) et pas d'autres (home, post,…) … et je ne sais pas assez lire la hiérarchie des fichiers pour comprendre d'où ça vient :-( et où et comment ajuster le template qui va bien… Si c'est raisonnablement possible !
Hors ligne
Je viens de regarder les gabarits, a priori le logo devrait s'afficher dans tous les contextes, il est appelé sur __layout.html (dans le block site-logo, présent uniquement dans ce gabarit) qui est la base de tous les gabarits.
j'ai testé, j'ai bien l'image sur la home et dans les posts…
Hors ligne
Bravo ce thème colle parfaitement à mes attentes.
Je suis fervent défenseur du fait maison ! Cela passe surtout par la cuisine, je fais tout moi-même et je suis constamment à la recherche de petite astuce pour faire soi-même les plats que l'on pourrait retrouver en grande surface déjà préparés.
Dans cette optique de faire mon propre pain, la machine à pain est mon meilleur allié.
Hors ligne
Merci Tomek
Je viens de regarder les gabarits, a priori le logo devrait s'afficher dans tous les contextes, il est appelé sur __layout.html (dans le block site-logo, présent uniquement dans ce gabarit) qui est la base de tous les gabarits.
j'ai testé, j'ai bien l'image sur la home et dans les posts…
Ça ne marchait pas chez moi, mais l'indication m'a permis de patcher le souci en copiant-collant (oups) le ***tpl:Block name="site-logo"*** dans les gabarits qui "perdaient" le logo. Résultat atteint !
Hors ligne
Bonjour, je cherche à agrandir la largeur de la page.
Et je cherche également à changer la couleur des hyperliens.
Auriez-vous une idée ?
Merci !
http://humains.lasauceauxarts.org
Hors ligne
Pour la largeur de la page, il faut agir sur la feuille de style CSS sur la div #page, et la déclaration max-width à augmenter selon vos envies.
Pour les hyperliens, s'il s'agit des liens dans les billets, c'est ".post-content a" qu'il faut chercher, et la déclaration color qu'il faut modifier.
Hors ligne
Oui j'ai bien essayé de changer ces paramètres mais cela n'a étonnamment aucun effet (cache des templates et du navigateur bien vidés) !
Hors ligne
Dans style.min.css rechercher
#page {
max-width:400px;
padding:20px;
margin:4em auto 2em auto;
background-color:transparent
}
remplacer max-width:400px; par une autre valeur
Hors ligne
Vous n'êtes pas identifié(e).