Actualités Technologiques, Avis et Astuces!
  • Actualités
  • Apps
  • Mobiles
  • Gadgets
  • Jeux

Actualités Technologiques, Avis et Astuces!

  • Actualités
  • Apps
  • Mobiles
  • Gadgets
  • Jeux

Comment concevoir des catégories individuelles différemment dans WordPress

by admin3739 05/24/2020
Comment concevoir des catégories individuelles différemment dans WordPress 1

Voulez-vous concevoir différentes catégories dans WordPress? La plupart des thèmes WordPress utilisent le même style pour toutes les pages d'archives de catégorie. Cependant, si vous exécutez un site Web riche en contenu, vous pouvez concevoir chaque catégorie différemment pour maximiser son potentiel. Dans cet article, nous vous montrerons comment concevoir facilement différentes catégories dans WordPress.

Comment concevoir des catégories différemment dans WordPress

Pourquoi les catégories de style sont-elles différentes dans WordPress?

Comme nous l'avons dit précédemment, la plupart des thèmes WordPress utilisent le même modèle pour chaque page d'archive de catégorie. En effet, les développeurs de thèmes ne savent pas comment vous utiliserez les catégories sur votre site Web et quelles seront ces catégories.

Cependant, si vous exécutez un site riche en contenu, la modification de la présentation d'une page d'archive de catégorie peut avoir un impact considérable sur la façon dont les utilisateurs interagissent avec le contenu de cette page.

Par exemple, si vous gérez un site d'actualités ou de magazine, vous pouvez afficher des annonces locales dans la catégorie des actualités locales. Vous pouvez afficher des informations sur la météo, afficher les histoires les plus populaires de cette catégorie, etc.

Cela dit, regardons comment concevoir facilement des catégories individuelles différemment dans WordPress.

Concevez des catégories individuelles différemment dans WordPress

Il existe plusieurs façons de concevoir des catégories dans WordPress. Nous allons vous montrer deux méthodes différentes de conception de catégories, et vous pouvez choisir celle qui convient le mieux à vos besoins et à votre niveau de compétence.

Utilisez un modèle de catégorie unique dans le thème WordPress

Les thèmes WordPress suivent une hiérarchie de modèles standard. Selon le nom du fichier modèle, WordPress peut choisir automatiquement le modèle correct pour afficher une page.

Nous recommandons:  🥇 ▷ Epic devrait-il exécuter PlayStation vs Xbox Fortnite faire la fête? »✅

Par exemple, recherchez le fichier category.php pour afficher les pages du fichier de catégorie.

WordPress vous permet également de créer des modèles pour des catégories individuelles. Supposons que vous souhaitiez concevoir la catégorie "Apple"Différemment. Vous pouvez le faire en ajoutant un nouveau fichier de modèle à votre thème et en le nommant category-apple.php.

Connectez-vous à votre site WordPress à l'aide d'un client FTP, puis accédez à / wp-content / themes / votre-thème-actuel / dossier et créez un nouveau fichier category-apple.php. N'oubliez pas de remplacer la pomme par votre propre nom de catégorie.

Créez un modèle pour une catégorie individuelle dans votre thème WordPress

Vous pouvez utiliser le fichier category.php pour votre thème comme point de départ. Modifiez et copiez tout votre contenu. Modifiez maintenant votre fichier category-apple.php nouvellement créé et collez-y le code.

Après cela, vous pouvez commencer à apporter des modifications à votre modèle de catégorie individuelle. Vous pouvez créer et utiliser une barre latérale différente pour cette catégorie, en faire une page pleine largeur, ajouter un message de bienvenue ou tout ce que vous voulez.

Style de catégories individuelles dans WordPress en utilisant CSS

WordPress ajoute automatiquement des classes CSS à différents éléments de votre site Web. Il s'agit à la fois de la classe de corps et de la classe post.

Par exemple, si vous affichez une page de fichier de catégorie puis utilisez l'outil d'inspection, vous remarquerez le CSS de catégorie et le nom de catégorie dans la balise body.

Classe de catégorie ajoutée à l'élément body par WordPress

Vous pouvez utiliser cette classe CSS pour concevoir chaque catégorie individuelle différemment en ajoutant du CSS personnalisé.

Voici quelques exemples CSS que vous pouvez utiliser comme point de départ.

