10 ‘CÓMO’ de WordPress para darle a tu blog la calidad que se merece

Como desarrollador web, puede ampliar su base de clientes potenciales y agregar valor para los clientes existentes al incluir ‘WordPress’ como área de especialización. WordPress es increíblemente versátil, se puede modificar para agregar muchas características no tradicionales para ejecutar un blog más efectivo.

A lo largo de este artículo, nos centraremos en 10 ideas de temas de WordPress, consejos y tutoriales útiles necesitas tenerlo listo a la mano cuando desarrolles tu sitio web de WordPress para potenciar tu blog y darle la calidad que se merece.

1. Cómo deshabilitar scripts y estilos

Muchos complementos y temas agregan archivos JavaScript y CSS a su sitio. Si bien esto por sí solo no es necesariamente algo malo, el uso de varios complementos que hacen esto puede atascar su sitio con un montón de solicitudes de estos archivos.

En esto tutorial Justin Tadlock describe una solución inteligente para deshabilitar scripts y estilos de sus complementos buscando wp_enqueue_script() y wp_enqueue_style() en su archivo de complemento y luego desactívelo en su tema funciones.php. Eligió dos complementos populares: Formulario de contacto 7 y WP-PageNavi.

Deshabilitar JavaScript

Haciendo una busqueda de wp_enqueue_script mostrará el siguiente bit de código:

wp_enqueue_script( 'contact-form-7', wpcf7_plugin_url( 'contact-form-7.js' ), array('jquery', 'jquery-form'), WPCF7_VERSION, €in_footer );

Ahora, abra el archivo functions.php de su tema y agregue este código PHP:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
	wp_deregister_script( 'contact-form-7' );
}
Deshabilitar estilos

Ahora, repitamos el paso anterior pero esta vez buscaremos wp_enqueue_style en el archivo del complemento y se devolverá el siguiente bit de código:

wp_enqueue_style('wp-pagenavi', get_stylesheet_directory_uri().'/pagenavi-css.css', false, '2.50', 'all');

Nuevamente, para deshabilitar el estilo de este complemento, abrirá el archivo functions.php de su tema y agregará este código PHP:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
	wp_deregister_style( 'wp-pagenavi' );
}

Al realizar los 2 pasos anteriores, deshabilitará la hoja de estilo y el script para este complemento. Siéntase libre de cancelar tantos estilos como desee dentro de esta función.

Fuente: Cómo deshabilitar scripts y estilos

2. Mostrar miniaturas de publicaciones relacionadas en WordPress

En este tutorial, aprenderá cómo aumentar las vistas de página agregando miniaturas a publicaciones relacionadas usando el popular YARPP plugin y campos personalizados de WordPress.

Fuente: Mostrar miniaturas de publicaciones relacionadas en WordPress

3. Una costumbre Leer más

En esta publicación, aprenderá cómo crear un personalizado «Lee mas” mensajes por publicación usando campos personalizados en WordPress.

Todo lo que necesita hacer es reemplazar su etiqueta habitual de plantilla the_content con este código. Luego, cuando escriba una publicación, cree un nuevo campo personalizado con la clave de custom_more.

<?php €custommore = get_post_meta(€post->ID, 'custom_more', true); ?> 
<?php if (!€custommore) { €custommore = 'Read More &raquo;'; } ?> 
<?php the_content(€custommore); ?>

Fuente: Una costumbre Leer más

4. Obtenga la primera imagen de la publicación automáticamente y muéstrela

La mayoría de los usuarios de WordPress, incluyéndome a mí, usan campos personalizados para mostrar pulgares en la página de inicio de su blog, pero recientemente me topé con una función php simple que le permite tomar la primera imagen de la publicación automáticamente y mostrarla en su página de inicio sin necesidad de agregar cualquier campo personalizado a la publicación.

Todo lo que necesita hacer es pegar la siguiente función en su tema funciones.php expediente.

function catch_that_image() {
  global €post, €posts;
  €first_img = '';
  ob_start();
  ob_end_clean();
  €output = preg_match_all('/<img. src=[\'"]([^\'"] )[\'"].*>/i', €post->post_content, €matches);
  €first_img = €matches [1] [0];

  if(empty(€first_img)){ //Defines a default image
    €first_img = "/images/default.jpg";
  }
  return €first_img;
}

Después de eso, debe abrir el index.php de su tema y pegar el siguiente código donde desea mostrar la primera imagen en cada publicación.

<?php echo catch_that_image() ?>

Fuente: Obtén la primera imagen de la publicación y muéstrala

5. Cómo resaltar los términos de búsqueda con jQuery

Dale sabor a tu página de búsqueda de WordPress resaltando los términos de búsqueda dentro de tus resultados de búsqueda. La solución descrita en este tutorial resaltará tanto la título y Publicar Contenido y es una modificación directa para WordPress.

Ahora necesita pegar el siguiente código en su tema funciones.php expediente.

function hls_set_query() {
  €query  = attribute_escape(get_search_query());
  if(strlen(€query) > 0){
    echo '
      <script type="text/javascript">
        var hls_query  = "'.€query.'";
      </script>
    ';
  }
}
function hls_init_jquery() {
  wp_enqueue_script('jquery');
}
add_action('init', 'hls_init_jquery');
add_action('wp_print_scripts', 'hls_set_query');

Después de eso necesitas abrir tu tema encabezado.php y pegue el siguiente código (justo antes de la etiqueta)

