<?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>\nNyt sinun on itse asiassa luotava valikko WordPressiss\u00e4. Valikot-asetuksen tulee olla Ulkoasu-v\u00e4lilehdell\u00e4. Luo valikko, jonka nimi on p\u00e4\u00e4 ja vierailija. Lis\u00e4\u00e4 molempiin valikoihin mit\u00e4 haluat n\u00e4ytt\u00e4\u00e4. Esimerkiksi: jos haluat sivun n\u00e4kyv\u00e4n vain k\u00e4ytt\u00e4j\u00e4n kirjautuneena sis\u00e4\u00e4n, lis\u00e4\u00e4 se p\u00e4\u00e4valikosta.<\/p>\n
Voit my\u00f6s luoda dynaamisen alatunnistevalikon samalla menetelm\u00e4ll\u00e4.<\/p>\n
Mukautetut WordPress-kent\u00e4t ja hakkerit bloggaajille<\/p>\n
WordPressin avulla voit luoda mukautetun ja ammattimaisen n\u00e4k\u00f6isen verkkosivuston. T\u00e4ss\u00e4 viestiss\u00e4 jaamme joitain WordPressin mukautettuja kentt\u00e4temppuja ja hakkereita, joiden avulla voit saada paremman WordPress-pohjaisen sivuston.<\/p>\n
Joskus saattaa olla vierailevia bloggaajia, jotka kirjoittavat vain yhden postauksen sivustollesi, ja siin\u00e4 kaikki. Voit k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 menetelm\u00e4\u00e4 s\u00e4\u00e4nn\u00f6llisten tekij\u00e4tietojen n\u00e4ytt\u00e4miseen. Muista, ett\u00e4 kirjoittaja on rekister\u00f6ity WordPressiin. Ehk\u00e4 et halua rekister\u00f6ity\u00e4 joka kerta, kun uusi vieraileva kirjoittaja kirjoittaa. Mutta kuinka saat vierailevan kirjoittajan tiedot silti n\u00e4kym\u00e4\u00e4n samassa muodossa kuin tavallisen kirjoittajan? Mukautetut kent\u00e4t!<\/p>\n
Vierailijan nimi etusivulla ja yksitt\u00e4isiss\u00e4 viesteiss\u00e4<\/h4>\n
Ensimm\u00e4inen asia, joka meid\u00e4n on teht\u00e4v\u00e4, on asettaa WordPress if -lause mukautetun kent\u00e4n arvon saamiseksi. T\u00e4ll\u00e4 tavalla se n\u00e4kyy vain, kun mukautettu tiedostoarvo on m\u00e4\u00e4ritetty. Avaa ”index.php” ja ”single.php” ja liit\u00e4 seuraava koodi kohtaan, johon haluat tekij\u00e4n nimen n\u00e4kyv\u00e4n. Se voi olla p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4n tai kommenttien j\u00e4lkeen. Esimerkiksi t\u00e4m\u00e4n koodin j\u00e4lkeen:<\/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 Kun laitamme if-lauseen, kutsumme sit\u00e4 vain mihin tahansa viestiin, jonka haluamme vierailevan kirjoittajan nimen n\u00e4kyv\u00e4n. Vierailevan kirjoittajan nimen tulisi n\u00e4ky\u00e4 etusivulla ja vain tietyss\u00e4 postauksessa.\n<\/p>\n
\n Vierastekij\u00e4n tietolohko yksitt\u00e4isess\u00e4 viestiss\u00e4
\n<\/h4>\n
\n Okei, joten meill\u00e4 on nimi, joka n\u00e4kyy viestin metakuvauksessa, mutta my\u00f6s vierailevasta kirjoittajasta olisi mukavaa tietoa.\n<\/p>\n
\n J\u00e4lleen kerran meill\u00e4 on ehdollinen if-lause, joka etsii tekij\u00e4n kuvan peukaloa ja kuvausta. \u00c4l\u00e4 unohda muuttaa kuvan hakemistoa. Lis\u00e4ksi kiinnitimme lohkoon ja peukaloon luokan, joka mahdollistaa sek\u00e4 kuvan ett\u00e4 lohkon tyylin CSS:n avulla.\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 T\u00e4ss\u00e4 on k\u00e4ytt\u00e4m\u00e4ni CSS\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 Luokan autho_thumb avulla saat jopa enemm\u00e4n tyyli\u00e4. Kun t\u00e4m\u00e4 on tehty, sinun tarvitsee vain lis\u00e4t\u00e4 autho_thumb ja guest_author kentt\u00e4\u00e4n ja t\u00e4ytt\u00e4\u00e4 tiedot. Voit jopa lis\u00e4t\u00e4 HTML-koodin, kuten linkin, mukautettuun kentt\u00e4\u00e4n.\n<\/p>\n
\n Sinulla on siis kaksi mukautettua kentt\u00e4\u00e4 vierailevan tekij\u00e4n tiedoille. T\u00e4m\u00e4 saattaa tuntua monilta vaiheilta. Luota minuun, kun olet tehnyt sen, sinun tarvitsee vain lis\u00e4t\u00e4 kuva ja kuvaus seuraavan kerran, kun haluat tehd\u00e4 sen.\n<\/p>\n
\n Parempi mukautettu kentt\u00e4 viestikuvan n\u00e4ytt\u00e4miseen etusivulla
\n<\/h4>\n
\n T\u00e4t\u00e4 menetelm\u00e4\u00e4 k\u00e4ytet\u00e4\u00e4n pylv\u00e4\u00e4n peukalon n\u00e4ytt\u00e4miseen etupuolella. Halusin vied\u00e4 sit\u00e4 hieman pidemm\u00e4lle ja tehd\u00e4 helpoksi k\u00e4ytt\u00f6liittym\u00e4n k\u00e4ytt\u00e4j\u00e4lle. Lis\u00e4ksi Jeanin menetelm\u00e4ll\u00e4 jokaisella kuvalla olisi sama alt=”post-image”, enk\u00e4 ehk\u00e4 ole hyv\u00e4 hakukoneille. Lis\u00e4ksi sinun on sis\u00e4llytett\u00e4v\u00e4 kuvien koko URL-osoite joka kerta. T\u00e4ss\u00e4 ensin koodi:\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 Ennen kuin selit\u00e4n koodin, huomaa, ett\u00e4 en ole lis\u00e4nnyt muuta lauseketta oletuspeukalolle. Katso Jeanin viesti, jos haluat oletuskuvan, jos niin kuva on m\u00e4\u00e4ritetty mukautetussa kent\u00e4ss\u00e4.\n<\/p>\n
\n Ensin meill\u00e4 on kaksi muuttujaa $postimageurl ja $image_alt. Ensimm\u00e4inen on saada kuvan sijainti ja toinen on lis\u00e4t\u00e4 kuvan nimi. Sitten taas asetamme if-lauseen tarkistaaksemme, kutsutaanko mukautettua kentt\u00e4\u00e4.\n<\/p>\n
<?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/\u2019?><\/code><\/pre>\n\n Eri asia on yl\u00e4puolella koodi, joka saa kuvan sijainnin. Olen luonut kansion nimelt\u00e4 peukalo WordPressin lataushakemistoon, joten sen sijaan, ett\u00e4 kirjoittaisin koko URL-osoitteen joka kerta, kirjoitin vain kuvan nimen, kun olen ladannut kuvan kansioon.\n<\/p>\n
\n Jos haluat toisen hakemiston, kuten oletetaan, ett\u00e4 tallennat kuvasi verkkotunnuksesi juureen, korvaa vain <?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/ ?><?php echo $postimageurl; ?><\/code>hakemistolla http:\/\/yourwebsite.com\/images\/<?php echo $postimageurl; ?><\/code>.\n<\/p>\n\n Joten koodia on hieman muokattu, jotta jokaisella viestikuvalla olisi erilainen alt (otsikko) ja kirjoitat kuvan nimen laajennuksen koko URL-osoitteen sijaan.\n<\/p>\n
\n J\u00e4rjest\u00e4 WordPress-navigointisi haluamallasi tavalla
\n<\/h4>\n
\n Ensimm\u00e4inen asia, joka sinun tulee tiet\u00e4\u00e4, ovat wordpress-luettelosivut, joissa k\u00e4ytet\u00e4\u00e4n ks29so_list_pages-tunnistetta, joka sijaitsee yleens\u00e4 header.php:ss\u00e4. mutta et ehk\u00e4 halua luetella kaikkia sivujasi. Jos haluat piilottaa joitain sivujasi n\u00e4kyvist\u00e4, toimi n\u00e4in:\n<\/p>\n
<?php ks29so_list_pages(\u2018include=7,13\u2032 ); ?>\n\/\/or\n<?php ks29so_list_pages(\u2018exclude=5,9\u2032);? ><\/code><\/pre>\nPoissulkeminen tai sis\u00e4llytt\u00e4minen toimii melkein samalla tavalla. Poissulkeminen j\u00e4tt\u00e4\u00e4 tietyt sivut pois WordPressin sivuluettelosta ja sis\u00e4llytt\u00e4\u00e4 n\u00e4ytt\u00e4\u00e4 vain m\u00e4\u00e4ritt\u00e4m\u00e4si sivutunnuksen. Suurin osa web-suunnittelublogeista tai muista blogeista haluaa kuitenkin k\u00e4ytt\u00e4\u00e4 tageja tai luokkia navigointina. Siin\u00e4 tapauksessa voit vain p\u00e4\u00e4st\u00e4 eroon ks29so_list-tagista ja mukauttaa navigointikoodia. Vaihtoehtoisesti voit tehd\u00e4 sen my\u00f6s tunnisteillasi. Koodauksen etu t\u00e4ll\u00e4 tavalla voit m\u00e4\u00e4ritt\u00e4\u00e4 CSS-luokan tyylin jokaiselle navigoinnin elementille.<\/p>\n
Kuinka l\u00f6yt\u00e4\u00e4 WordPress-sivusi tunnus<\/p>\n
Jouduin \u00e4skett\u00e4in l\u00f6yt\u00e4m\u00e4\u00e4n sivutunnuksen poissulkemista varten k\u00e4ytt\u00e4m\u00e4st\u00e4ni mallista, ja noin 10 minuutin kuluttua l\u00f6ysin lopulta helpon tavan l\u00f6yt\u00e4\u00e4 WordPressin ”sivun” sivutunnus.<\/p>\n
WordPressin vanhemmissa versioissa t\u00e4m\u00e4 oli mielest\u00e4ni helpompaa, mutta n\u00e4in voit tehd\u00e4 sen nyt.<\/p>\n
\n- Siirry WordPressin hallintapaneeliin ja siirry sitten sivuille.<\/li>\n
- Vie hiiri sen sivun p\u00e4\u00e4lle, jonka tunnuksen haluat tiet\u00e4\u00e4.<\/li>\n
- N\u00e4et tunnuksen selaimen alareunan tilapalkissa (katso alla).<\/li>\n<\/ol>\n
Jos et n\u00e4e koko osoitetta, kokeile toista tapaa (alla).<\/p>\n
\n- Siirry WordPressin hallintapaneeliin ja siirry sitten sivuille.<\/li>\n
- Sitten n\u00e4et tunnuksen osoitepalkissa. Se on numero yht\u00e4l\u00e4isyysmerkin j\u00e4lkeen.<\/li>\n
- Napsauta sivua, jonka tunnuksen haluat tiet\u00e4\u00e4.<\/li>\n<\/ol>\n
N\u00e4ytet\u00e4\u00e4n arkiston aihe<\/h4>\n
Suurin osa WordPress-teemoista tulee archive.php-sivulla. Olen kuitenkin n\u00e4hnyt monia verkkosivustoja, joissa arkistosivut eiv\u00e4t ole kovin hy\u00f6dyllisi\u00e4 eiv\u00e4tk\u00e4 kerro k\u00e4ytt\u00e4jille, mit\u00e4 aihetta tai luokkia he selailevat. Voit lis\u00e4t\u00e4 seuraavat koodit archive.php-tiedostoosi sekaannusten v\u00e4ltt\u00e4miseksi.<\/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
: <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":"Oletuksena WordPress on blogity\u00f6kalu. Siit\u00e4 huolimatta voit todella muokata sit\u00e4 haluamallasi tavalla. Monet ihmiset k\u00e4ytt\u00e4v\u00e4t WordPressi\u00e4 j\u00e4senille tarkoitetun verkkosivuston luomiseen. Voit aina k\u00e4ytt\u00e4\u00e4 laajennusta, mutta jos tarvitsit vain pienen muokkauksen, miksi asentaa laajennus, kun voit tehd\u00e4 sen muutamalla koodirivill\u00e4. T\u00e4ss\u00e4 on joitain yksinkertaisia \u200b\u200bmutta tehokkaita hakkereita vain j\u00e4senille tarkoitetun sivuston luomiseen. Sis\u00e4lt\u00f6 vain j\u00e4senille ilman laajennusta Jos sivustollasi on tietty\u00e4 sis\u00e4lt\u00f6\u00e4, jonka haluat n\u00e4ytt\u00e4\u00e4 vain rekister\u00f6ityneelle j\u00e4senelle, voit tehd\u00e4 sen k\u00e4ytt\u00e4m\u00e4ll\u00e4 seuraavaa\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":[599,638,53,105],"tags":[],"class_list":["post-249944","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tekniikka-ja-paljon-muuta","category-turvallisuus","category-web-ja-wordpress-2","category-web-turvallisuus"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249944"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249944\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/211030"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}