{"id":242930,"date":"2022-03-13T13:09:00","date_gmt":"2022-03-13T10:09:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=242930"},"modified":"2022-04-27T12:23:43","modified_gmt":"2022-04-27T09:23:43","slug":"jak-polaczyc-sie-z-okreslona-czescia-strony-wordpress-krok-po-kroku","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-polaczyc-sie-z-okreslona-czescia-strony-wordpress-krok-po-kroku\/","title":{"rendered":"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)"},"content":{"rendered":"<p>Je\u015bli masz d\u0142ug\u0105 stron\u0119 w swojej witrynie, linkowanie odwiedzaj\u0105cych bezpo\u015brednio do jednej sekcji na tej stronie mo\u017ce by\u0107 bardziej pomocne ni\u017c zwyk\u0142y link.<\/p>\n<p>Na szcz\u0119\u015bcie <a href=\"https:\/\/themewp.inform.click\/kak-ispolzovat-redaktor-blokov-wordpress-osnovnoe-rukovodstvo-po-gutenbergu\/\" title=\"edytor Gutenberg u\u0142atwi\u0142\">edytor Gutenberg u\u0142atwi\u0142<\/a> to i nie musisz instalowa\u0107 \u017cadnych nowych wtyczek.<\/p>\n<p>I \u017ceby by\u0142o jasne, m\u00f3wi\u0119 o takim \u0142\u0105czu, kt\u00f3ry przeniesie Ci\u0119 do poni\u017cszego nag\u0142\u00f3wka: <a href=\"#first-heading\">przewi\u0144 do nast\u0119pnego nag\u0142\u00f3wka<\/a>.<\/p>\n<p>W tym samouczku dowiesz si\u0119, jak tworzy\u0107 takie linki, kt\u00f3re mog\u0105 prowadzi\u0107 do tej samej strony lub sekcji na osobnej stronie.<\/p>\n<p>Ten samouczek zawiera r\u00f3wnie\u017c <strong>kroki dla Edytora klasycznego<\/strong>, ale najpierw przeczytaj reszt\u0119 postu, aby dowiedzie\u0107 si\u0119, jak prawid\u0142owo utworzy\u0107 link.<\/p>\n<h2>Jak po\u0142\u0105czy\u0107 si\u0119 z cz\u0119\u015bci\u0105 strony<\/h2>\n<p>Je\u015bli wolisz samouczki wideo, mo\u017cesz skorzysta\u0107 z tego samouczka krok po kroku zamiast czyta\u0107 instrukcje w tym po\u015bcie.<\/p>\n<p>[\u017ar\u00f3d\u0142o elementu iframe=\/\/www.youtube.com\/embed\/ghVHEzlLVqw]<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Subskrybuj motywy konkursowe na Youtube<\/a><\/p>\n<p>Aby utworzy\u0107 link do okre\u015blonej cz\u0119\u015bci strony, musisz zrobi\u0107 dwie rzeczy.<\/p>\n<ol>\n<li>Dodaj kotwic\u0119 do linku<\/li>\n<li>Link do kotwicy<\/li>\n<\/ol>\n<p>Po pierwsze, potrzebujesz sposobu na oznaczenie elementu, do kt\u00f3rego b\u0119dziesz prowadzi\u0107 link. Mo\u017ce to by\u0107 dowolny element, ale u\u017cyjemy nag\u0142\u00f3wka, poniewa\u017c jest to najcz\u0119stszy element, do kt\u00f3rego mo\u017cna si\u0119 odwo\u0142ywa\u0107.<\/p>\n<p>Po dodaniu kotwicy wszystko, co musisz zrobi\u0107, to po\u0142\u0105czy\u0107 si\u0119 z ni\u0105 za pomoc\u0105 normalnego edytora link\u00f3w i nieco innego formatu adresu URL.<\/p>\n<p>W praktyce b\u0119dzie to \u0142atwe do zrozumienia, wi\u0119c zaczynajmy.<\/p>\n<h3>Jak doda\u0107 kotwic\u0119 do nag\u0142\u00f3wka<\/h3>\n<p>Zacznij od wybrania bloku nag\u0142\u00f3wka w edytorze. Zobaczysz sekcj\u0119 Zaawansowane na prawym pasku bocznym, kt\u00f3ra jest domy\u015blnie zwini\u0119ta.<\/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=\"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)\"><\/a><\/p>\n<p>Otw\u00f3rz sekcj\u0119 Zaawansowane, a pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 zobaczysz, jest opcja kotwicy HTML.<\/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=\"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)\"><\/a><\/p>\n<p>WordPress nazywa to kotwic\u0105, ale programi\u015bci nazywaj\u0105 to identyfikatorem elementu<\/p>\n<p>W polu kotwicy HTML nadaj nag\u0142\u00f3wkowi kr\u00f3tk\u0105 i opisow\u0105 nazw\u0119. Nie mo\u017ce zawiera\u0107 spacji, ale mo\u017cesz u\u017cy\u0107 my\u015blnik\u00f3w do oddzielenia s\u0142\u00f3w. Na przyk\u0142ad sekcja dotycz\u0105ca diety w artykule o opiece nad psem mo\u017ce mie\u0107 kotwic\u0119, tak\u0105 jak \u201edieta&quot; lub \u201edieta dla psa&#8221;.<\/p>\n<p>Po dodaniu kotwicy mo\u017cesz utworzy\u0107 do niej link.<\/p>\n<h3>Jak po\u0142\u0105czy\u0107 si\u0119 z kotwic\u0105<\/h3>\n<p>Kroki r\u00f3\u017cni\u0105 si\u0119 nieco w zale\u017cno\u015bci od tego, czy link znajduje si\u0119 na tej samej stronie, czy nie. Zacznijmy od tych samych link\u00f3w do stron.<\/p>\n<p>Aby utworzy\u0107 link do kotwicy na tej samej stronie, zaznacz tekst, do kt\u00f3rego chcesz utworzy\u0107 link, i kliknij ikon\u0119 linku (lub u\u017cyj skr\u00f3tu cmd+k).<\/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=\"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)\"><\/a><\/p>\n<p>Nast\u0119pnie w polu adresu URL wprowad\u017a hashtag, a nast\u0119pnie kotwic\u0119.<\/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=\"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)\"><\/a><\/p>\n<p>WordPress dodaje nawet etykiet\u0119, aby poinformowa\u0107, \u017ce jest to \u201ewewn\u0119trzny&#8221; link<\/p>\n<p>Po naci\u015bni\u0119ciu klawisza Enter zostanie dodany link. Mo\u017cesz wy\u015bwietli\u0107 podgl\u0105d artyku\u0142u, aby od razu go wypr\u00f3bowa\u0107.<\/p>\n<p>Aby u\u017cy\u0107 tej techniki dla kotwicy na innej stronie, adres URL wymaga niewielkiej modyfikacji.<\/p>\n<p>Jedyna r\u00f3\u017cnica polega na tym, \u017ce najpierw dodasz pe\u0142ny adres URL, a nast\u0119pnie hashtag i kotwic\u0119, w ten spos\u00f3b:<\/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=\"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)\"><\/a><\/p>\n<p>Link mo\u017ce nie dzia\u0142a\u0107 bez uko\u015bnika na ko\u0144cu adresu URL przed kotwic\u0105, wi\u0119c pami\u0119taj, aby za ka\u017cdym razem to uwzgl\u0119dni\u0107. Mo\u017ce r\u00f3wnie\u017c <a href=\"https:\/\/themewp.inform.click\/vse-36-sposobov-uskorit-rabotu-vashego-sajta-na-wordpress\/\" title=\"przyspieszy\u0107 \u0142adowanie witryny\">przyspieszy\u0107 \u0142adowanie witryny<\/a>, pomijaj\u0105c automatyczne przekierowanie do wersji adresu URL z uko\u015bnikiem.<\/p>\n<p>To prawdopodobnie obejmuje wszystko, co musisz wiedzie\u0107 o dodawaniu wewn\u0119trznych link\u00f3w kotwicz\u0105cych do WordPressa, ale mam jeszcze kilka wskaz\u00f3wek dla ciekawskich umys\u0142\u00f3w.<\/p>\n<p>T\u0119 sam\u0105 technik\u0119 mo\u017cna wykorzysta\u0107 do utworzenia <a href=\"https:\/\/themewp.inform.click\/11-luchshih-odnostranichnyh-tem-wordpress\/\" title=\"jednostronicowej witryny internetowej\">jednostronicowej witryny internetowej<\/a>.<\/p>\n<p>W przypadku witryny jednostronicowej masz tylko stron\u0119 g\u0142\u00f3wn\u0105, a menu \u0142\u0105czy odwiedzaj\u0105cych do r\u00f3\u017cnych sekcji tej strony, a nie do zupe\u0142nie nowych stron.<\/p>\n<p>Aby stworzy\u0107 tego typu witryn\u0119, utworzysz swoje kotwice przy u\u017cyciu tej samej metody, kt\u00f3rej si\u0119 w\u0142a\u015bnie nauczy\u0142e\u015b. Nast\u0119pnie mo\u017cesz otworzy\u0107 swoje menu w Customizer i skorzysta\u0107 z sekcji \u0141\u0105cza niestandardowe, aby po\u0142\u0105czy\u0107 si\u0119 z kotwicami.<\/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=\"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)\"><\/a><\/p>\n<p>Je\u015bli korzystasz z tej techniki w przypadku witryny wielostronicowej, pami\u0119taj o podaniu pe\u0142nego adresu URL przed hashtagiem.<\/p>\n<h2>Jak po\u0142\u0105czy\u0107 si\u0119 z innymi elementami<\/h2>\n<p>Nag\u0142\u00f3wki nie s\u0105 jedynymi elementami, kt\u00f3re zawieraj\u0105 opcj\u0119 kotwicy HTML.<\/p>\n<p>Mo\u017cesz tak\u017ce doda\u0107 kotwice do:<\/p>\n<ul>\n<li>Paragrafy<\/li>\n<li>Obrazy<\/li>\n<li>Listy<\/li>\n<li>Galerie<\/li>\n<li>Sto\u0142y<\/li>\n<li>cytaty<\/li>\n<\/ul>\n<p>W rzeczywisto\u015bci, podczas przegl\u0105dania blok\u00f3w Gutenberga, nie mog\u0142em znale\u017a\u0107 ani jednego, kt\u00f3ry nie obs\u0142uguje opcji kotwicy HTML.<\/p>\n<p>To powiedziawszy, je\u015bli u\u017cyjesz bloku dodanego przez wtyczk\u0119, mo\u017ce brakowa\u0107 tej opcji. Ponadto opcja zakotwiczenia nie jest dost\u0119pna, je\u015bli korzystasz z Edytora klasycznego, wi\u0119c poni\u017cej opisano, jak edytowa\u0107 kod HTML, aby doda\u0107 kotwic\u0119 do dowolnego elementu w witrynie.<\/p>\n<h2>Jak doda\u0107 linki kotwiczne za pomoc\u0105 HTML<\/h2>\n<p>Je\u015bli u\u017cywasz Edytora klasycznego (lub bloku, w kt\u00f3rym brakuje pola kotwicy HTML), musisz jeszcze wykona\u0107 kilka czynno\u015bci, aby doda\u0107 link.<\/p>\n<p><strong>Spos\u00f3b, w jaki \u0142\u0105czysz si\u0119 z kotwic\u0105, jest taki sam<\/strong>. Jedyna r\u00f3\u017cnica polega na tym, jak dodajesz kotwic\u0119 do elementu.<\/p>\n<p>Aby doda\u0107 kotwic\u0119, musisz edytowa\u0107 kod HTML. W edytorze Gutenberg mo\u017cesz otworzy\u0107 menu opcji bloku i wybra\u0107 Edytuj jako HTML. W Edytorze klasycznym u\u017cyj kart w prawym g\u00f3rnym rogu, aby prze\u0142\u0105czy\u0107 si\u0119 z widoku wizualnego na widok tekstowy.<\/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=\"Jak po\u0142\u0105czy\u0107 si\u0119 z okre\u015blon\u0105 cz\u0119\u015bci\u0105 strony WordPress (krok po kroku)\"><\/a><\/p>\n<p>Podczas przegl\u0105dania kodu HTML zobaczysz, \u017ce nag\u0142\u00f3wki s\u0105 otoczone tagami HTML w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n<pre><code>&lt;h3&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Aby doda\u0107 kotwic\u0119, musisz doda\u0107 atrybut ID do nag\u0142\u00f3wka. Oto przyk\u0142ad daj\u0105cy nag\u0142\u00f3wkowi kotwic\u0119 zwan\u0105 \u201epsi\u0105 diet\u0105&#8221;:<\/p>\n<pre><code>&lt;h3 id=\"dog-diet\"&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Ka\u017cdy element HTML mo\u017ce u\u017cywa\u0107 atrybutu ID, wi\u0119c nie jeste\u015b ograniczony do nag\u0142\u00f3wk\u00f3w. W Edytorze klasycznym wiele kodu HTML tak naprawd\u0119 si\u0119 nie wy\u015bwietla, ale zawsze mo\u017cesz zawin\u0105\u0107 sekcj\u0119 w tagi \u201ediv&#8221;, aby doda\u0107 kotwic\u0119, w ten spos\u00f3b:<\/p>\n<pre><code>&lt;div id=\"link-target\"&gt;<\/code><\/pre>\n<p>Dodanie elementu div nie spowoduje \u017cadnej wizualnej r\u00f3\u017cnicy na stronie, ale pozwoli na bezpo\u015brednie \u0142\u0105cze do tych akapit\u00f3w.<\/p>\n<p>Edycja kodu HTML w ten spos\u00f3b dzia\u0142a dok\u0142adnie tak samo, niezale\u017cnie od tego, czy u\u017cywasz Gutenberga, czy Edytora klasycznego. Gdy kotwica jest na miejscu, wszystko, co musisz zrobi\u0107, to po\u0142\u0105czy\u0107 si\u0119 z ni\u0105 za pomoc\u0105 metody opisanej powy\u017cej.<\/p>\n<h3>Kontynuuj nauk\u0119 WordPressa<\/h3>\n<p>Dzi\u0119ki znajomo\u015bci link\u00f3w kotwicznych i odrobinie kodu HTML mo\u017cesz tworzy\u0107 linki do dowolnej sekcji na dowolnej stronie z dowolnego miejsca w witrynie.<\/p>\n<p>Je\u015bli nauka nowych technik WordPressa jest dla Ciebie ekscytuj\u0105ca i satysfakcjonuj\u0105ca, prawdopodobnie pokochasz m\u00f3j darmowy kurs e-mailowy dotycz\u0105cy WordPressa:<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">We\u017a udzia\u0142 w 7-dniowym kursie e-mail dla mistrz\u00f3w WordPress<\/a><\/p>\n<p>Je\u015bli Ci si\u0119 nie spodoba, mo\u017cesz zrezygnowa\u0107 z subskrypcji jednym klikni\u0119ciem, ale jestem pewien, \u017ce otrzymasz co najmniej jedn\u0105 now\u0105 cenn\u0105 wskaz\u00f3wk\u0119. 7-dniowy kurs e-mailowy zapewnia taktyk\u0119 projektowania, marketingu i wydajno\u015bci, aby stworzy\u0107 lepsz\u0105 stron\u0119 internetow\u0105.<\/p>\n<p>Dzi\u0119kujemy za przeczytanie tego przewodnika na temat tworzenia link\u00f3w do cz\u0119\u015bci stron w WordPressie i rozwa\u017c udost\u0119pnienie go komu\u015b innemu za pomoc\u0105 poni\u017cszych przycisk\u00f3w spo\u0142eczno\u015bciowych.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <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>Dowiedz si\u0119, jak utworzy\u0107 link do okre\u015blonej cz\u0119\u015bci dowolnego postu lub strony WordPress. Zajmuje to tylko minut\u0119 i nie wymaga \u017cadnych nowych wtyczek.<\/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":[180,654,572,612],"tags":[847],"class_list":["post-242930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-8","category-jak-zrobic","category-podstawy-wordpressa","category-uncategorized-8","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/242930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=242930"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/242930\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/21644"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=242930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=242930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=242930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}