{"id":240,"date":"2024-01-16T00:00:00","date_gmt":"2024-01-15T23:00:00","guid":{"rendered":"https:\/\/helloblog.io\/hu\/acorn-prettify-soil-utod-acorn-roots\/"},"modified":"2026-01-20T06:32:34","modified_gmt":"2026-01-20T05:32:34","slug":"acorn-prettify-soil-utod-acorn-roots","status":"publish","type":"post","link":"https:\/\/helloblog.io\/hu\/acorn-prettify-soil-utod-acorn-roots\/","title":{"rendered":"Acorn Prettify: a Soil ut\u00f3dja, ha Roots\/Acorn alapokra \u00e9p\u00edtesz"},"content":{"rendered":"\n<p>A Roots \u00f6kosziszt\u00e9m\u00e1ban a Soil sok\u00e1ig egyfajta \u201ealapcsomag\u201d volt: p\u00e1r j\u00f3l bev\u00e1lt finomhangol\u00e1s, amit\u0151l a WordPress kimenete \u00e9s viselked\u00e9se kultur\u00e1ltabb lett. A Roots bejelent\u00e9se szerint ennek a szerepnek a folytat\u00f3ja az \u00faj <a href=\"https:\/\/github.com\/roots\/acorn-prettify\">Acorn Prettify<\/a> csomag, amit kifejezetten az Acorn-ra (a Roots WordPress-hez igaz\u00edtott keretrendszer\u00e9re) t\u00e1maszkodva adnak ki \u00e9s tartanak karban.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mi az Acorn Prettify, \u00e9s mi\u00e9rt lett r\u00e1 sz\u00fcks\u00e9g?<\/h2>\n\n\n\n<p>Az Acorn Prettify a Roots szerint a Soil ut\u00f3dja. R\u00f6viden: ugyanazt a filoz\u00f3fi\u00e1t viszi tov\u00e1bb, csak m\u00e1r a modern Roots\/Acorn ir\u00e1nyra fel\u00fcltetve. A h\u00e1tt\u00e9rhez tartozik, hogy a Soil eredetileg a Roots starter theme r\u00e9sze volt 2011\u20132014 k\u00f6z\u00f6tt, majd a Roots v7 k\u00f6rny\u00e9k\u00e9n \u00f6n\u00e1ll\u00f3 b\u0151v\u00edtm\u00e9nyk\u00e9nt v\u00e1lt k\u00fcl\u00f6n.<\/p>\n\n\n\n<p>A bejelent\u00e9s alapj\u00e1n a Roots most \u201eall-in\u201d m\u00f3don Acorn-ra \u00e9p\u00edt: az Acorn \u00e9s a k\u00f6r\u00e9 \u00e9p\u00fcl\u0151 csomag-\u00f6kosziszt\u00e9ma (Composer-es csomagok, publikus package-ek) n\u00f6veked\u00e9s\u00e9re sz\u00e1m\u00edtanak, \u00e9s ebbe a vonalba illeszkedik az Acorn Prettify is.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Milyen Soil-funkci\u00f3k ker\u00fcltek \u00e1t (\u00e9s maradnak t\u00e1mogatottak)?<\/h2>\n\n\n\n<p>Az Acorn Prettify a bejelent\u00e9s szerint azokat a Soil-funkci\u00f3kat viszi tov\u00e1bb, amelyeket a Roots csapat karban is akar tartani. Ezek a f\u0151 pontok:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>WordPress markup \u201etakar\u00edt\u00e1s\u201d: tiszt\u00e1bb\/konzisztensebb HTML-kimenet a WordPress alap\u00e9rtelmez\u00e9seihez k\u00e9pest.<\/li>\n\n\n<li>\u201eNice search\u201d: a keres\u00e9s viselked\u00e9s\u00e9nek finom\u00edt\u00e1sa, hogy felhaszn\u00e1l\u00f3bar\u00e1tabb legyen.<\/li>\n\n\n<li>Relat\u00edv URL-ek (relative URLs): el\u00e9rhet\u0151 funkci\u00f3, de alapb\u00f3l <em>kikapcsolva<\/em> \u00e9rkezik.<\/li>\n\n<\/ul>\n\n\n\n<div class=\"wp-block-group callout callout-info is-style-info is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;border-radius:8px;padding-top:1rem;padding-right:1.5rem;padding-bottom:1rem;padding-left:1.5rem\">\n\n<h4 class=\"wp-block-heading callout-title\">Mi\u00e9rt fontos, hogy a relat\u00edv URL alapb\u00f3l ki van kapcsolva?<\/h4>\n\n\n<p>A bejelent\u00e9s szerint a relat\u00edv URL funkci\u00f3 most m\u00e1r alap\u00e9rtelmezetten tiltott. Ez arra utal, hogy nem minden projektn\u00e9l kock\u00e1zatmentes (p\u00e9ld\u00e1ul CDN, t\u00f6bb domain, admin\/REST\/API v\u00e9gpontok, e-mail sablonok, canonical URL-ek eset\u00e9n), ez\u00e9rt \u00e9rdemes tudatosan d\u00f6nteni r\u00f3la, nem automatikusan bekapcsolni.<\/p>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c1t\u00e1ll\u00e1s Soil-r\u00f3l Acorn Prettify-ra (Composer)<\/h2>\n\n\n\n<p>Ha a projektedben a Soil Composer-f\u00fcgg\u0151s\u00e9gk\u00e9nt szerepel, az \u00e1t\u00e1ll\u00e1s a Roots aj\u00e1nl\u00e1sa szerint k\u00e9t l\u00e9p\u00e9s: a Soil elt\u00e1vol\u00edt\u00e1sa, majd az Acorn Prettify telep\u00edt\u00e9se.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#24292e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#e1e4e8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>composer remove roots\/soil\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#B392F0\">composer<\/span><span style=\"color:#9ECBFF\"> remove<\/span><span style=\"color:#9ECBFF\"> roots\/soil<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#24292e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#e1e4e8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>composer require roots\/acorn-prettify\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#B392F0\">composer<\/span><span style=\"color:#9ECBFF\"> require<\/span><span style=\"color:#9ECBFF\"> roots\/acorn-prettify<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Sage t\u00e9m\u00e1t haszn\u00e1l\u00f3 projektekn\u00e9l a Roots k\u00fcl\u00f6n kiemeli, hogy \u00e9rdemes kitakar\u00edtani a Soil-hoz kapcsol\u00f3d\u00f3 <code>add_theme_support<\/code> be\u00e1ll\u00edt\u00e1sokat is a t\u00e9m\u00e1ban (tipikusan az <code>app\/setup.php<\/code> k\u00f6rny\u00e9k\u00e9n). Konkr\u00e9t diff p\u00e9ld\u00e1t a Sage rep\u00f3ban mutatnak: <a href=\"https:\/\/github.com\/roots\/sage\/pull\/3172\/files\">Sage PR #3172 (files)<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Konfigur\u00e1ci\u00f3: hogyan kapcsolod be a funkci\u00f3kat?<\/h2>\n\n\n\n<p>Az Acorn Prettify-n\u00e1l a funkci\u00f3k egy konfigur\u00e1ci\u00f3s f\u00e1jlon kereszt\u00fcl vez\u00e9relhet\u0151k: <code>config\/prettify.php<\/code>. A bejelent\u00e9s alapj\u00e1n ezen kereszt\u00fcl tudod enged\u00e9lyezni\/tiltani az egyes feature-\u00f6ket, illetve a default \u00e9rt\u00e9keket fel\u00fcl\u00edrni.<\/p>\n\n\n\n<p>Ha a defaultokon v\u00e1ltoztatn\u00e1l, a Roots javaslata szerint publik\u00e1ld a csomag konfigur\u00e1ci\u00f3j\u00e1t a projektedbe, majd szerkeszd a saj\u00e1t p\u00e9ld\u00e1nyodat.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#24292e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#e1e4e8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>wp acorn vendor:publish --tag=prettify-config\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#B392F0\">wp<\/span><span style=\"color:#9ECBFF\"> acorn<\/span><span style=\"color:#9ECBFF\"> vendor:publish<\/span><span style=\"color:#79B8FF\"> --tag=prettify-config<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div class=\"wp-block-group callout callout-warning is-style-warning is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;border-radius:8px;padding-top:1rem;padding-right:1.5rem;padding-bottom:1rem;padding-left:1.5rem\">\n\n<h4 class=\"wp-block-heading callout-title\">Gyakorlati tipp telep\u00edt\u00e9s ut\u00e1n<\/h4>\n\n\n<p>Mivel a funkci\u00f3k konfigur\u00e1ci\u00f3b\u00f3l aktiv\u00e1lhat\u00f3k, telep\u00edt\u00e9s ut\u00e1n \u00e9rdemes els\u0151k\u00e9nt megn\u00e9zni a <code>config\/prettify.php<\/code> logik\u00e1j\u00e1t, \u00e9s projekt-specifikusan d\u00f6nteni (k\u00fcl\u00f6n\u00f6sen a relat\u00edv URL-ek eset\u00e9n).<\/p>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Mit jelent ez a Roots\/Acorn vonalon fejleszt\u0151knek?<\/h2>\n\n\n\n<p>A bejelent\u00e9s \u00fczenete egy\u00e9rtelm\u0171: a Roots az Acorn-t tekinti a j\u00f6v\u0151beli WordPress-es fejleszt\u00e9si alapnak, \u00e9s a hasznos \u201emin\u0151s\u00e9gi\u201d kieg\u00e9sz\u00edt\u00e9seket is ezen a csatorn\u00e1n kereszt\u00fcl szeretn\u00e9 sz\u00e1ll\u00edtani. Ha Sage + Acorn stackben dolgozol, az Acorn Prettify v\u00e1rhat\u00f3an k\u00e9zenfekv\u0151bb alap lesz, mint a Soil tov\u00e1bbi haszn\u00e1lata \u2014 f\u0151leg, ha hossz\u00fa t\u00e1v\u00fa karbantarthat\u00f3s\u00e1g a c\u00e9l.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00d6sszefoglal\u00e1s<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>Az Acorn Prettify a Roots szerint a Soil ut\u00f3dja, Acorn-alapon.<\/li>\n\n\n<li>A csomag a Soil f\u0151bb, tov\u00e1bb karbantartott funkci\u00f3it viszi tov\u00e1bb: markup cleanup, \u201enice search\u201d, relat\u00edv URL (alapb\u00f3l kikapcsolva).<\/li>\n\n\n<li>\u00c1t\u00e1ll\u00e1s Composerrel: <code>composer remove roots\/soil<\/code>, majd <code>composer require roots\/acorn-prettify<\/code>.<\/li>\n\n\n<li>A funkci\u00f3kat a <code>config\/prettify.php<\/code> konfigur\u00e1ci\u00f3 vez\u00e9rli; a config publik\u00e1lhat\u00f3 a <code>wp acorn vendor:publish --tag=prettify-config<\/code> paranccsal.<\/li>\n\n<\/ol>\n\n\n<div class=\"references-section\">\n                <h2>Hivatkoz\u00e1sok \/ Forr\u00e1sok<\/h2>\n                <ul class=\"references-list\"><li><a href=\"https:\/\/roots.io\/announcing-acorn-prettify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Announcing Acorn Prettify<\/a><\/li><li><a href=\"https:\/\/github.com\/roots\/acorn-prettify\" target=\"_blank\" rel=\"noopener noreferrer\">roots\/acorn-prettify<\/a><\/li><li><a href=\"https:\/\/github.com\/roots\/soil\" target=\"_blank\" rel=\"noopener noreferrer\">roots\/soil<\/a><\/li><li><a href=\"https:\/\/roots.io\/creating-an-acorn-package\/\" target=\"_blank\" rel=\"noopener noreferrer\">Creating an Acorn package<\/a><\/li><li><a href=\"https:\/\/github.com\/roots\/sage\/pull\/3172\/files\" target=\"_blank\" rel=\"noopener noreferrer\">Sage PR #3172<\/a><\/li><\/ul>\n            <\/div>","protected":false},"excerpt":{"rendered":"<p>Ha eddig a Soil b\u0151v\u00edtm\u00e9nnyel \u201etakar\u00edtottad ki\u201d a WordPress apr\u00f3 furcsas\u00e1gait, most \u00e9rdemes r\u00e1n\u00e9zni az Acorn Prettify-ra. A Roots csapata ezzel viszi tov\u00e1bb a karbantartott funkci\u00f3kat, m\u00e1r az Acorn \u00f6kosziszt\u00e9m\u00e1ra \u00e9p\u00edtve.<\/p>\n","protected":false},"author":4,"featured_media":238,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[4,8,3,104,10],"class_list":["post-240","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-okoszisztema","tag-acorn","tag-composer","tag-roots","tag-sage","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/posts\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":1,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/posts\/240\/revisions"}],"predecessor-version":[{"id":258,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/posts\/240\/revisions\/258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/media\/238"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/media?parent=240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/categories?post=240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/hu\/wp-json\/wp\/v2\/tags?post=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}