<style type="text/css" media="screen">
  .hls { background: #D3E18A; } /* <- Change the CSS style of */
                                /*    highlighted texts here. */
</style>
<script type="text/javascript">
jQuery.fn.extend({
  highlight: function(search, insensitive, hls_class){
    var regex = new RegExp("(<[^>]*>)|(\\b"  search.replace(/([-.* ?^€{}()|[\]\/\\])/g,"\\€1")  ")", insensitive ? "ig" : "g");
    return this.html(this.html().replace(regex, function(a, b, c){
      return (a.charAt(0) == "<") ? a : "<strong class=\""  hsl_class  "\">"   c   "</strong>";
    }));
  }
});
jQuery(document).ready(function(€){
  if(typeof(hls_query) != 'undefined'){
    €("#post-area").highlight(hls_query, 1, "hls"); // <- Change 'post-area' to ID of HTML tag you
                                                    //    want to highlight search terms in.
  }
});
</script>

Fuente: Cómo resaltar los términos de búsqueda con jQuery

6. Mostrar las últimas publicaciones por categoría de archivo

Este tutorial lo ayudará a crear fácilmente un ‘Últimas publicaciones por archivo de categoría’, que se puede usar para configurar páginas de inicio de blog personalizadas, páginas 404, páginas de destino o incluso una página de archivo especial. Si está buscando un complemento para generar dicho archivo, consulte: Complemento WP: Últimas publicaciones por categoría Archivo.

Fuente: Últimas publicaciones por categoría Archivo

7. Mostrar solo publicaciones con un campo personalizado específico

A veces, solo desea mostrar las publicaciones a las que ha agregado un campo personalizado específico. Un ciclo de publicación típico comienza así:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Ahora solo agrega un simple query_posts función inmediatamente encima del código de bucle. En nuestro escenario se vería así:

<?php query_posts('meta_key=review_type&meta_value=movie');  ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Fuente: Mostrar solo publicaciones con un campo personalizado específico

8. Encuentre la identificación principal de nivel superior de la página

Esta publicación analiza el problema de mostrar el segundo y tercer nivel de navegación en una barra lateral sin importar en qué página se encuentre. Lo primero que debe crear es una nueva página (subnav.php) en la carpeta de su tema que usará para mostrar la navegación lateral desde el segundo nivel hacia abajo e incluirla en la barra lateral.php de su tema

<?php include("subnav.php"); ?>

Ahora solo agrega el siguiente código a tu subnav.php:

<?php

if (€post->post_parent)	{
	€ancestors=get_post_ancestors(€post->ID);
	€root=count(€ancestors)-1;
	€parent = €ancestors[€root];
} else {
	€parent = €post->ID;
}
€children = wp_list_pages("title_li=&child_of=". €parent ."&echo=0");
if (€children) { ?>
<ul id="subnav">
<?php echo €children; ?>
</ul>
<?php } ?>

Este código comprueba si la página actual tiene un padre. Si es así, eso significa que tenemos al menos 2 niveles de profundidad en la navegación. En ese caso funcion get_post_ancestros se llama y devuelve una matriz de ID de todos los antepasados ​​hasta el nivel superior (raíz). Una vez que obtengamos la ID del padre de nivel superior, podemos usarla en la función wp_list_pages para obtener sus hijos.

Fuente: Buscar el ID principal de nivel superior de la página

9. Enumere las últimas publicaciones de cierta categoría

Actualmente estoy trabajando en el nuevo tema de Noupe y quería mostrar publicaciones recientes de una categoría. Me topé con un fragmento de código inteligente que hará este trabajo.

<?php query_posts('category_name=photoshop&showposts=7'); ?>
<?php while (have_posts()) : the_post(); ?>
     <li>
           <a href="<?php the_permalink(); ?>">
               <?php the_title(); ?>
           </a>  
     </li>
<?php endwhile; ?>

El código query_posts le dice a WordPress que ubique las últimas 7 publicaciones en la categoría de Photoshop. Luego, el ciclo ejecuta el código para mostrarlos.

Fuente: Lista de publicaciones recientes de una categoría

10. Agregue migas de pan a WordPress sin un complemento

Las migas de pan son una excelente manera de brindar a las personas una perspectiva de dónde se encuentran en su sitio. Puede agregarlos fácilmente a través de varias buenas complementos. Pero si desea crear migas de pan en un tema sin usar un complemento, esto es lo que debe hacer.

Cree un archivo php llamado breadcrumbs.php e inserte el siguiente código:

<div class="breadcrumbs">
<?php
function breadcrumbs() {
    €theFullUrl = €_SERVER["REQUEST_URI"];
    €urlArray=explode("/",€theFullUrl);
    echo %u2018You Are Here: <a href="/">Home</a>%u2019;
    while (list(€j,€text) = each(€urlArray)) {
        €dir=%u201D;
        if (€j > 1) {
            €i=1;
            while (€i < €j) {
                €dir .= %u2018/%u2019 . €urlArray[€i];
                €text = €urlArray[€i];
                €i  ;
            }
            if(€j < count(€urlArray)-1) echo %u2018 &raquo; <a href="%u2019.€dir.%u2018">%u2019 . str_replace("-", " ", €text) . %u2018</a>%u2019;
        }
    }
    echo wp_title();
}
breadcrumbs();
?>
</div><!%u2013/breadcrumbs%u2013>

Donde quiera que desee agregar las migas de pan en sus archivos de tema, simplemente agregue la siguiente línea…

<?php include ( TEMPLATEPATH . %u2018/breadcrumbs.php%u2019); ?>

Fuente: Agregar migas de pan a WordPress sin un complemento

#CÓMO #WordPress #para #darle #blog #calidad #merece

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.