Je\u015bli chodzi o manipulowanie DOM, pierwsz\u0105 rzecz\u0105, o kt\u00f3rej wielu z nas prawdopodobnie pomy\u015bli, jest u\u017cycie JavaScript do robienia tego, co musimy zrobi\u0107.<\/p>\n
J\u0119zyk nie tylko natywnie obs\u0142uguje funkcje do tego celu, ale nowsze funkcje ES6<\/a> daj\u0105 nam bardziej zaawansowane sposoby tworzenia skrypt\u00f3w po stronie klienta. A je\u015bli u\u017cywasz jQuery<\/a> z WordPressem, masz tak\u0105 sam\u0105 bibliotek\u0119 funkcji do, hm, odpytywania DOM, kt\u00f3r\u0105 mamy od lat.<\/p>\n Ale manipulowanie DOM po stronie klienta nie zawsze jest najlepsz\u0105 opcj\u0105. Zamiast tego mo\u017cesz to zrobi\u0107 po stronie serwera. A ze wzgl\u0119du na niekt\u00f3re funkcje wbudowane w PHP, nie r\u00f3\u017cni si\u0119 on zbytnio od tego, jak robimy rzeczy przy u\u017cyciu JavaScript.<\/p>\n Poza tym oczywi\u015bcie robimy to na serwerze.<\/p>\n Wi\u0119c je\u015bli kiedykolwiek pracujesz z tre\u015bci\u0105 posta (typ posta lub niestandardowy typ posta, je\u015bli o to chodzi) i musisz manipulowa\u0107 tagami podobnie jak w przypadku JavaScript, u\u017cycie Za\u0142\u00f3\u017cmy na przyk\u0142ad, \u017ce chcesz przej\u015b\u0107 przez wszystkie elementy akapitu, kt\u00f3re istniej\u0105 w tre\u015bci posta.<\/p>\n \u0141atwo to zrobi\u0107 za pomoc\u0105 wspomnianej biblioteki. Najpierw upewnij si\u0119, \u017ce masz skonfigurowan\u0105 bibliotek\u0119<\/a> w swojej klasie (lub po prostu w swojej kolekcji funkcji):<\/p>\n Nast\u0119pnie skonfiguruj hak dla tre\u015bci:<\/a><\/p>\n W ramach tej funkcji upewnij si\u0119, \u017ce za\u0142adowa\u0142e\u015b tre\u015b\u0107 posta do biblioteki, a nast\u0119pnie poszukaj wszystkich Z tego miejsca mo\u017cesz zrobi\u0107 kilka r\u00f3\u017cnych rzeczy, takich jak dodanie identyfikatora posta do niestandardowego atrybutu ka\u017cdego elementu akapitu. Pe\u0142na funkcja wygl\u0105da\u0142aby wtedy mniej wi\u0119cej tak:<\/a><\/p>\n Oczywi\u015bcie s\u0105 te\u017c inne rzeczy, kt\u00f3re mo\u017cesz zrobi\u0107. Jedn\u0105 rzecz\u0105 jest manipulowanie znacznikami przed wys\u0142aniem ich do przegl\u0105darki. Inn\u0105 rzecz\u0105 jest jednak dodawanie atrybut\u00f3w do danych, je\u015bli jeszcze nie istniej\u0105.<\/p>\n To znaczy, \u017cadna gra s\u0142\u00f3w nie przeznaczona \u2013 z wyj\u0105tkiem mo\u017ce tylko pewnego rodzaju \u2013 tre\u015bci do innego posta.<\/p>\nDomDocument<\/code>biblioteki jest jednym z najpot\u0119\u017cniejszych narz\u0119dzia s\u0105 do Twojej dyspozycji.<\/p>\n<?php\n\nadd_filter('the_content', __NAMESPACE__. 'updateParagraphElements');<\/code><\/pre>\np<\/code>element\u00f3w, podobnie jak przy u\u017cyciu JavaScript<\/a> (z jedn\u0105 wa\u017cn\u0105 uwag\u0105, \u017ce musisz poprawnie zakodowa\u0107 informacje na wypadek, gdyby indeksy g\u00f3rne lub emotikony by\u0142y u\u017cywany):<\/p>\n<?php\n\nfunction updateParagraphElements($content) \n{\n \/* If we're not on a single page or it's not the main query, \n * we won't do anything.\n *\/\n if (!is_single() || !is_main_query()) {\n return $content;\n }\n\n \/\/ Make sure there is content to parse (and properly encode the HTML entities).\n $domDocument = new DOMDocument();\n $domContent = $domDocument->loadHTML(mb_convert_encoding($content, 'HTML-ENTITIES'));\n if (false === $domContent) {\n return $content;\n }\n\n $paragraphs = $domDocument->getElementsByTagName('p');\n if (0 === count($paragraphs)) {\n return $content;\n }\n\n \/\/ More to come...\n}<\/code><\/pre>\n<?php\n\nnamespace Acme;\n\nuse DOMDocument;\n\nadd_filter('the_content', __NAMESPACE__. 'updateParagraphElements');\n\/**\n * Updates the content by locating all of the `p` elements in the content,\n * then adds a class attribute of the post ID to them.\n *\n * The gist of the work is done in this function.\n *\n * @param string $content the post content\n *\n * @return string the updated post content with the aforemented markup.\n *\/\nfunction updateParagraphElements($content) \n{\n \/* If we're not on a single page or it's not the main query, \n * we won't do anything.\n *\/\n if (!is_single() || !is_main_query()) {\n return $content;\n }\n\n \/\/ Make sure there is content to parse (and properly encode the HTML entities).\n $domDocument = new DOMDocument();\n $domContent = $domDocument->loadHTML(mb_convert_encoding($content, 'HTML-ENTITIES'));\n if (false === $domContent) {\n return $content;\n }\n\n $paragraphs = $domDocument->getElementsByTagName('p');\n if (0 === count($paragraphs)) {\n return $content;\n }\n\n \/\/ If so, iterate through the elements and add the post ID as a custom attribute.\n $updatedContent = '';\n foreach ($paragraphs as $paragraph) {\n $paragraph->setAttribute('data-id', get_the_ID());\n }\n\n return wp_kses_post($domDocument->saveHTML());\n}<\/code><\/pre>\n