{"id":107,"date":"2024-01-16T00:00:00","date_gmt":"2024-01-15T23:00:00","guid":{"rendered":"https:\/\/helloblog.io\/fi\/acorn-prettify-soilista-eteenpain-acorn-ekosysteemin-ehdoilla\/"},"modified":"2026-01-20T06:33:16","modified_gmt":"2026-01-20T05:33:16","slug":"acorn-prettify-soilista-eteenpain-acorn-ekosysteemin-ehdoilla","status":"publish","type":"post","link":"https:\/\/helloblog.io\/fi\/acorn-prettify-soilista-eteenpain-acorn-ekosysteemin-ehdoilla\/","title":{"rendered":"Acorn Prettify: Soilista eteenp\u00e4in, Acorn-ekosysteemin ehdoilla"},"content":{"rendered":"\n<p>Roots-tiimin WordPress-maailmassa <em>Soil<\/em> on ollut pitk\u00e4\u00e4n se pieni, mutta t\u00e4rke\u00e4 palanen, jolla siistit\u00e4\u00e4n WordPressin oletusmarkuppia ja parannetaan perusasioita ilman ett\u00e4 koko teemapino pit\u00e4\u00e4 r\u00e4j\u00e4ytt\u00e4\u00e4. Nyt Roots on julkaissut uuden paketin, <strong>Acorn Prettify<\/strong>n, joka toimii Soil-pluginin seuraajana ja istuu suoraan Acornin (Roots\/Acorn) ymp\u00e4rille rakentuvaan pakettiekosysteemiin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mik\u00e4 Acorn Prettify on ja miksi se korvaa Soilin?<\/h2>\n\n\n\n<p>Acorn Prettify on Composerilla asennettava paketti, joka kokoaa yhteen ne Soil-ominaisuudet, joita Roots aikoo jatkossakin yll\u00e4pit\u00e4\u00e4. Samalla se on selke\u00e4 signaali siit\u00e4, ett\u00e4 Roots panostaa vahvasti <strong>Acornin<\/strong> ymp\u00e4rille rakennettavaan malliin: ominaisuudet ja \u201cteemaa siistiv\u00e4\u201d logiikka toimitetaan paketteina, joita voi ottaa k\u00e4ytt\u00f6\u00f6n hallitusti projektikohtaisesti.<\/p>\n\n\n\n<p>Taustaa: Soil oli alun perin osa Roots-starter theme\u00e4 vuosina 2011\u20132014. Roots v7 -julkaisun yhteydess\u00e4 Soil irrotettiin omaksi pluginikseen. Nyt seuraava askel on vied\u00e4 yll\u00e4pidett\u00e4v\u00e4t ominaisuudet Acorn-maailmaan ja toimittaa ne Acorn Prettify -paketin kautta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mit\u00e4 ominaisuuksia Prettify tuo (Soilin \u201cydinpaketti\u201d)<\/h2>\n\n\n\n<p>Acorn Prettify sis\u00e4lt\u00e4\u00e4 Roots-tiimin mukaan ne keskeiset Soil-ominaisuudet, joita jatkossa pidet\u00e4\u00e4n aktiivisesti kunnossa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>WordPress-markupin siistiminen<\/strong>: tavoitteena puhtaampi, v\u00e4hemm\u00e4n \u201cWP-oletus\u201d-henkinen HTML ja turhan r\u00f6nsyn karsiminen.<\/li>\n\n\n<li><strong>Nice search<\/strong>: hakukokemuksen parantaminen (k\u00e4yt\u00e4nn\u00f6ss\u00e4 se, ett\u00e4 haku k\u00e4ytt\u00e4ytyy j\u00e4rkev\u00e4mmin ja URLit ym. ovat siistimm\u00e4t).<\/li>\n\n\n<li><strong>Relative URLs<\/strong>: suhteelliset URL-osoitteet, mutta huomaa: <em>ne ovat nyt oletuksena pois p\u00e4\u00e4lt\u00e4<\/em> (disabled by default).<\/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\">Relative URLs on oletuksena pois p\u00e4\u00e4lt\u00e4<\/h4>\n\n\n<p>Jos olet aiemmin nojannut Soilin relative URL -toiminnallisuuteen, huomaa ett\u00e4 Prettifyssa se ei ole automaattisesti k\u00e4yt\u00f6ss\u00e4. T\u00e4m\u00e4 on tarkoituksellinen oletus, joten k\u00e4ytt\u00f6\u00f6nottaminen tehd\u00e4\u00e4n konfiguraation kautta.<\/p>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Migraatio: Soil \u2192 Acorn Prettify (Composer-projekti)<\/h2>\n\n\n\n<p>Jos projektissasi on Soil Composer-riippuvuutena, migraatio on suoraviivainen: poistat vanhan paketin ja otat uuden tilalle.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) Poista Soil Composerista<\/h3>\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\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>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2) Asenna Acorn Prettify<\/h3>\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\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>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3) Sage-projekti: siivoa add_theme_support-viittaukset<\/h3>\n\n\n\n<p>Jos k\u00e4yt\u00e4t Sagea, Roots mainitsee erikseen, ett\u00e4 voit poistaa Soiliin liittyv\u00e4t <code>add_theme_support<\/code> -asetukset tiedostosta <code>app\/setup.php<\/code>. K\u00e4yt\u00e4nn\u00f6ss\u00e4 t\u00e4m\u00e4 on se kohta, jossa vanhan pluginin feature-togglit on usein kytketty p\u00e4\u00e4lle teeman kautta.<\/p>\n\n\n\n<p>Roots on linkannut esimerkin Sage-reposta, josta n\u00e4et milt\u00e4 muutos n\u00e4ytt\u00e4\u00e4 k\u00e4yt\u00e4nn\u00f6ss\u00e4: <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\">Konfigurointi: ominaisuudet tulevat config-tiedoston kautta<\/h2>\n\n\n\n<p>Prettifyn ominaisuudet kytket\u00e4\u00e4n p\u00e4\u00e4lle konfiguraatiolla. Paketin oma konfiguraatiotiedosto on <code>config\/prettify.php<\/code> (l\u00e4hde: Roots\/acorn-prettify -repo). Idea on sama kuin monessa modernissa PHP-kehyksess\u00e4: oletukset ovat paketissa, ja projektikohtaiset muutokset tehd\u00e4\u00e4n julkaisemalla konfiguraatio omaan koodipohjaan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Julkaise konfiguraatio projektiisi<\/h3>\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\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>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Kun konfiguraatio on julkaistu, voit muuttaa oletuksia (esimerkiksi kytke\u00e4 relative URLs -toiminnon erikseen p\u00e4\u00e4lle, jos se on sinun ymp\u00e4rist\u00f6ss\u00e4si perusteltua).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mit\u00e4 t\u00e4m\u00e4 tarkoittaa Roots\/Acorn-kehitt\u00e4j\u00e4lle?<\/h2>\n\n\n\n<p>K\u00e4yt\u00e4nn\u00f6n tasolla muutos tekee kahdesta asiasta selke\u00e4mpi\u00e4:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Riippuvuuksien hallinta paranee<\/strong>: samat \u201csiistint\u00e4ominaisuudet\u201d tulevat projektin Composer-riippuvuuksina, jolloin versiop\u00e4ivitykset ja lukitus (lockfile) ovat ennustettavampia.<\/li>\n\n\n<li><strong>Konfiguraatio keskitet\u00e4\u00e4n<\/strong>: ominaisuuksien kytkent\u00e4 ei j\u00e4\u00e4 vain teeman <code>setup.php<\/code>-p\u00e4tkiin tai plugin-asetusten varaan, vaan sit\u00e4 ohjataan yhden config-pisteen kautta.<\/li>\n\n<\/ul>\n\n\n\n<p>Roots my\u00f6s nostaa esiin isomman kuvan: Acornin ja sen pakettiekosysteemin odotetaan kasvavan. Acorn Prettify istuu siihen linjaan luontevasti, koska se on selke\u00e4sti rajattu, yll\u00e4pidett\u00e4v\u00e4 osa-alue eik\u00e4 \u201ckaikkea kaikille\u201d -plugin.<\/p>\n\n\n<div class=\"references-section\">\n                <h2>Viitteet \/ L\u00e4hteet<\/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\">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>Roots julkaisi Acorn Prettify -paketin Soil-pluginin seuraajaksi. T\u00e4ss\u00e4 mit\u00e4 se tekee, miksi relative URLs on nyt oletuksena pois p\u00e4\u00e4lt\u00e4 ja miten migraatio hoituu siististi Composerilla.<\/p>\n","protected":false},"author":58,"featured_media":106,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[4,8,3,70,10],"class_list":["post-107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-ekosysteemi","tag-acorn","tag-composer","tag-roots","tag-sage","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/posts\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":1,"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/posts\/107\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/posts\/107\/revisions\/128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/media\/106"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/media?parent=107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/categories?post=107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/fi\/wp-json\/wp\/v2\/tags?post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}