{"id":230026,"date":"2022-11-16T19:25:00","date_gmt":"2022-11-16T16:25:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230026"},"modified":"2022-11-09T19:45:56","modified_gmt":"2022-11-09T16:45:56","slug":"wordpress-mallit-aloittelijoille-miten-se-on","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/wordpress-mallit-aloittelijoille-miten-se-on\/","title":{"rendered":"WordPress-mallit aloittelijoille: miten se on"},"content":{"rendered":"\n

Kun aloin mietti\u00e4 mallien luomista WordPressiss\u00e4, ajattelin kahta asiaa:<\/p>\n

    \n
  1. sis\u00e4lt\u00f6\u00e4 erityisesti j\u00e4senille<\/a> ,<\/li>\n
  2. sis\u00e4lt\u00f6\u00e4, joka voi hajota yhdeksi viestiksi.<\/li>\n<\/ol>\n

    Mutta mit\u00e4 enemm\u00e4n ajattelin sit\u00e4, sit\u00e4 enemm\u00e4n ymm\u00e4rsin, ett\u00e4 se voitaisiin (ja luultavasti pit\u00e4isi) selitt\u00e4\u00e4 muutaman viestin aikana.<\/p>\n

    Joten aion purkaa WordPress-mallien nykytilan ja sitten k\u00e4yt\u00e4nn\u00f6n tapoja, joilla voimme j\u00e4rjest\u00e4\u00e4 esimerkiksi laajennukset niin, ett\u00e4 k\u00e4yt\u00e4mme tavallista PHP:t\u00e4.<\/p>\n

    Sen j\u00e4lkeen katson seuraavassa sarjassa, mit\u00e4 tarkoittaa muiden mallinnuskoneiden k\u00e4ytt\u00f6 (sek\u00e4 PHP:n ett\u00e4 JavaScriptin ty\u00f6ss\u00e4).<\/p>\n

    Aluksi haluan kuitenkin katsoa, \u200b\u200bkuinka usein n\u00e4emme malleja, jotka on kirjoitettu sek\u00e4 WordPress-teemojen ett\u00e4 laajennusten yhteydess\u00e4.<\/p>\n

    WordPress-malleja aloittelijoille<\/h2>\n

    Riippuen kokemuksestasi WordPressist\u00e4 ja muista PHP-pohjaisista j\u00e4rjestelmist\u00e4, sinun mallipohjasi m\u00e4\u00e4ritelm\u00e4 on erilainen kuin jonkun muun.<\/p>\n

    Joten yritt\u00e4\u00e4kseni luoda yhteisen m\u00e4\u00e4ritelm\u00e4n, jota k\u00e4yt\u00e4n t\u00e4ss\u00e4 viestisarjassa, k\u00e4ytet\u00e4\u00e4n WordPress Codexista:<\/a><\/p>\n

    \n

    Mallit ovat tiedostoja, jotka s\u00e4\u00e4telev\u00e4t, miten WordPress-sivustosi n\u00e4ytet\u00e4\u00e4n verkossa.<\/p>\n<\/blockquote>\n

    Sivulla kerrotaan edelleen, kuinka se toimii yhdess\u00e4 tietokannan ja muiden resurssien kanssa, ja suosittelen lukemaan siit\u00e4, jos et ole perehtynyt siihen.<\/p>\n

    Yll\u00e4 oleva m\u00e4\u00e4ritelm\u00e4 toimii kuitenkin hyvin siihen, miten aion edet\u00e4 ajattelussani.<\/p>\n

    1 Miten se on (t\u00e4ll\u00e4 hetkell\u00e4)<\/h3>\n

    Mit\u00e4 tulee WordPress-mallien ajatteluun, mielest\u00e4ni on hy\u00f6dyllist\u00e4 harkita yht\u00e4 mallia, jonka koodi n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4:<\/a><\/p>\n

    <div id=\"content-container\">\n\n  <p>\n    Oh! The garbage chute was a really wonderful idea. What an incredible smell you've discovered! Let's get out of here! \n    Get away from there... No! wait! Will you forget it? I already tried it. It's magnetically sealed! Put that \n    thing away! You're going to get us all killed.\n  <\/p>\n\n  <h2>List of Post Titles For Acme Post Type<\/h2>\n  <?php\n  $args = array(\n    'post_status'    => 'publish',\n    'post_type'      => 'acme',\n    'posts_per_page' => '10'\n  );\n  $custom_query = new WP_Query( $args );\n\n  if ($custom_query->have_posts()) {\n    echo '<ul>';\n    while ($custom_query->have_posts()) {\n      $custom_query->the_post();\n      echo '<li>'. get_the_title(). '<\/li>';\n    }\n    echo '<\/ul>';\n    wp_reset_postdata();\n  }\n  ?>\n\n  <p>\n    Absolutely, Your Worship. Look, I had everything under control until you led us down here. You know, it's not \n    going to take them long to figure out what happened to us. It could be worst... It's worst. \n    There's something alive in here! That's your imagination. Something just moves past my leg! \n    Look! Did you see that? What? Help!\n  <\/p>\n\n<\/div><!-- #content-container --><\/code><\/pre>\n
    Yll\u00e4 olevan koodin pointti on, ett\u00e4 n\u00e4et, ett\u00e4 siin\u00e4 sekoitetaan PHP ja HTML.<\/p>\n
    Lis\u00e4ksi on t\u00e4rke\u00e4\u00e4 huomata, ett\u00e4 jokainen n\u00e4ist\u00e4 tiedostoista on tyylitelty CSS:n avulla ja ett\u00e4 niiden toimintaa voi ohjata JavaScriptin avulla. T\u00e4t\u00e4 varten voit kuvitella sen seuraavasti:<\/p>\n
    T\u00e4m\u00e4 edustaa yht\u00e4 mallia, joka sekoittaa sek\u00e4 HTML:n ett\u00e4 PHP:n yhdeksi malliksi. Ja t\u00e4m\u00e4 malli muotoillaan sitten CSS:ll\u00e4 ja ohjataan JavaScriptill\u00e4.<\/p>\n
    Kaikki n\u00e4m\u00e4 toimivat yhdess\u00e4 ja tarjoavat sen, mit\u00e4 k\u00e4ytt\u00e4j\u00e4 n\u00e4kee.<\/p>\n
    2 Saako kehitt\u00e4j\u00e4organisaatio suorituskyky\u00e4?<\/h3>\n
    Mutta tapa, jolla t\u00e4m\u00e4 toimii, on tavallaan sotkuinen, ja vaikka se saattaa n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4 k\u00e4ytt\u00e4j\u00e4lle, se her\u00e4tt\u00e4\u00e4 kysymyksi\u00e4:<\/p>\n