En este post te traemos una alternativa para añadir o quitar algunas características en nuestra página de WordPress en base a códigos. Por ejemplo, vas a poder añadir un menú desplegable en CSS o insertar una caja de búsqueda en tu menú de navegación, como también redireccionar la página de inicio al primer post. Todo esto añadiendo unas líneas de código. Te recomiendo que hagas una copia de respaldo ya que trabajar con códigos sin tener mucho conocimiento puede ser tan divertido como apagar accidentalmente el estabilizador, sin haberle dado al botón guardar.
Sencillo Menú Desplegable:
Utilizando CSS añade este código y tendrás un menú desplegable en WordPress.
ul.menu, ul.menu li { float: left; }
ul.menu li { position: relative; margin: 0 15px; list-style: none; }
.sub-menu { position: absolute; float: none; width: 100px; padding: 0; left: 0; }
.sub-menu li { display:none; margin: 0; padding: 0; }
ul.menu li:hover li { float: none; display:block; clear: both; }
Redirigir su página de Inicio al primer post
Pegando este código en el archivo Index.Php serás capaz de redirigir tu página de inicio al primer post.
<?php
/*
home.php (Blog Home Page):
Redirect To First Post
*/
if (have_posts()) {
while (have_posts()) {
the_post();
wp_redirect(get_permalink());
}
}
?>
Añadir un campo de búsqueda al menú de navegación
Este línea de código se coloca en el archivo funtion.php. para incluir una búsqueda archivada en su menú de navegación.
add_filter(‘wp_nav_menu_items’,’add_search_box’, 10, 2);
function add_search_box($items, $args) {
ob_start();
get_search_form();
$searchform = ob_get_contents();
ob_end_clean();
$items .= ‘<li>’ . $searchform . ‘</li>’;
return $items;
}
Extrae el «Leer más» de los post.
Se añade en el archivo function.php. Podrás usarlo para quitarlo de una plantilla que no entiendes como editar esta parte. A veces está predefinido por el desarrollador.
function wdc_no_more_jumping($post) {
return ‘<a href=»‘.get_permalink($post->ID).'» class=»read-more»>’.’Continue Reading’.'</a>’;
}
add_filter(‘excerpt_more’, ‘wdc_no_more_jumping’);
Ver tus feeds en un solo formato:
Algunos por comodidad desearían hacer esta modificación. Asi que añadiendo este código en htaccess, convertirá todos tus feeds en un formato único.
<IfModule mod_alias.c>
RedirectMatch 301 /feed/(atom|rdf|rss|rss2)/?$ https://example.com/feed/
RedirectMatch 301 /comments/feed/(atom|rdf|rss|rss2)/?$ https://example.com/comments/feed/
</IfModule>
Esperamos que estos códigos te sean útiles para lograr una mejor usabilidad para tus visitantes y que te quedes más conforme con el resultado que le vas a entregar.