body.category-apple { 
 background-color:#EEE;
 background:url("https://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
 color:#FFFFFF;
 }
 .category-apple .site { 
 background:#232323; 
 }
 .category-apple a { 
 color:#CCCCCC; 
 } 
 

N'oubliez pas de renommer la catégorie dans la classe CSS avec votre propre nom de catégorie.

Nous recommandons:  Epic Games Store propose désormais des économies sur le cloud

Changer le style de catégorie en utilisant CSS

Nous espérons que cet article vous a aidé à apprendre à concevoir les catégories différemment dans WordPress. Vous pouvez également consulter notre liste des plugins et hacks de catégorie les plus recherchés pour WordPress.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour regarder des vidéos de tutoriel WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Download Premium WordPress Themes Free
Premium WordPress Themes Download
Premium WordPress Themes Download
Download Nulled WordPress Themes
free download udemy paid course
download huawei firmware
Download Nulled WordPress Themes
Share
Tweet
Pin
0 Shares
catégoriescommentconcevoirdansdesdifféremmentindividuellesWordPress

Recent Posts

  • 3 stratégies de marketing par e-mail de restaurants pour gagner des clients

    05/26/2020
  • 3 Étapes à toute épreuve pour rédiger une copie qui plaira à votre public

    05/26/2020
  • 6 conseils d'utilisation Pinterest pour le business

    05/26/2020
  • Comment démarrer un programme d'affiliation: votre guide complet étape par étape

    05/26/2020
  • Obstacles au changement culturel pour inclure les femmes.

    05/26/2020
| Contactez Nous | Politique de Confidentialité |

@2019 - Actualités Technologiques, Avis et Astuces!

Ce site Web utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez.

En cas de vente de vos informations personnelles, vous pouvez vous désinscrire en utilisant le lien Ne vendez pas mes informations personnelles

J'accepte Déclin Cookie Settings
  • About Cookies

    About Cookies

    Les cookies sont de petits fichiers texte qui peuvent être utilisés par les sites Web pour rendre l'expérience d'un utilisateur plus efficace. La loi stipule que nous pouvons stocker des cookies sur votre appareil s'ils sont strictement nécessaires au fonctionnement de ce site. Pour tous les autres types de cookies, nous avons besoin de votre autorisation. Ce site utilise différents types de cookies. Certains cookies sont placés par des services tiers qui apparaissent sur nos pages.
  • Necessary

    Necessary

    Always Active
    Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.
    Name Domain Purpose Expiry Type
    PHPSESSID xeonite.tech PHP generic session cookie. Session HTTP
    wpl_user_preference xeonite.tech WP GDPR Cookie Consent Preferences 1 year HTTP
    YSC youtube.com YouTube session cookie. Session HTTP
    AWSALB api.intentiq.com Amazon Web Services Load Balancer cookie. 7 days HTTP
  • Marketing

    Marketing

    Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.
    Name Domain Purpose Expiry Type
    ljt_reader lijit.com Lijit advertising platform cookie. 1 year HTTP
    VISITOR_INFO1_LIVE youtube.com YouTube cookie. Session HTTP
    GPS youtube.com Google advertising domain Session HTTP
  • Analytics

    Analytics

    Analytics cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.
    Name Domain Purpose Expiry Type
    _cc_dc crwdcntrl.net Lotame tracking cookie. 6 months HTTP
    _cc_id crwdcntrl.net Lotame tracking cookie. 6 months HTTP
    uid tynt.com Generic AddThis tracking cookie. 1 year HTTP
    _cc_cc crwdcntrl.net Lotame tracking cookie. 6 months HTTP
    _cc_aud crwdcntrl.net Lotame tracking cookie. 6 months HTTP
    bkdc bluekai.com BlueKai tracking cookie. Session HTTP
    bku bluekai.com BlueKai tracking cookie. Session HTTP
    IDE doubleclick.net Google advertising cookie used for user tracking and ad targeting purposes. 1 day HTTP
    tfw_exp twitter.com Twitter tracking cookie 1 day HTTP
  • Preferences

    Preferences

    Preference cookies enable a website to remember information that changes the way the website behaves or looks, like your preferred language or the region that you are in.

    We do not use cookies of this type.
  • Unclassified

    Unclassified

    Unclassified cookies are cookies that we are in the process of classifying, together with the providers of individual cookies.
    Name Domain Purpose Expiry Type
    CountUid histats.com --- 1 year ---
    __cfduid xeonite.tech Generic CloudFlare functional cookie. 1 year HTTP
    HstCfa4364612 xeonite.tech --- 1 year ---
    HstCmu4364612 xeonite.tech --- 1 year ---
    HstCnv4364612 xeonite.tech --- 1 year ---
    HstCns4364612 xeonite.tech --- 1 year ---
    m dtscout.com --- Session ---
    df dtscout.com --- 3 months ---
    l dtscout.com --- 3 months ---
    __dtsu xeonite.tech --- 3 months ---
    __stid sharethis.com --- 1 year ---
    ab agkn.com --- 1 year ---
    33x_ps 33across.com --- 1 year ---
    pxcelBcnLcy t.sharethis.com --- 51 years ---
    HstCla4364612 xeonite.tech --- 1 year ---
    HstPn4364612 xeonite.tech --- 1 year ---
    HstPt4364612 xeonite.tech --- 1 year ---
    b dtscout.com --- Session ---
    st dtscout.com --- Session ---
    pids tynt.com --- 3 months ---
    pxcelPage_c010_C t.sharethis.com --- 14 days ---
    IQver intentiq.com --- 2 years ---
    intentIQ intentiq.com --- 2 years ---
    intentIQCDate intentiq.com --- 2 years ---
    AWSALBCORS api.intentiq.com --- 7 days ---
    bkpa bluekai.com --- 6 months ---
Cookie Settings

Do you really wish to opt-out?