{"id":235445,"date":"2022-03-13T13:26:00","date_gmt":"2022-03-13T10:26:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235445"},"modified":"2022-04-27T12:58:28","modified_gmt":"2022-04-27T09:58:28","slug":"kuinka-linkittaa-wordpress-sivun-tiettyyn-osaan-askel-askeleelta","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-linkittaa-wordpress-sivun-tiettyyn-osaan-askel-askeleelta\/","title":{"rendered":"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)"},"content":{"rendered":"<p>Jos sivustollasi on pitk\u00e4 sivu, vierailijoiden linkitt\u00e4minen suoraan yhteen sivun osioon voi olla hy\u00f6dyllisemp\u00e4\u00e4 kuin tavallinen linkki.<\/p>\n<p>Onneksi <a href=\"https:\/\/themewp.inform.click\/kak-ispolzovat-redaktor-blokov-wordpress-osnovnoe-rukovodstvo-po-gutenbergu\/\" title=\"Gutenberg-editori\">Gutenberg-editori<\/a> on tehnyt t\u00e4m\u00e4n helpoksi, eik\u00e4 sinun tarvitse asentaa uusia laajennuksia.<\/p>\n<p>Ja selvyyden vuoksi puhun t\u00e4llaisesta linkist\u00e4, joka vie sinut alla olevaan otsikkoon: <a href=\"#first-heading\">vierit\u00e4 seuraavaan otsikkoon<\/a>.<\/p>\n<p>T\u00e4ss\u00e4 opetusohjelmassa opit luomaan t\u00e4llaisia \u200b\u200blinkkej\u00e4, jotka voivat linkitt\u00e4\u00e4 samalle sivulle tai erillisen sivun osioon.<\/p>\n<p>T\u00e4m\u00e4 opetusohjelma sis\u00e4lt\u00e4\u00e4 <strong>vaiheita my\u00f6s perinteiselle muokkausty\u00f6kalulle<\/strong>, mutta lue ensin viestin loppuosa, jotta opit linkitt\u00e4m\u00e4\u00e4n oikein.<\/p>\n<h2>Kuinka linkitt\u00e4\u00e4 sivun osaan<\/h2>\n<p>Jos haluat mieluummin video-opetusohjelmia, voit seurata t\u00e4t\u00e4 vaiheittaista opetusohjelmaa t\u00e4m\u00e4n viestin ohjeiden lukemisen sijaan.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ghVHEzlLVqw\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tilaa Compete Themes Youtubessa<\/a><\/p>\n<p>Jotta voit linkitt\u00e4\u00e4 tiettyyn sivun osaan, sinun on teht\u00e4v\u00e4 kaksi asiaa.<\/p>\n<ol>\n<li>Lis\u00e4\u00e4 ankkuri linkitett\u00e4v\u00e4ksi<\/li>\n<li>Linkki ankkuriin<\/li>\n<\/ol>\n<p>Ensinn\u00e4kin tarvitset tavan m\u00e4\u00e4ritt\u00e4\u00e4 elementti, johon linkit\u00e4t. T\u00e4m\u00e4 voi olla mik\u00e4 tahansa elementti, mutta k\u00e4yt\u00e4mme otsikkoa, koska se on yleisin linkitett\u00e4v\u00e4 elementti.<\/p>\n<p>Kun ankkuri on lis\u00e4tty, sinun tarvitsee vain linkitt\u00e4\u00e4 siihen k\u00e4ytt\u00e4m\u00e4ll\u00e4 normaalia linkkieditoria ja hieman erilaista URL-muotoa.<\/p>\n<p>Se on helppo ymm\u00e4rt\u00e4\u00e4 k\u00e4yt\u00e4nn\u00f6ss\u00e4, joten aloitetaan.<\/p>\n<h3>Kuinka lis\u00e4t\u00e4 otsikkoon ankkuri<\/h3>\n<p>Aloita valitsemalla otsikkolohko editorissa. Oikeassa sivupalkissa on Lis\u00e4asetukset-osio, joka on oletuksena tiivistetty.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1bc135c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1bc135c.png\" alt=\"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)\"><\/a><\/p>\n<p>Avaa Lis\u00e4asetukset-osio, ja ensimm\u00e4inen asia, jonka n\u00e4et, on HTML-ankkurivaihtoehto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1da4d9e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1da4d9e.png\" alt=\"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)\"><\/a><\/p>\n<p>WordPress kutsuu t\u00e4t\u00e4 ankkuriksi, mutta kehitt\u00e4j\u00e4t kutsuvat t\u00e4t\u00e4 elementin tunnukseksi<\/p>\n<p>Anna otsikolle lyhyt ja kuvaava nimi HTML-ankkurikent\u00e4n sis\u00e4ll\u00e4. Siin\u00e4 ei voi olla v\u00e4lily\u00f6ntej\u00e4, mutta voit erottaa sanoja v\u00e4liviivojen avulla. Esimerkiksi koiran hoitoa k\u00e4sittelev\u00e4n artikkelin ruokavaliota koskevassa osiossa voisi olla ankkuri, kuten &quot;ruokavalio&quot; tai &quot;koiran ruokavalio&quot;.<\/p>\n<p>Kun olet lis\u00e4nnyt ankkurin, voit linkitt\u00e4\u00e4 siihen.<\/p>\n<h3>Kuinka linkitt\u00e4\u00e4 ankkuriin<\/h3>\n<p>Vaiheet vaihtelevat hieman sen mukaan, onko linkki samalla sivulla vai ei. Aloitetaan samojen sivujen linkeist\u00e4.<\/p>\n<p>Jos haluat linkitt\u00e4\u00e4 samalla sivulla olevaan ankkuriin, korosta linkitett\u00e4v\u00e4 teksti ja napsauta linkkikuvaketta (tai k\u00e4yt\u00e4 cmd+k-pikan\u00e4pp\u00e4int\u00e4).<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1f81764.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1f81764.png\" alt=\"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)\"><\/a><\/p>\n<p>Kirjoita sitten URL-kentt\u00e4\u00e4n hashtag ja ankkuri.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a214c345.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a214c345.png\" alt=\"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)\"><\/a><\/p>\n<p>WordPress jopa lis\u00e4\u00e4 tunnisteen ilmoittamaan, ett\u00e4 t\u00e4m\u00e4 on &quot;sis\u00e4inen&quot; linkki<\/p>\n<p>Kun painat enteri\u00e4, linkki lis\u00e4t\u00e4\u00e4n. Voit esikatsella artikkelia kokeillaksesi sit\u00e4 heti.<\/p>\n<p>Jotta voit k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 tekniikkaa ankkurina eri sivulla, URL-osoitetta on muutettava hieman.<\/p>\n<p>Ainoa ero on, ett\u00e4 lis\u00e4\u00e4t ensin koko URL-osoitteen ja sen j\u00e4lkeen hashtagin ja ankkurin seuraavasti:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2317207.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2317207.png\" alt=\"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)\"><\/a><\/p>\n<p>Linkki ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 toimi ilman vinoviivaa URL-osoitteen lopussa ennen ankkuria, joten muista sis\u00e4llytt\u00e4\u00e4 se joka kerta. Se voi my\u00f6s <a href=\"https:\/\/themewp.inform.click\/vse-36-sposobov-uskorit-rabotu-vashego-sajta-na-wordpress\/\" title=\"nopeuttaa sivustosi latautumista\">nopeuttaa sivustosi latautumista<\/a> ohittamalla automaattisen uudelleenohjauksen URL-osoitteen kenoviivaversioon.<\/p>\n<p>Se todenn\u00e4k\u00f6isesti kattaa kaiken, mit\u00e4 sinun tarvitsee tiet\u00e4\u00e4 sis\u00e4isten ankkurilinkkien lis\u00e4\u00e4misest\u00e4 WordPressiin, mutta minulla on viel\u00e4 muutama vinkki uteliaille mielille.<\/p>\n<p>Voit k\u00e4ytt\u00e4\u00e4 samaa tekniikkaa luodaksesi <a href=\"https:\/\/themewp.inform.click\/11-luchshih-odnostranichnyh-tem-wordpress\/\" title=\"yksisivuisen verkkosivuston\">yksisivuisen verkkosivuston<\/a>.<\/p>\n<p>Yksisivuisella sivustolla sinulla on vain etusivu, ja valikko linkitt\u00e4\u00e4 vierailijat kyseisen sivun eri osiin kokonaan uusien sivujen sijaan.<\/p>\n<p>T\u00e4m\u00e4n tyyppisen sivuston luomiseksi sinun on luotava ankkurit samalla menetelm\u00e4ll\u00e4, jonka olet juuri oppinut. Sitten voit avata valikon mukauttajassa ja k\u00e4ytt\u00e4\u00e4 Mukautetut linkit -osiota linkitt\u00e4\u00e4ksesi ankkureihisi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a24dc72b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a24dc72b.png\" alt=\"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)\"><\/a><\/p>\n<p>Jos k\u00e4yt\u00e4t t\u00e4t\u00e4 tekniikkaa monisivuisella verkkosivustolla, muista sis\u00e4llytt\u00e4\u00e4 koko URL-osoite ennen hashtagia.<\/p>\n<h2>Kuinka linkitt\u00e4\u00e4 muihin elementteihin<\/h2>\n<p>Otsikot eiv\u00e4t ole ainoita elementtej\u00e4, jotka sis\u00e4lt\u00e4v\u00e4t HTML-ankkurivaihtoehdon.<\/p>\n<p>Voit my\u00f6s lis\u00e4t\u00e4 ankkureita:<\/p>\n<ul>\n<li>Kappaleet<\/li>\n<li>Kuvat<\/li>\n<li>Luettelot<\/li>\n<li>Galleriat<\/li>\n<li>Taulukot<\/li>\n<li>Lainausmerkit<\/li>\n<\/ul>\n<p>Itse asiassa selatessani Gutenberg-lohkoja en l\u00f6yt\u00e4nyt yht\u00e4k\u00e4\u00e4n sellaista, joka ei olisi tukenut HTML-ankkurivaihtoehtoa.<\/p>\n<p>Jos k\u00e4yt\u00e4t laajennuksen lis\u00e4\u00e4m\u00e4\u00e4 lohkoa, t\u00e4m\u00e4 vaihtoehto saattaa puuttua. Lis\u00e4ksi ankkurivaihtoehto ei ole k\u00e4ytett\u00e4viss\u00e4, jos k\u00e4yt\u00e4t perinteist\u00e4 muokkausohjelmaa, joten voit muokata HTML-koodia ja lis\u00e4t\u00e4 ankkurin mihin tahansa sivustosi elementtiin seuraavasti.<\/p>\n<h2>Kuinka lis\u00e4t\u00e4 ankkurilinkkej\u00e4 HTML:ll\u00e4<\/h2>\n<p>Jos k\u00e4yt\u00e4t klassista muokkausty\u00f6kalua (tai lohkosta, josta puuttuu HTML-ankkurikentt\u00e4), linkin lis\u00e4\u00e4miseen on viel\u00e4 muutama vaihe.<\/p>\n<p><strong>Tapa, jolla linkit\u00e4t ankkuriin, on sama<\/strong>. Ainoa ero on siin\u00e4, kuinka lis\u00e4\u00e4t ankkurin elementtiin.<\/p>\n<p>Jos haluat lis\u00e4t\u00e4 ankkurin, sinun on muokattava HTML-koodia. Gutenberg-editorissa voit avata lohkon asetusvalikon ja valita Muokkaa HTML-muodossa. K\u00e4yt\u00e4 klassisessa editorissa oikeassa yl\u00e4kulmassa olevia v\u00e4lilehti\u00e4 vaihtaaksesi visuaalisesta n\u00e4kym\u00e4st\u00e4 tekstin\u00e4kym\u00e4\u00e4n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2684f8f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2684f8f.png\" alt=\"Kuinka linkitt\u00e4\u00e4 WordPress-sivun tiettyyn osaan (askel askeleelta)\"><\/a><\/p>\n<p>Kun tarkastelet HTML-koodia, n\u00e4et, ett\u00e4 otsikot on k\u00e4\u00e4ritty HTML-tunnisteilla seuraavasti:<\/p>\n<pre><code>&lt;h3&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Jos haluat lis\u00e4t\u00e4 ankkurin, sinun on lis\u00e4tt\u00e4v\u00e4 ID-attribuutti otsikkoon. T\u00e4ss\u00e4 on esimerkki, joka antaa otsikolle ankkurin nimelt\u00e4 &quot;koiran ruokavalio&quot;:<\/p>\n<pre><code>&lt;h3 id=\"dog-diet\"&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Jokainen HTML-elementti voi k\u00e4ytt\u00e4\u00e4 ID-attribuuttia, joten et rajoitu otsikoihin. Klassisessa editorissa suuri osa HTML-koodista ei n\u00e4y, mutta voit aina k\u00e4\u00e4ri\u00e4 osion &quot;div&quot;-tunnisteisiin lis\u00e4t\u00e4ksesi ankkurin, kuten n\u00e4in:<\/p>\n<pre><code>&lt;div id=\"link-target\"&gt;<\/code><\/pre>\n<p>Div-elementin lis\u00e4\u00e4minen ei muuta sivua visuaalisesti, mutta sen avulla voit linkitt\u00e4\u00e4 suoraan n\u00e4ihin kappaleisiin.<\/p>\n<p>HTML-koodin muokkaaminen t\u00e4ll\u00e4 tavalla toimii t\u00e4sm\u00e4lleen samalla tavalla, k\u00e4yt\u00e4tk\u00f6 Gutenbergi\u00e4 tai klassista editoria. Kun ankkuri on paikallaan, sinun tarvitsee vain linkitt\u00e4\u00e4 se yll\u00e4 kuvatulla menetelm\u00e4ll\u00e4.<\/p>\n<h3>Jatka WordPressin oppimista<\/h3>\n<p>Kun tunnet ankkurilinkkej\u00e4 ja v\u00e4h\u00e4n HTML:\u00e4\u00e4, voit linkitt\u00e4\u00e4 mink\u00e4 tahansa sivun mihin tahansa osioon miss\u00e4 tahansa sivustossasi.<\/p>\n<p>Jos uusien WordPress-tekniikoiden oppiminen on sinulle j\u00e4nnitt\u00e4v\u00e4\u00e4 ja t\u00e4ytt\u00e4v\u00e4\u00e4, tulet todenn\u00e4k\u00f6isesti rakastamaan ilmaista WordPress-s\u00e4hk\u00f6postikurssiani:<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Osallistu 7 p\u00e4iv\u00e4n WordPress Mastery -s\u00e4hk\u00f6postikurssille<\/a><\/p>\n<p>Jos et pid\u00e4 siit\u00e4, voit peruuttaa tilauksen yhdell\u00e4 napsautuksella, mutta olen varma, ett\u00e4 saat ainakin yhden uuden arvokkaan vinkin. 7 p\u00e4iv\u00e4n s\u00e4hk\u00f6postikurssi tarjoaa suunnittelu-, markkinointi- ja suorituskykytaktiikoita kaikin puolin paremman verkkosivuston luomiseksi.<\/p>\n<p>Kiitos, ett\u00e4 luit t\u00e4m\u00e4n oppaan linkkien lis\u00e4\u00e4misest\u00e4 WordPressin sivujen osiin. Harkitse sen jakamista jonkun muun kanssa alla olevien sosiaalisten painikkeiden avulla.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Opi linkitt\u00e4m\u00e4\u00e4n mink\u00e4 tahansa WordPress-julkaisun tai -sivun tiettyyn osaan. Se vie vain minuutin eik\u00e4 vaadi uusia laajennuksia.<\/p>\n","protected":false},"author":1,"featured_media":21644,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[178,652,570,610],"tags":[843],"class_list":["post-235445","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-6","category-miten-tehda","category-wordpressin-perusteet","category-uncategorized-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/235445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=235445"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/235445\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21644"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=235445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=235445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=235445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}