{"id":135,"date":"2020-10-12T20:23:28","date_gmt":"2020-10-12T18:23:28","guid":{"rendered":"http:\/\/vitocafazzo.it\/site_Wp\/?p=135"},"modified":"2021-07-10T13:14:18","modified_gmt":"2021-07-10T11:14:18","slug":"wp-004-personalizzazione-header-e-footer","status":"publish","type":"post","link":"https:\/\/vitocafazzo.it\/site_Wp\/2020\/10\/12\/wp-004-personalizzazione-header-e-footer\/","title":{"rendered":"WP 004 – Personalizzazione header e footer"},"content":{"rendered":"\n

Torna all’elenco WordPress<\/strong><\/a><\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Header<\/h3>\n\n\n

Per la gestione personalizzata dell’header bisogna creare il file header.php<\/strong> da inserire nella cartella del tema. L’header \u00e8 stato modificato in modo da contenere anche una barra per il menu. Di seguito la modifica al contenuto del file header.php<\/strong> e la porzione di codice relativo alle istruzioni CSS da inserire nel file style.css<\/strong><\/p>\n\n\n

<header role=\"banner\">\n     <div class=\"my_header\"> \t\n           <p style=\"text-align:center; border:1px solid black\"><img src=\"http:\/\/vitocafazzo.it\/site_Wp\/wp-content\/uploads\/2020\/10\/logo.png\"><\/p>\n     <\/div>\n     <div class=\"my_menuBar\"> \n        <form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/' ) ); ?>\">\n            &nbsp|&nbsp\n            <a href=\"http:\/\/vitocafazzo.it\/site_Wp\/appunti\/\" style=\"color:#FF6600;\"> Appunti <\/a>\n            &nbsp|&nbsp\n            <a href=\"http:\/\/vitocafazzo.it\/site_Wp\/personali\" style=\"color:#FF6600;\"> Personali <\/a>\n            &nbsp|&nbsp \n            <input style=\"background-color: #21384D; color:white\" type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Ricerca per....\" value=\"<?php echo get_search_query(); ?>\">\n            <input style=\"background-color: #21384D; color:#FF6600\" type=\"submit\" value=\"Cerca\">\n            &nbsp|&nbsp \n        <\/form>\n     <\/div>\n<\/header>\n<\/pre><\/div>\n\n\n\n
.my_header {\n\tbackground:#000000 url(http:\/\/vitocafazzo.it\/site_Wp\/wp-content\/uploads\/2020\/10\/sfondoJoy.jpg) repeat-x bottom center;\n\twidth: 100%;\n\theight: auto;\n\tz-index: 999999;\n}\n\n.my_menuBar { \n    width: 100%;\n    margin-top:-16px;\n    padding-top: 5px;\n    padding-bottom: 5px;\n\tfont-family: Arial, Helvetica, sans-serif;\n\tbackground: #162635;\n\tcolor: White;\n\ttext-align:center;\n\tfont-size:14px;\n\tborder:0 solid #000; \n\tz-index: 999999;\n}<\/pre><\/div>\n\n\n\n
Footer<\/h3>\n\n\n\n
Per la gestione personalizzata del footer bisogna creare il file footer.php<\/strong> da inserire nella cartella del tema. Ho pensato ad un footer semplice contenente i link all’ Informativa estesa sull’uso dei cookie<\/em> e alle  Note legali<\/em>, ancorato in fondo alla pagina. Di seguito il contenuto del file footer.php<\/strong> e la porzione di codice relativo alle istruzioni CSS da inserire nel file style.css<\/strong><\/p>\n\n\n\n
<?php\n\/**\n * The template for displaying the footer.\n *\n * Contains the closing of the #content div and all content after\n *\n * @package Digital Agency Lite\n *\/\n?>\n\n    \t<div class=\"my_footer\">\n    \t\t<a   href=\"..\/informativa.html\" target=\"_blank\" style=\"color:#FF6600;\">Informativa estesa sull'uso dei cookie<\/a>\n    \t\t\t-\n    \t\t<a   href=\"..\/notelegali.html\" target=\"_blank\" style=\"color:#FF6600;\">Note legali<\/a>\n    \t<\/div>\n\t\n  \n        <?php wp_footer(); ?>\n\n    <\/body>\n<\/html><\/pre><\/div>\n\n\n\n
.my_footer {\n    clear: both;\n    height: 30px;\n    width: 100%;\n    padding-top: 5px;\n    position: fixed;\n    text-align:center;\n    background: #162635;\n    font-size:14px;\n    bottom: 0;\n    left: 0;\n    z-index: 999999;\n}<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"
Torna all’elenco WordPress Header Per la gestione personalizzata dell’header bisogna creare il file header.php da inserire nella cartella del tema. L’header \u00e8 stato modificato in modo da contenere anche una barra per il menu. Di seguito la modifica al contenuto del file header.php e la porzione di codice relativo alle istruzioni CSS da inserire nel file style.css […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":5,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":1396,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/posts\/135\/revisions\/1396"}],"wp:attachment":[{"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vitocafazzo.it\/site_Wp\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}