J’ai récemment fait l’éloge du nouveau thème WordPress par défaut pour 2015 en raison de son aspect propre et de son souci de partager un contenu magnifique. Jrsquoaime son rythme vertical, la disposition de la barre latérale et son comportement réactif. Crsquoest un très beau sujet. Bien que jrsquoaime son apparence, il y a toujours de la place pour la personnalisation. Le 215 offre quelques options de personnalisation, mais voudrez peut être faire plus pour modéliser vos préférences. Dans je vais montrer plusieurs façons de transformer un thème déjà fantastique en un design de site Web qui convient. Jetons un coup drsquooeil aux options de personnalisation intégrées, à certains plug ins pour ajouter des améliorations de style supplémentaires et à des solutions drsquoencodage automatique pour certains problèmes, quoique mineurs.
Au cours de nous explorerons: lrsquoutilisation du plug in de menu social pour ajouter des images de fond de couleur personnalisées par défaut pour le contenu principal et les barres latérales ajouter le support pour les polices Google ajouter des flux Twitter aux barres latérales ajouter le support pour les bibliothèques de tuiles, Partager des liens et drsquoautres solutions drsquoencodage déplacent la barre latérale vers la droite, en ajoutant des crédits drsquoimage sous le poste supprimer la section auteur sous le poste changer la couleur de la boîte de contenu thème par défaut personnaliser lrsquoendroit principal où aller est lrsquoapparence dans lrsquoadministration gt personnaliser la section. Cela permet au personnalisateur de thème drsquoafficher les options suivantes:
Section personnalisée disponible pour 215 titres et slogans de site cette section du Programme personnalisé permet de configurer les titres et sous titres de site. Crsquoest une fonctionnalité standard pour presque tous les sujets. De plus, pouvez choisir (via la case à cocher) de lrsquoéteindre complètement. Ceci est utile si voulez ajouter un titre graphique avec un logo
Thèmes pour enfants. Jrsquoai découvert que dans ce titre et sous titres, ils peuvent même être utilisés de façon satisfaisante pour une courte biographie. Je préfère ça aux widgets.
Différences entre les titres et sous titres et les widgets. La capture drsquoécran ci dessus affiche le titre et le Sous titre à gauche et le Widget texte normal à droite. Il est aussi grand que le titre du Widget, mais malheureusement, le Widget ne peut pas être placé au dessus du menu, en haut de la page, comme je lrsquoespère. La section couleurs donne accès aux options personnalisées les plus visibles: changer la couleur. Il y a quatre paramètres: le schéma de couleurs de base: permet de sélectionner la couleur par défaut pour le contenu et les barres latérales. Couleur de fond: définit la couleur de fond de la zone de contenu principale. La boîte de contenu conserve sa couleur originale. Couleur du texte du titre et barre latérale: définit la couleur du texte du titre et de la barre latérale. La barre latérale devient un titre sur un écran plus petit. Couleur de fond du titre et de la barre latérale: définit la couleur de fond de la barre latérale zone de titre. Quelques changements de couleur. Les deux parties du titre et de lrsquoimage de fond contiennent un réglage pour ajuster lrsquoimage de fond de la barre latérale et de la zone de contenu, respectivement. Même si utilisez des images ici, assurez de définir une bonne couleur de fond. quelque chose tourne mal et que votre image ne peut pas être chargée, vos lecteurs verront encore quelque chose de visuellement agréable.
Définit lrsquoimage de fond de la barre latérale et du contenu. voulez savoir, il nrsquoy a aucun moyen drsquoavoir une image de fond qui srsquoétend tout le temps et de rendre la barre latérale noire un peu opaque. Les captures drsquoécran ci dessus ressemblent à ça, mais ce sont en fait deux images. Navigation, widgets et première partie de la page
Typecase permet également drsquoajouter des sélecteurs personnalisés pour adapter les polices à des éléments spécifiques. Crsquoest une façon très puissante drsquoajouter des rôles à un sujet sans changer le sujet lui même. Êtes intéressé à ajouter le support pour les polices Google? Ajouter un flux Twitter pour plus d Ajouter un flux Twitter à la barre latérale peut être lrsquoune des meilleures façons pour les gens drsquointeragir avec . Récemment, jrsquoa i rencontré un plug in appelé Easy Twitter Feed, qui est lrsquoun des meilleurs que jrsquoai utilisés jusqursquoà présent. Lrsquoinstallation est aussi simple que le collage drsquoun ID Widget et permet de personnaliser largement lrsquoapparence du flux.
Vous voulez ajouter un flux Twitter? Détails bibliothèque côte à côte, partage de liens, etc.
Avec près de 14 millions de téléchargements, jetpack est actuellement lrsquoun des plug ins les plus populaires. Il a été créé par nos amis drsquoAutomatic et contient un grand nombre de fonctionnalités qui peuvent être activées ou désactivées sélectivement. La galerie de tuiles est lrsquoune de mes fonctionnalités préférées, qui crée automatiquement une galerie de style maçonnerie à partir du Code court de la galerie. La beauté de faire cela est que lorsque entrez dans la galerie, nrsquoavez pas besoin de faire quoi que ce soit de spécial, il suffit drsquoactiver la fonction.
Un autre ordre de travail
B) la question Ne pas outrepasser en définissant la marge de droite: 20px dans le Sous thème. Vous voulez dire que ce projet devrait avoir un bord droit de 20 pixels en plus du bord gauche. Dans ces cas, devez écrire: marge gauche: auto Distance droite: 20px Marge gauche: automatique Distance droite: 20px. Crsquoest évident quand écrivez toutes les règles, mais parfois je fais cette erreur quand je réécrit les règles et passe du temps à trouver le mauvais endroit! Le dernier défi consiste à srsquoassurer que le séparateur de fond est aligné sur notre nouvelle disposition. Utilisez le pseudo sélecteur:: avant pour ajouter un séparateur. Nous avons complété le changement de barre latérale en nous assurant que lemplacement de lrsquoélément est fixé à droite plutôt qursquoà gauche. Assurez drsquoinclure le code dans votre requête média. Nous voulons juste appliquer ces styles au grand écran. Sur les plus petits écrans, la barre latérale devrait toujours être le titre. Par défaut, cela se produit sur un petit écran sur le Bureau, 955 pixels ou 59.6875 em. Quel est le problème avec lrsquoajout drsquoun crédit drsquoimage sous le post? Ce que je veux dire, crsquoest que si jrsquoutilise des images de lrsquoensemble du Web, qui est responsable, mais nrsquoa pas choisi drsquoaugmenter le crédit drsquoimage en 2015. Comment le réparer? Utilisez des champs personnalisés avancés et des sous thèmes pour saisir des informations dans le modèle. Je vais montrer comment je fais cela sur mon site Web, mais pour plus d’informations informelles à ce sujet, consultez le processus de création d’un Journal d’exercice en utilisant wordpress pour en savoir plus sur son fonctionnement. Solutions dans les champs personnalisés avancés jrsquoai créé un champ de texte WYSIWYG qui srsquoaffiche sur chaque page drsquoédition du billet. Jrsquoaurais pu le définir comme un champ URL, mais ça me limiterait à lrsquoavant. je lrsquoaime, je peux utiliser le champ texte pour écrire une ou deux phrases librement sur lrsquoimage.
Champ de crédit drsquoimage que jrsquoai créé dans ACF. Zone a
À ce stade, pouvez ajouter des crédits drsquoimage à tous les messages, mais ils nrsquoapparaissent pas à lrsquoavant. Ouvrez le fichier de fonction. PHP et nous utilisons un crochet pour ajouter cette information après le contenu du message: instructions pour charger 5f47292f15cbc2e2d4ff ce code obtient le contenu original du message et le renvoie après avoir ajouté notre propre chaîne de crédit drsquoimage. Notez que jrsquoa i utilisé un format HTML spécifique: instructions pour charger 5f47292f15cbc2e2d4ff je lrsquoai fait parce que jetpack utilise la même structure pour la sortie de certains de ses contenus, comme les parties partagées. Je voulais qursquoil imite ça, alors jrsquoai utilisé le même HTML. Avant drsquoessayer, ayez un style. CSS à votre style. CSS peut légèrement changer drsquoapparence. Utilisez la commande suivante pour ressembler à un module jetpack: instructions pour charger 5f47292f15cbc2e2d4ff Notez que jrsquoa i finalement utilisé un sélecteur pour changer la taille de police de toutes les parties. Le dernier paragraphe. Contenu du chapitre. voulez que le texte soit un peu plus grand, pouvez le supprimer.
Quel est le problème avec le crédit drsquoimage et le partage de jetpack pour supprimer la section auteur? La biographie drsquoun auteur apparaît au bas de chaque article, ce qui semble bien, mais ce nrsquoest pas tout à fait nécessaire si nrsquoavez qursquoun seul auteur sur le site, car vos informations peuvent apparaître dans la barre latérale. Comment le réparer? Vous pouvez le faire de deux façons: Vous pouvez le supprimer en utilisant une feuille de style, ou pouvez supprimer toute la fonctionnalité. Pour le supprimer , allez à votre style de fichier. CSS et ajouter ce qui suit:. Informations sur lrsquoauteur {display: none}. Informations sur lrsquoauteur {display: none}. sélectionnez cette méthode, le texte existe toujours, mais il est caché . voulez empêcher le chargement inutile du contenu, pouvez le faire via t
Tout, HTML et tout. Pour ce faire, devez copier et coller le fichier de contenu. Php va du thème principal au sous thème. Ouvrez le fichier et trouvez la section qui commence par author bio. Supprime tout du balisage PHP initial au balisage PHP final. Voici le code complet à supprimer: instructions pour charger 5f47292f15cbc2e2d4ff qursquoest ce qui ne va pas avec le changement de couleur de la boîte de contenu? Le personnalisateur de thème ne permet pas de changer la couleur de la boîte de contenu. Comment le réparer? Vous pouvez changer la couleur (et le texte) de la zone de contenu pour créer un modèle plus intéressant. Il suffit de changer le style afin que tout puisse être écrit dans la Feuille de style du sous thème. Une boîte couleur personnalisée. Pour voir lrsquoeffet dans la capture drsquoécran ci dessus, jrsquoai dû changer un peu de style. Il ne suffit pas de changer lrsquoarrière plan et la couleur du texte dans la boîte, car les liens et autres éléments peuvent les écraser. 5f47292f15cbc2e2d4ff pour obtenir le même design que ci dessus, utilisez 000000 comme arrière plan de contenu dans le personnalisateur de thème et 303030 comme arrière plan de barre latérale. Soyez prudent, car certains éléments du contenu du message peuvent outrepasser ces styles. Vous pouvez déjà voir un exemple dans la capture drsquoécran: pré Tag. Cela peut sembler correct sur le plan de la conception, mais drsquoautres éléments peuvent être couverts et les résultats ne sont pas très satisfaisants. Dans ce cas, il suffit drsquoajouter une nouvelle règle à la Feuille de style pour utiliser la couleur. Quel est le problème avec la création de boîtes sans frontières? Dans certains cas, devrez peut être créer un panneau sans limite, comme un curseur. Regardez la capture drsquoécran ci dessous pour mieux comprendre le problème. Courrier sans frontières et courrier normal. Comment le réparer? Nous pouvons définir lrsquoun de ces sous formats de post sans frontières, mais pref
Je vais les garder comme ils sont, et le design est génial. De plus, je pourrais vouloir afficher une image dans un cadre sans limite ou même dans un cadre sans limite. La solution que jrsquoai trouvée implique à nouveau des champs personnalisés avancés. Jrsquoa i créé une vérification de type vrai faux qui est envoyée pour lrsquoécran drsquoédition de chaque message. Cela me permet de définir si je veux qursquoun message particulier soit illimité. Le contrôle sans limite se trouve juste sous la zone de crédit de lrsquoimage discutée ci dessus. Chaque fois que nous Téléchargeons un billet, nous vérifions lrsquoétat de cette case et, dans le cas drsquoun billet, nous générons une classe spéciale. Ceci peut être fait en documentant la fonction post _ Class: instructions pour charger 5f47292f15cbc2e2d4ff nous utilisons la fonction get Field pour voir si la zone sans limite est sélectionnée. Dans lrsquoaffirmative, nous lrsquoajouterons au tableau des classes qui seront ajoutées au billet. À partir de maintenant, ce que voulez faire est principalement subjectif. Vous pouvez supprimer les bordures, mais laisser les méta zones, supprimer complètement les méta zones, et ainsi de suite. Jrsquoai choisi de supprimer tout le contenu: instructions pour charger 5f47292f15cbc2e2d4ff au fait, crsquoest la meilleure façon drsquoajouter un curseur permanent en haut de la page drsquoaccueil. Il suffit drsquoajouter un curseur pour le contenu du message et de le marquer comme collant. Dans ma démonstration, jrsquoai utilisé le plug in Meta slider pour créer le curseur. Conclusion comme pouvez le voir, il existe de nombreuses façons de personnaliser le 215 pour le rendre plus approprié pour . La personnalisation intégrée permet de contrôler certains paramètres de base, tandis que les plug ins peuvent faire beaucoup pour étendre des sujets déjà merveilleux. avez besoin de changements plus fondamentaux, pouvez obtenir presque tout à travers un thème pour enfants. Vous pouvez supprimer des éléments, ajouter vos propres éléments et personnaliser le style de tous les éléments de façon modulaire. voulez voir quelqursquoun drsquoautre
Ou si avez édité le sujet même, faites le nous savoir dans les commentaires ci dessous. Étiquettes: sous thèmes sans thème de code
