<?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>\nNu m\u00e5ste du faktiskt skapa menyn p\u00e5 WordPress backhand. Inst\u00e4llningen ”Menyer” ska finnas under fliken Utseende. Skapa en meny med namnet huvud och bes\u00f6kare. L\u00e4gg till vad du vill visa p\u00e5 b\u00e5da menyerna. Till exempel: om du vill att en sida bara ska visas n\u00e4r anv\u00e4ndaren \u00e4r inloggad, l\u00e4gg till den huvudmenyn.<\/p>\n
Du kan ocks\u00e5 skapa en dynamisk sidfotsmeny med samma metod.<\/p>\n
WordPress anpassade f\u00e4lt och hacks f\u00f6r bloggare<\/p>\n
Du kan anv\u00e4nda WordPress f\u00f6r att skapa en anpassad och professionell webbplats. I det h\u00e4r inl\u00e4gget delar vi n\u00e5gra anpassade WordPress-tricks och hacks som g\u00f6r att du kan f\u00e5 en b\u00e4ttre WordPress-driven webbplats.<\/p>\n
Ibland kan det finnas g\u00e4stbloggare som bara skriver ett inl\u00e4gg p\u00e5 din sida och det \u00e4r allt. Du kan anv\u00e4nda den h\u00e4r metoden f\u00f6r att visa vanlig f\u00f6rfattarinformation. T\u00e4nk p\u00e5 att f\u00f6rfattaren har registrerats i WordPress. Kanske vill du inte registrera dig varje g\u00e5ng en ny g\u00e4stf\u00f6rfattare skriver. Men hur f\u00e5r man \u00e4nd\u00e5 g\u00e4stf\u00f6rfattarinformation att dyka upp i samma format som vanlig f\u00f6rfattare? Anpassade f\u00e4lt!<\/p>\n
G\u00e4stf\u00f6rfattarens namn p\u00e5 f\u00f6rstasidan och enskilda inl\u00e4gg<\/h4>\n
Det f\u00f6rsta vi beh\u00f6ver g\u00f6ra \u00e4r att st\u00e4lla in en WordPress if-sats f\u00f6r att f\u00e5 det anpassade f\u00e4ltv\u00e4rdet. P\u00e5 s\u00e5 s\u00e4tt kommer det bara att visas n\u00e4r det anpassade filv\u00e4rdet tilldelas. \u00d6ppna dina ”index.php” och ”single.php” och klistra in f\u00f6ljande kod d\u00e4r du vill att f\u00f6rfattarens namn ska dyka upp. Det kan vara efter datum eller efter kommentarer. Till exempel efter denna kod:<\/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 N\u00e4r vi v\u00e4l har satt if-satsen kallar vi det bara f\u00f6r vilket inl\u00e4gg vi vill att g\u00e4stf\u00f6rfattarens namn ska dyka upp. G\u00e4stf\u00f6rfattarens namn b\u00f6r visas p\u00e5 f\u00f6rstasidan och endast f\u00f6r ett specifikt inl\u00e4gg.\n<\/p>\n
\n Informationsblock f\u00f6r g\u00e4stf\u00f6rfattare p\u00e5 individuellt inl\u00e4gg
\n<\/h4>\n
\n Okej, s\u00e5 vi har namnet som visas i inl\u00e4ggets metabeskrivning, men lite information om g\u00e4stf\u00f6rfattaren skulle ocks\u00e5 vara trevligt.\n<\/p>\n
\n \u00c5terigen, f\u00f6rst har vi ett villkorligt if-uttalande som letar efter f\u00f6rfattarens bildtumme och beskrivning. Gl\u00f6m inte att \u00e4ndra bilden i katalogen. Vi kopplade ocks\u00e5 en klass till blocket och tummen, det g\u00f6r det m\u00f6jligt att styla b\u00e5de bilden och blocket med 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 H\u00e4r \u00e4r CSS jag anv\u00e4nde\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 Du stylar till och med mer med klassen autho_thumb. N\u00e4r det \u00e4r gjort \u00e4r allt du beh\u00f6ver g\u00f6ra att l\u00e4gga till autho_thumb och guest_author i f\u00e4ltet och fylla i informationen. Du kan till och med l\u00e4gga till HTML som l\u00e4nk i anpassat f\u00e4lt.\n<\/p>\n
\n S\u00e5 d\u00e4r har du tv\u00e5 anpassade f\u00e4lt f\u00f6r g\u00e4stf\u00f6rfattarinformation. Det h\u00e4r kan tyckas vara m\u00e5nga steg. Lita p\u00e5 mig n\u00e4r du har gjort det, det \u00e4r bara att l\u00e4gga till bilden och beskrivningen n\u00e4sta g\u00e5ng du vill g\u00f6ra det.\n<\/p>\n
\n B\u00e4ttre anpassat f\u00e4lt f\u00f6r att visa inl\u00e4ggsbild p\u00e5 framsidan
\n<\/h4>\n
\n Denna metod anv\u00e4nds f\u00f6r att visa en tumme f\u00f6r stolpen p\u00e5 framsidan. Jag ville ta det lite l\u00e4ngre och g\u00f6ra det enkelt f\u00f6r frontend-anv\u00e4ndaren. Dessutom, med Jeans metod skulle alla bilderna ha samma alt=”post-image” och jag kanske inte \u00e4r bra f\u00f6r s\u00f6kmotorer. Dessutom skulle du beh\u00f6va inkludera hela webbadressen f\u00f6r bilder varje g\u00e5ng. F\u00f6rst h\u00e4r \u00e4r koden:\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 Innan jag f\u00f6rklarar koden, l\u00e4gg m\u00e4rke till att jag inte lade till ett annat uttalande f\u00f6r en standardtumme. Titta p\u00e5 Jeans inl\u00e4gg om du vill ha en standardbild om s\u00e5 bild \u00e4r tilldelad i anpassat f\u00e4lt.\n<\/p>\n
\n F\u00f6rst har vi tv\u00e5 variabler $postimageurl och $image_alt. Den f\u00f6rsta \u00e4r att f\u00e5 bildens plats och den andra \u00e4r att l\u00e4gga till bildens namn. Sedan st\u00e4ller vi igen en if-sats f\u00f6r att kontrollera om det anpassade f\u00e4ltet anropas.\n<\/p>\n
<?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/\u2019?><\/code><\/pre>\n\n Det annorlunda \u00e4r ovan koden som f\u00e5r bildens plats. Jag har skapat en mapp som heter tumme i min WordPress-uppladdningskatalog, s\u00e5 ist\u00e4llet f\u00f6r att skriva hela URL:en varje g\u00e5ng skulle jag bara skriva in bildnamnet n\u00e4r jag laddade upp bilden i mappen.\n<\/p>\n
\n Om du vill ha en annan katalog som l\u00e5t oss s\u00e4ga att du skulle lagra dina bilder i roten p\u00e5 din dom\u00e4n, ers\u00e4tt bara <?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/ ?><?php echo $postimageurl; ?><\/code>med http:\/\/yourwebsite.com\/images\/<?php echo $postimageurl; ?><\/code>.\n<\/p>\n\n S\u00e5, koden \u00e4r lite tweaked s\u00e5 att varje inl\u00e4ggsbild skulle ha en annan alt (titel) och du skulle skriva bildnamnstill\u00e4gget snarare \u00e4n hela webbadressen.\n<\/p>\n
\n Ordna din WordPress-navigering hur du vill
\n<\/h4>\n
\n Det f\u00f6rsta du b\u00f6r veta \u00e4r wordpress listsidor som anv\u00e4nder taggen ks29so_list_pages, som vanligtvis finns i header.php. men du kanske inte vill lista alla dina sidor. Om du vill d\u00f6lja n\u00e5gra av dina sidor fr\u00e5n att dyka upp g\u00f6r du s\u00e5 h\u00e4r:\n<\/p>\n
<?php ks29so_list_pages(\u2018include=7,13\u2032 ); ?>\n\/\/or\n<?php ks29so_list_pages(\u2018exclude=5,9\u2032);? ><\/code><\/pre>\nExkludera eller inkludera fungerar n\u00e4stan p\u00e5 samma s\u00e4tt. Exclude kommer att utesluta vissa sidor fr\u00e5n WordPress sidlista och inkludera visar endast det sid-ID du anger. Men de flesta av webbdesignbloggarna eller andra bloggar gillar att anv\u00e4nda taggar eller kategorier som navigering. I s\u00e5 fall kan du bara bli av med ks29so_list-taggen och anpassa navigeringen. Alternativt kan du g\u00f6ra det med dina taggar ocks\u00e5. F\u00f6rdelen med att koda p\u00e5 detta s\u00e4tt kan du tilldela CSS-klass f\u00f6r att utforma varje element i navigeringen.<\/p>\n
Hur du hittar ditt WordPress-sida-ID<\/p>\n
Jag var nyligen tvungen att hitta ett sid-ID f\u00f6r uteslutning i en mall som jag anv\u00e4nde och efter cirka 10 minuter hittade jag \u00e4ntligen ett enkelt s\u00e4tt att hitta sid-ID:t f\u00f6r en WordPress-sida.<\/p>\n
I \u00e4ldre versioner av WordPress tror jag att detta var l\u00e4ttare, men s\u00e5 h\u00e4r kan du g\u00f6ra det nu.<\/p>\n
\n- G\u00e5 in p\u00e5 WordPress adminpanel och g\u00e5 sedan till Pages.<\/li>\n
- H\u00e5ll sedan muspekaren \u00f6ver sidan som du vill veta ID f\u00f6r.<\/li>\n
- Du kommer att se ID:t i statusf\u00e4ltet l\u00e4ngst ner i webbl\u00e4saren (se nedan).<\/li>\n<\/ol>\n
Om du inte kan se hela adressen, f\u00f6rs\u00f6k p\u00e5 ett annat s\u00e4tt (l\u00e4ngre nedan).<\/p>\n
\n- G\u00e5 in p\u00e5 WordPress adminpanel och g\u00e5 sedan till Pages.<\/li>\n
- D\u00e5 ser du ID i adressf\u00e4ltet. Det blir siffran efter likhetstecknet.<\/li>\n
- Klicka p\u00e5 sidan som du vill veta ID f\u00f6r.<\/li>\n<\/ol>\n
Visar arkiv\u00e4mne<\/h4>\n
De flesta WordPress-teman kommer med archive.php-sidan. Men jag har sett m\u00e5nga webbplatser d\u00e4r arkivsidorna inte \u00e4r s\u00e4rskilt anv\u00e4ndbara och inte talar om f\u00f6r anv\u00e4ndarna vilket \u00e4mne eller vilka kategorier de bl\u00e4ddrar i. Du kan l\u00e4gga till f\u00f6ljande koder i din archive.php f\u00f6r att undvika f\u00f6rvirring.<\/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
Inspelningsk\u00e4lla: <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":"Som standard \u00e4r WordPress ett bloggverktyg. \u00c4nd\u00e5 kan du verkligen anpassa f\u00f6r att g\u00f6ra det som du vill. M\u00e5nga anv\u00e4nder WordPress f\u00f6r att skapa en webbplats som endast \u00e4r medlemmar. Du kan alltid anv\u00e4nda en plugin, men om du bara beh\u00f6vde en liten modifiering, varf\u00f6r installera en plugin n\u00e4r du kan g\u00f6ra det med n\u00e5gra rader kod. H\u00e4r \u00e4r n\u00e5gra enkla men effektiva hacks f\u00f6r att skapa en webbplats endast f\u00f6r medlemmar. Inneh\u00e5ll endast f\u00f6r medlemmar utan plugin Om det finns visst inneh\u00e5ll p\u00e5 din webbplats som du bara ville visa f\u00f6r den registrerade medlemmen, kan du g\u00f6ra det genom att anv\u00e4nda f\u00f6ljande …<\/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":[646,607,61,113],"tags":[],"class_list":["post-265281","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sakerhet","category-teknik-och-mer","category-web-och-wordpress","category-web-sakerhet"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/comments?post=265281"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265281\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/211030"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=265281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=265281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=265281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}