Sommario
Quando sviluppiamo un sito Web in Wordpress, molte volte un cliente o noi stessi vogliamo modificare l'aspetto dell'area di amministrazione del sito Web.Per questo possiamo aggiungere o rimuovere funzionalità o modificare aspetti del design. Wordpress ci consente di modificare varie funzionalità accedendo ai suoi hook. Un hook si riferisce a un evento che si verifica in Wordpress e che possiamo manipolare dal codice.
Sapendo cos'è l'hook e quando viene eseguito, possiamo creare una funzione da eseguire quando si verifica l'evento hook specifico.
Un evento può essere ad esempio quando la pagina viene caricata e vengono mostrate le etichette, possiamo intercettare l'hook admin_head ed eseguire una funzione per aggiungere ad esempio un foglio di stile in modo dinamico.
1. Aggiungi un foglio di stile al manager
Supponiamo di voler includere un foglio di stile, quindi andiamo al file functions.php e aggiungiamo il seguente codice:
add_action ('admin_head', 'newcss'); funzione newcss() {echo ''; } Se vogliamo aggiungere il foglio di stile nella parte anteriore del web, l'hook sarà wp_headCi sono due eventi per gestire gli hook in Wordpress:
- Ganci di azione: Viene comunemente utilizzato quando si desidera eseguire alcune funzioni dopo che si è verificato un evento specifico.
- Ganci per filtri: Quando si verifica un evento ti consente di passare del contenuto attraverso una funzione, normalmente viene utilizzato per modificare css o qualche aspetto del design, come modificare il testo o rendere in grassetto determinate parole nel contenuto del post.
Supponiamo di voler cercare una parola chiave e renderla in grassetto:
funzione grassetto ($ contenuto) {$ contenuto = preg_replace ("/ (parola chiave) / i", "$1", $ content); return $ content;} add_filter (" the_content "," grassetto "); Ciò significa che quando la parola chiave appare nel contenuto, apparirà automaticamente in grassetto.Sul sito di Wordpress Abbiamo tutti gli agganci da consultare e un esempio di come applicarli entrambi:
Il filtro http: // rimuove il menucodex.wordpress.org/Plugin_API/Filter_Reference
L'azione http: // rimuove il menucodex.wordpress.org/Plugin_API/Action_Reference.
2. Modifica il logo nella schermata di accesso
A molti non piace la schermata di login di wordpress e preferiscono mettere la loro azienda o progetto web invece del logo WordPress in cima al modulo.
Possiamo modificare il logo tramite il gancio login_head aggiungendo una funzione nel file functions.php del nostro modello.
funzione miolog() {echo ''; } add_action ('login_head', 'myilogo') 3. Modificare il piè di pagina del pannello di amministrazioneQui useremo il hook admin_footer_text e creeremo una funzione nel file funzioni.php quindi possiamo cambiare il testo:
funzione changetext() {echo '© 2015 Copyright Web name. Tutti i diritti riservati - Disegnato da Miempresa'; } add_filter ('admin_footer_text', 'changetext'); 4. Rimuovi le opzioni dal menu amministratoreSe vogliamo rimuovere le opzioni dal menu amministratore in modo che non siano accessibili, in molti casi è utile in modo che qualcuno che non sa come amministrare il Web non possa modificare la configurazione o cambiare qualcosa che interrompe il Web, allora lo faremo usa l'hook admin_menu e crea la funzione successiva.
funzione delete_menu () {delete_menu ('edit.php'); // elimina il menu elimina il menu Voci delete_menu ('upload.php'); // rimuove il menu Multimedia remove_menu ('link-manager.php'); // rimuove il menu Collegamenti remove_menu ('edit.php? post_type = page'); // rimuove il menu Pagine remove_menu ('edit-comments.php'); // rimuove il menu Commenti remove_menu ('themes.php'); // rimuove il menu Aspetto remove_menu ('plugins.php'); // rimuove il menu Plugin remove_menu ('users.php'); // rimuove il menu Utenti remove_menu ('tools.php'); // rimuove il menu Strumenti remove_menu ('options-general.php'); // rimuove il menu Impostazioni} // Rimuovi per tutti gli utenti incluso l'amministratore quando viene visualizzato il menu add_action ('admin_menu', 'remove_menu'); // Rimuove per tutti gli utenti tranne l'amministratore quando avvia l'amministratore if (! Current_user_can ('manage_options')) {add_action ('admin_init', 'delete_menu'); } Aggiungi elementi e opzioni alla barra degli strumenti del pannello di amministrazione.
funzione switchtools ($ bar) {global $ current_user; // Variabile globale con i dati dell'utente attualmente registrato // Variabili per assegnare l'url delle diverse pagine nella barra degli strumenti $ urlhome = get_site_url (); $ customerlist = get_admin_url (). '/edit.php?post_type=cliente'; // Elenco dei client $ addclient = get_admin_url (). '/post-new.php?post_type=client'; // Aggiungi un'auto $ carlist = get_admin_url (). '/edit.php?post_type=auto'; // Elenco auto $ anadirauto = get_admin_url (). '/post-new.php?post_type=autos'; // Aggiungi un'auto $ urlexportar = get_admin_url (). '/exportar.php' // Rimuovi il logo Wordpress $ bar-> remove_menu ('wp-logo'); // Rimuove l'icona di notifica dell'aggiornamento $ bar-> remove_menu ('updates'); // Aggiungiamo diversi menu con funzionalità nella barra degli strumenti $ bar-> add_node (array ('id' => 'ir_home', 'title' => 'Vista Web Home', 'href' => $ urlhome, 'meta ' => array (' target '=>' home '))); $ bar-> add_node (array ('id' => 'clients', 'title' => 'Clients', 'href' => $ urlclientes, 'meta' => array ('target' => 'client') )); $ bar-> add_node (array ('id' => 'cars', 'title' => 'Cars', 'href' => $ carlist, 'meta' => array ('target' => 'cars') )); $ bar-> add_node (array ('parent' => 'clients', 'id' => 'newclient', 'title' => 'Aggiungi client', 'href' => $ addclient, 'meta' => array ('target' => 'nuovocliente'))); $ bar-> add_node (array ('parent' => 'cars', 'id' => 'newcar', 'title' => 'Aggiungi auto', 'href' => $ anadirauto, 'meta' => false )); $ bar-> add_node (array ('parent' => 'autos', 'id' => 'export', 'title' => 'Export Report', 'href' => $ urlexport, 'meta' => false )); } add_action ('admin_bar_menu', 'cambia strumenti', 999);
Per creare il post personalizzato, è stato utilizzato il plugin Interfaccia utente personalizzata del tipo di post che può essere scaricato e installato in Wordpress dallo stesso amministratore.
Per aggiungere il sottomenu, vediamo il codice seguente, l'id del menu in alto è quello che identifica chi è il menu principale, in questo caso Auto:
$ bar-> add_node (array ('id' => 'cars', 'title' => 'Cars', 'href' => $ carlist, 'meta' => array ('target' => 'cars') )); Per aggiungere un sottomenu, dobbiamo indicare al nuovo menu chi è il menu genitore o il menu superiore della gerarchia, per questo utilizziamo la proprietà genitore.
$ bar-> add_node (array ('parent' => 'cars', 'id' => 'newcar', 'title' => 'Aggiungi auto', 'href' => $ anadirauto, 'meta' => false )); In questo modo potremmo poi anche estendere le opzioni del nostro menu per avere un sottomenu. Vediamo un esempio partendo da Sottomenu Esporta, aggiungiamo opzioni di esportazione come Excel e PDF.
$ bar-> add_node (array ('parent' => 'autos', 'id' => 'export', 'title' => 'Export Report', 'href' => $ urlexport, 'meta' => false )); $ bar-> add_node (array ('parent' => 'export', 'id' => 'exportarexcel', 'title' => 'Esporta Excel', 'href' => $ urlexportarexcel, 'meta' => false )); $ bar-> add_node (array ('parent' => 'export', 'id' => 'exportarpdf', 'title' => 'Esporta PDF', 'href' => $ urlexportarpdf, 'meta' => false ));
Quindi possiamo dare il tocco personale al pannello di amministrazione di WordPress in base all'utente se aggiungiamo la possibilità di identificare chi ha effettuato l'accesso.
Gli sviluppatori più esperti consigliano di evitare che gli utenti possano utilizzare la barra degli strumenti predefinita che Wordpress ha nel pannello di amministrazione, quello che consigliano è di rimuovere tutto ciò che può essere configurazione web come impostazioni, plugin, temi e lasciare all'utente tutto ciò di cui hai bisogno aggiungere e pubblicare contenuti, lasciando tutte le attività di configurazione e gli aggiornamenti a utenti o sviluppatori più esperti.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
