Du kan bli lite mer komplicerad med flikar, men ovanst\u00e5ende kommer att t\u00e4cka 99% av en grundl\u00e4ggande inst\u00e4llningssk\u00e4rm. Jag dyker inte in i Settings API<\/a> i det h\u00e4r inl\u00e4gget (jag har gjort en hel serie<\/a> om det tidigare).<\/p>\n Ist\u00e4llet handlar det enbart om ett s\u00e4tt att organisera filer s\u00e5 att de kan underh\u00e5llas under hela projektets livstid,<\/p>\n Innan jag tittar p\u00e5 hur filerna \u00e4r organiserade och anv\u00e4nds vill jag skissa p\u00e5 hur jag normalt begreppsm\u00e4ssigt det jag ser p\u00e5 sk\u00e4rmen som arbetar med den h\u00e4r delen av ett projekt.<\/p>\n Som du kan se \u00e4r alla omr\u00e5den ovan t\u00e4ckta. Men hur dessa mappar till filer \u00e4r lite annorlunda. Som ett exempel ser katalogstrukturen ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n Nu, beroende p\u00e5 hur du implementerar din l\u00f6sning, beror p\u00e5 hur dessa sk\u00e4rmar visas.<\/p>\n Det vill s\u00e4ga, ibland \u00e4r det att anv\u00e4nda settings_mesasages()<\/strong> vad du kommer att anv\u00e4nda; andra g\u00e5nger kan du v\u00e4lja att manuellt anv\u00e4nda require_once<\/strong> eftersom allt beror p\u00e5 hur du bygger l\u00f6sningen.<\/p>\n Det \u00e4r l\u00e4tt att argumentera f\u00f6r att det borde finnas ett s\u00e4tt att g\u00f6ra det p\u00e5, men i takt med att m\u00e4nniskors krav p\u00e5 hur de anv\u00e4nder WordPress f\u00f6r\u00e4ndras, liksom kraven och implementeringen<\/a>.<\/p>\n Om du v\u00e4ljer att g\u00e5 utanf\u00f6r Settings API och genomf\u00f6ra din implementering kan uppm\u00e4rkningen se ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n ’Observera att detta inte inkluderar internationalisering eller andra saker som kan kr\u00e4vas i ditt projekt. Det \u00e4r verkligen ett minimum.<\/p>\n Men om inte annat ger det en id\u00e9 om hur du kan ta filerna och s\u00e4tta ihop dem.<\/p>\nBryter ner det<\/h3>\n
![\"Bygga](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165140-61e777e4161e6.png\")
<\/a><\/p>\nHur kan koden se ut?<\/h2>\n
1 Det fullst\u00e4ndiga anv\u00e4ndargr\u00e4nssnittet<\/h3>\n
<?php\n\/**\n * This is the parent administration UI. This includes a single partial for the messaging.\n *\/\n?>\n<div class=\"wrap\">\n <h1 class=\"wp-heading-inline\">Import New Item<\/h1>\n <?php include_once 'partials\/error-invalid-file.php'; ?>\n <div id=\"acme-upload-new-item-pdf\">\n <form action=\"\" enctype=\"multipart\/form-data\" method=\"post\">\n <p>Upload a PDF<\/p>\n <input type=\"file\" \/>\n <?php submit_button( 'Upload' ); ?>\n <?php wp_nonce_field( 'acme-upload', 'acme-importer' ); ?>\n <\/form>\n <\/div><!-- #acme-upload-new-item-pdf -->\n<\/div><!-- .wrap --><\/code><\/pre>\n2 Inkluderade meddelanden<\/h4>\n
<div id=\"invalid-file-message\" class=\"error notice is-dismissible\">\n <p>You have attempted to upload an invalid file type.<\/p>\n <button type=\"button\" class=\"notice-dismiss\">\n <span class=\"screen-reader-text\">Dismiss this notice.<\/span>\n <\/button>\n<\/div><!-- #invalid-file-message --><\/code><\/pre>\nDet h\u00e4r \u00e4r Barebones<\/h2>\n