<?php if (is_user_logged_in()) {\nks29so_nav_menu( array( \u2018container_class\u2019 => \u2018menu-header\u2019, \u2018theme_location\u2019 => \u2018primary\u2019) );\n} else {\nks29so_nav_menu( array( \u2018container_class\u2019 => \u2018menu-header\u2019, \u2018theme_location\u2019 => \u2018visitor\u2019) );\n};?><\/code><\/pre>\nMaintenant, vous devez r\u00e9ellement cr\u00e9er le menu sur le revers de WordPress. Le param\u00e8tre \u00ab\u00a0Menus\u00a0\u00bb doit se trouver sous l’onglet Apparence. Cr\u00e9ez un menu avec le nom principal et visiteur. Dans les deux menus, ajoutez ce que vous voulez afficher. Par exemple : si vous souhaitez qu’une page s’affiche uniquement lorsque l’utilisateur est connect\u00e9, ajoutez-le dans le menu principal.<\/p>\n
Vous pouvez \u00e9galement cr\u00e9er un menu de pied de page dynamique en utilisant la m\u00eame m\u00e9thode.<\/p>\n
Champs personnalis\u00e9s WordPress et hacks pour les blogueurs<\/p>\n
Vous pouvez utiliser WordPress pour cr\u00e9er un site Web personnalis\u00e9 et d’aspect professionnel. Dans cet article, nous partageons quelques astuces et hacks de champ personnalis\u00e9s WordPress qui vous permettront d’avoir un meilleur site aliment\u00e9 par WordPress.<\/p>\n
Parfois, il peut y avoir des blogueurs invit\u00e9s qui n’\u00e9crivent qu’un seul article sur votre site et c’est tout. Vous pouvez utiliser cette m\u00e9thode pour afficher des informations r\u00e9guli\u00e8res sur l’auteur. Gardez \u00e0 l’esprit que l’auteur a \u00e9t\u00e9 enregistr\u00e9 dans WordPress. Peut-\u00eatre que vous ne voulez pas vous inscrire \u00e0 chaque fois qu’un nouvel auteur invit\u00e9 \u00e9crit. Mais, comment faites-vous pour que les informations sur l’auteur invit\u00e9 s’affichent toujours dans le m\u00eame format que l’auteur r\u00e9gulier ? Les champs personnalis\u00e9s!<\/p>\n
Nom de l’auteur invit\u00e9 sur la page d’accueil et les messages individuels<\/h4>\n
La premi\u00e8re chose que nous devons faire est de d\u00e9finir une instruction WordPress if pour obtenir la valeur du champ personnalis\u00e9. De cette fa\u00e7on, il n’appara\u00eetra que lorsque la valeur du fichier personnalis\u00e9 est attribu\u00e9e. Ouvrez votre \u00ab\u00a0index.php\u00a0\u00bb et \u00ab\u00a0single.php\u00a0\u00bb et collez le code suivant o\u00f9 vous voulez que le nom de l’auteur apparaisse. Cela pourrait \u00eatre apr\u00e8s la date ou apr\u00e8s les commentaires. Par exemple apr\u00e8s ce code :<\/p>\n
<?php the_time(\u2018M j, Y\u2019) ?><\/code><\/pre>\nID, 'guest_author_name', true)) { ?>\n\/\/ check to see if custom field guest author name exists\nID, \"guest_author_name\", $single = true); ?>\n<\/code><\/pre>\n\n Une fois que nous avons mis l’instruction if, nous l’appelons simplement sur n’importe quel message o\u00f9 nous voulons que le nom de l’auteur invit\u00e9 apparaisse. Le nom de l’auteur invit\u00e9 doit appara\u00eetre sur la page d’accueil et pour un article sp\u00e9cifique uniquement.\n<\/p>\n
\n Bloc d’informations sur l’auteur invit\u00e9 sur une publication individuelle
\n<\/h4>\n
\n D’accord, nous avons donc le nom qui appara\u00eet dans la m\u00e9ta description de l’article, mais quelques informations sur l’auteur invit\u00e9 seraient \u00e9galement utiles.\n<\/p>\n
\n Encore une fois, nous avons d’abord une instruction conditionnelle if qui recherche le pouce et la description de l’image de l’auteur. N’oubliez pas de changer l’image du r\u00e9pertoire. De plus, nous avons attach\u00e9 une classe au bloc et au pouce, cela permet de styliser \u00e0 la fois l’image et le bloc en utilisant CSS.\n<\/p>\n
<?php if (get_post_meta($post->ID, \u2018autho_thumb\u2019, true)) { ?> \/\/ checks to see if the custom field exist\n<div class=\"writer_bio\">\n<img class=\"autho_thumb\" src=\"http:\/\/media.webdesignviews.com\/author\/<?php%20%24values%20=%20get_post_custom_values(\" autho_thumb echo>\" alt=\"Author Thumb\" width=\"60\" width=\"60\" height=\"60\" \/><?php }? <?php if (get_post_meta($post->ID, \u2018guest_author\u2019, true)) { ?>\n<?php echo get_post_meta($post->ID, \"guest_author\", $single = true); ?><\/div>\n<?php } ?><\/code><\/pre>\n\n Voici le CSS que j’ai utilis\u00e9\n<\/p>\n
.writer_bio {\ncolor: #666;\nbackground: #eee;\ntext-transform: none !important;\nfont-size: 13px;\nfont-weight: normal;\nheight: 75px;\nwidth: 600px;\npadding: 6px;\npadding-bottom: 6px;\npadding-left: 0;\nmargin-bottom: 10px;\n}\n.writer_bio img {\npadding: 0 !important;\nfloat: left !important;\nmargin-left: 4px !important;\nmargin-top: 3px !important;\nborder: 2px #ccc solid !important;\nheight: 60px;\n}<\/code><\/pre>\n\n Vous stylisez encore plus avec la classe autho_thumb. Une fois cela fait, tout ce que vous avez \u00e0 faire est d’ajouter autho_thumb et guest_author dans le champ et de remplir les informations. Vous pouvez m\u00eame ajouter du code HTML tel qu’un lien dans un champ personnalis\u00e9.\n<\/p>\n
\n Donc, vous avez l\u00e0 deux champs personnalis\u00e9s pour les informations sur l’auteur invit\u00e9. Cela peut sembler beaucoup d’\u00e9tapes. Croyez-moi une fois que vous l’avez fait, il suffit d’ajouter l’image et la description la prochaine fois que vous voulez le faire.\n<\/p>\n
\n Meilleur champ personnalis\u00e9 pour afficher l’image de la publication sur la page d’accueil
\n<\/h4>\n
\n Cette m\u00e9thode est utilis\u00e9e pour afficher un pouce pour le poste sur le devant. Je voulais aller un peu plus loin et rendre facile pour l’utilisateur frontal. De plus, avec la m\u00e9thode de Jean, toutes les images auraient le m\u00eame alt = \u00ab\u00a0post-image\u00a0\u00bb et je ne serais peut-\u00eatre pas bon pour les moteurs de recherche. De plus, vous devrez inclure l’URL compl\u00e8te des images \u00e0 chaque fois. Voici d’abord le code :\n<\/p>\n
<?php $postimageurl = get_post_meta($post->ID, \u2018post-img\u2019, true);\n\/\/ variable for image\n$image_alt = get_post_meta($post->ID, \u2018post-img\u2019, true);\/\/ variable for description\n\/\/ check if the the custom field is called\nif ($postimageurl) {\n?>\n<a href=\"https:\/\/inform.click<\" rel=\"bookmark\"><img src=\"<?php%20echo%20%24postimageurl;%20?>\" class='quot;post-img\"' alt=\"<?php echo $image_alt; ?>\" width=\"500\" height=\"300\"><\/a>\n<?php } else { ?><\/code><\/pre>\n\n Avant d’expliquer le code, notez que je n’ai pas ajout\u00e9 d’instruction else pour un pouce par d\u00e9faut. Regardez le message de Jean si vous souhaitez avoir une image par d\u00e9faut si l’image est attribu\u00e9e dans un champ personnalis\u00e9.\n<\/p>\n
\n Nous avons d’abord deux variables $postimageurl et $image_alt. La premi\u00e8re consiste \u00e0 obtenir l'emplacement de l’image et la seconde consiste \u00e0 ajouter le nom de l’image. Ensuite, nous d\u00e9finissons une instruction if pour v\u00e9rifier si le champ personnalis\u00e9 est appel\u00e9.\n<\/p>\n
<?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/\u2019?><\/code><\/pre>\n\n La chose diff\u00e9rente est au-dessus du code qui obtient l'emplacement de l’image. J’ai cr\u00e9\u00e9 un dossier appel\u00e9 pouce dans mon r\u00e9pertoire de t\u00e9l\u00e9chargement WordPress, donc plut\u00f4t que de taper l’URL enti\u00e8re \u00e0 chaque fois, je taperais simplement le nom de l’image, une fois que j’aurais t\u00e9l\u00e9charg\u00e9 l’image dans le dossier.\n<\/p>\n
\n Si vous voulez un r\u00e9pertoire diff\u00e9rent, par exemple, vous stockez vos images \u00e0 la racine de votre domaine, remplacez-le simplement <?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/ ?><?php echo $postimageurl; ?><\/code>par http:\/\/yourwebsite.com\/images\/<?php echo $postimageurl; ?><\/code>.\n<\/p>\n\n Ainsi, le code est un peu modifi\u00e9 afin que chaque image de publication ait un alt (titre) diff\u00e9rent et que vous tapiez l’extension du nom de l’image plut\u00f4t que l’URL enti\u00e8re.\n<\/p>\n
\n Organisez votre navigation WordPress comme vous le souhaitez
\n<\/h4>\n
\n La premi\u00e8re chose \u00e0 savoir est les pages de liste wordpress utilisant la balise ks29so_list_pages, qui se trouve g\u00e9n\u00e9ralement dans header.php. mais vous ne voudrez peut-\u00eatre pas r\u00e9pertorier toutes vos pages. Si vous souhaitez emp\u00eacher l’affichage de certaines de vos pages, proc\u00e9dez comme suit :\n<\/p>\n
<?php ks29so_list_pages(\u2018include=7,13\u2032 ); ?>\n\/\/or\n<?php ks29so_list_pages(\u2018exclude=5,9\u2032);? ><\/code><\/pre>\nExclure ou inclure fonctionne presque de la m\u00eame mani\u00e8re. Exclure omettra certaines pages de la liste de pages WordPress et n’inclura que l’ID de pages que vous sp\u00e9cifiez. Cependant, la plupart des blogs de conception Web ou de tout autre blog aiment utiliser des balises ou des cat\u00e9gories comme navigation. Dans ce cas, vous pouvez simplement vous d\u00e9barrasser de la balise ks29so_list et personnaliser la navigation. Alternativement, vous pouvez \u00e9galement le faire avec vos balises. L’avantage de coder de cette fa\u00e7on vous permet d’attribuer une classe CSS pour styliser chaque \u00e9l\u00e9ment de la navigation.<\/p>\n
Comment trouver votre ID de page WordPress<\/p>\n
J’ai r\u00e9cemment d\u00fb trouver un ID de page \u00e0 exclure dans un mod\u00e8le que j’utilisais et apr\u00e8s environ 10 minutes, j’ai finalement trouv\u00e9 un moyen simple de trouver l’ID de page d’une \u00ab\u00a0page\u00a0\u00bb WordPress.<\/p>\n
Dans les anciennes versions de WordPress, je pense que c’\u00e9tait plus facile, mais voici comment vous pouvez le faire maintenant.<\/p>\n
\n- Allez dans le panneau d’administration WordPress puis allez dans Pages.<\/li>\n
- Passez ensuite la souris sur la page dont vous souhaitez conna\u00eetre l’ID.<\/li>\n
- Vous verrez l’ID dans la barre d’\u00e9tat en bas du navigateur (voir ci-dessous).<\/li>\n<\/ol>\n
Si vous ne pouvez pas voir l’adresse compl\u00e8te, essayez une autre m\u00e9thode (ci-dessous).<\/p>\n
\n- Allez dans le panneau d’administration WordPress puis allez dans Pages.<\/li>\n
- Ensuite, vous verrez l’ID dans la barre d’adresse. Ce sera le nombre apr\u00e8s le signe \u00e9gal.<\/li>\n
- Cliquez sur la page dont vous souhaitez conna\u00eetre l’ID.<\/li>\n<\/ol>\n
Affichage du sujet d’archive<\/h4>\n
La plupart des th\u00e8mes WordPress sont livr\u00e9s avec la page archive.php. Mais j’ai vu de nombreux sites Web o\u00f9 les pages d’archives ne sont pas tr\u00e8s utiles et n’indiquent pas aux utilisateurs le sujet ou les cat\u00e9gories qu’ils parcourent. Vous pouvez ajouter les codes suivants dans votre archive.php pour \u00e9viter toute confusion.<\/p>\n
<?php \/* If this is a category archive *\/ if (is_category()) { ?>\n<\/code><\/pre>\n\n Current Browsing Topic: \u2018<?php single_cat_title(); ?>\u2019<\/code>
\n<\/h3>\n\n\n<\/pre>\n\n Posts Tagged \u2018<?php single_tag_title(); ?>\u2019<\/code>
\n<\/h3>\n\n <\/p>\n<p><\/code>\n<\/p>\n\n
Source d'enregistrement: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2020\/05\/19\/wordpress-hacks-members-website\/\">instantshift.com<\/a><\/code>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Par d\u00e9faut, WordPress est un outil de blog. N\u00e9anmoins, vous pouvez vraiment personnaliser pour le faire comme vous le souhaitez. De nombreuses personnes utilisent WordPress pour cr\u00e9er un site Web r\u00e9serv\u00e9 aux membres. Vous pouvez toujours utiliser un plugin, mais si vous n’aviez besoin que d’une petite modification, pourquoi installer un plugin quand vous pouvez le faire avec quelques lignes de code. Voici quelques astuces simples mais efficaces pour cr\u00e9er un site r\u00e9serv\u00e9 aux membres. Contenu r\u00e9serv\u00e9 aux membres sans plug-in S’il y a certains contenus sur votre site que vous vouliez montrer uniquement au membre enregistr\u00e9, vous pouvez le faire en utilisant ce qui suit\u2026<\/p>\n","protected":false},"author":1,"featured_media":211030,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[639,106,600,54],"tags":[],"class_list":["post-251760","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-securite","category-securite-internet","category-technologie-et-plus","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251760"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251760\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/211030"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}