{"id":229232,"date":"2022-11-16T19:48:00","date_gmt":"2022-11-16T16:48:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229232"},"modified":"2022-11-09T06:04:55","modified_gmt":"2022-11-09T03:04:55","slug":"wordpress-mallar-foer-nyboerjare-hur-det-aer","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-mallar-foer-nyboerjare-hur-det-aer\/","title":{"rendered":"WordPress-mallar f\u00f6r nyb\u00f6rjare: Hur det \u00e4r"},"content":{"rendered":"\n

N\u00e4r jag f\u00f6rst b\u00f6rjade fundera p\u00e5 mallar i WordPress t\u00e4nkte jag p\u00e5 tv\u00e5 aspekter:<\/p>\n

    \n
  1. inneh\u00e5ll specifikt f\u00f6r medlemmar<\/a> ,<\/li>\n
  2. inneh\u00e5ll som kan delas upp i ett enda inl\u00e4gg.<\/li>\n<\/ol>\n

    Men ju mer jag t\u00e4nkte p\u00e5 det, desto mer ins\u00e5g jag att det kunde (och utan tvekan borde) f\u00f6rklaras under loppet av n\u00e5gra inl\u00e4gg.<\/p>\n

    S\u00e5 jag kommer att bryta ner det nuvarande tillst\u00e5ndet f\u00f6r WordPress-mallar och sedan praktiska s\u00e4tt vi kan ta, organisera, s\u00e4g, v\u00e5ra plugins s\u00e5 att vi anv\u00e4nder standard PHP.<\/p>\n

    Efter det ska jag i en framtida serie titta p\u00e5 vad det inneb\u00e4r att anv\u00e4nda andra mallmotorer (b\u00e5de PHP och JavaScript i det arbete vi g\u00f6r).<\/p>\n

    Till att b\u00f6rja med vill jag dock ta en titt p\u00e5 hur vi ofta ser mallar skrivna inom ramen f\u00f6r b\u00e5de WordPress-teman och plugins.<\/p>\n

    WordPress-mallar f\u00f6r nyb\u00f6rjare<\/h2>\n

    Beroende p\u00e5 din erfarenhet av WordPress och andra PHP-baserade system \u00e4r din definition av mall annorlunda \u00e4n n\u00e5gon annans.<\/p>\n

    S\u00e5 f\u00f6r att f\u00f6rs\u00f6ka skapa en gemensam definition som jag kommer att anv\u00e4nda under den h\u00e4r serien av inl\u00e4gg kommer att anv\u00e4ndas fr\u00e5n WordPress Codex:<\/a><\/p>\n

    \n

    Mallar \u00e4r filerna som styr hur din WordPress-webbplats kommer att visas p\u00e5 webben.<\/p>\n<\/blockquote>\n

    Sidan forts\u00e4tter med att prata om hur det fungerar tillsammans med databasen och andra tillg\u00e5ngar, och jag rekommenderar att du l\u00e4ser om det om du inte \u00e4r bekant med det.<\/p>\n

    Definitionen ovan fungerar dock bra f\u00f6r hur jag t\u00e4nker g\u00e5 vidare n\u00e4r jag t\u00e4nker p\u00e5 det.<\/p>\n

    1 Hur det \u00e4r (just nu)<\/h3>\n

    N\u00e4r det g\u00e4ller att t\u00e4nka p\u00e5 WordPress-mallar, tror jag att det hj\u00e4lper att \u00f6verv\u00e4ga en enda mall som med kod som ser ut ungef\u00e4r s\u00e5 h\u00e4r:<\/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
    Po\u00e4ngen med koden ovan \u00e4r att du ser \u00e4r att den blandar PHP och HTML.<\/p>\n
    Dessutom \u00e4r det viktigt att notera att var och en av dessa filer \u00e4r utformade med CSS och kan ha ytterligare beteende kontrollerat via JavaScript. F\u00f6r det \u00e4ndam\u00e5let kan du f\u00f6rest\u00e4lla det s\u00e5 h\u00e4r:<\/p>\n
    Detta representerar en enda mall som blandar b\u00e5de HTML och PHP till en enda mall. Och den mallen formateras sedan med CSS och styrs med JavaScript.<\/p>\n
    Alla dessa fungerar tillsammans f\u00f6r att ge vad det \u00e4r som anv\u00e4ndaren ser.<\/p>\n
    2 F\u00e5r utvecklarorganisationen prestanda?<\/h3>\n
    Men s\u00e4ttet som det h\u00e4r fungerar p\u00e5 \u00e4r lite r\u00f6rigt, och \u00e4ven om det kan se bra ut f\u00f6r anv\u00e4ndaren v\u00e4cker det n\u00e5gra fr\u00e5gor:<\/p>\n