Mostrando publicaciones similares usando Yandex en PHP. Complemento de miniaturas de publicaciones relacionadas: muestra publicaciones similares con imágenes para WordPress
Amigos, hola a todos. Hoy hablaremos sobre cómo crear una lista de artículos relacionados en WordPress sin un complemento. Materiales similares mejoran los factores de comportamiento. Suelen colocarse al final del artículo para que el visitante pueda leer otros artículos sobre el tema.
Por lo tanto, si interesa a un visitante, permanecerá en su sitio por más tiempo y artículos similares lo ayudarán a comprender mejor la solución a su problema.
Puede crear una lista de artículos similares con y sin miniaturas utilizando código PHP puro o un complemento. Cada uno elige su propio camino.
Hasta hace poco, utilizaba el complemento de publicaciones relacionadas de WordPress para esto en mi blog. Es un buen complemento que puede diseñarse bellamente para adaptarse a cualquier diseño y mostrar artículos similares.
Sólo en la lucha por la velocidad de carga del sitio, decidí reemplazar este complemento con un código simple. Porque este complemento ralentizó la carga de mi blog de 0,5 a 0,9 segundos dependiendo del tiempo y la carga.
Entonces decidí usar código php para mostrar artículos similares, lo que le permite mostrar artículos clasificándolos por etiquetas o categorías (encabezados).
Como regla general, al final del artículo se muestra una lista de artículos similares. En la mayoría de los temas de WordPress, el archivo single.php es responsable de los artículos (publicaciones). Es en este archivo donde debe insertar el código responsable de mostrar artículos similares.
Advertencia: haga una copia de seguridad del archivo single.php antes de comenzar a trabajar.
Paso 1: busque un lugar para pegar el código.
Todos tenemos patrones diferentes y su estructura es ligeramente diferente entre sí. Por ejemplo, en mi tema no hay ningún archivo single.php. Creé y hago todas las modificaciones a través del archivo de función del tema. Y esto es un orden de magnitud más complicado que editar archivos normales.
Para determinar el lugar correcto para insertar el código, primero debe mirar la página, encontrar los elementos principales en ella y luego, en el código fuente, le resultará más fácil encontrar el lugar requerido para el código.
Como puedes ver en la captura de pantalla, el lugar correcto para insertar el código es después del final del artículo, antes de la navegación.
Entonces, abra el panel de administración de WordPress - "Apariencia" — "Editor" — "Una entrada (soltero.php)”. Y en el archivo busca el código responsable de mostrar el artículo. Se verá así:
...
Después de este fragmento puedes insertar el código de artículos similares. En mi ejemplo, el código de navegación irá más allá.
Paso 2: inserte código para artículos similares.
Una vez que hayas decidido la ubicación, pega este código:
IDENTIFICACIÓN); if ($etiquetas) ( $tag_ids = matriz(); foreach($etiquetas como $etiqueta_individual) $tag_ids = $etiqueta_individual->term_id; $args=array("tag__in" => $tag_ids, "post__not_in" => matriz( $post->ID), "posts_per_page"=>5, // Número de artículos similares mostrados."ignore_sticky_posts"=>1);- $mi_consulta = nueva wp_query($args);
- if($mi_consulta->have_posts()) ( echo " "; mientras ($mi_consulta->tener_publicaciones()) ( $mi_consulta->la_publicación(); ?> !}"> " rel="marcador" título="
- ?> "rel="marcador"!}"> título="
- gestionar el título del bloque y el número de publicaciones similares;
- seleccione el porcentaje de similitud de los materiales (otros complementos no tienen esto, cabe señalar);
- desactivar y activar la visualización de una miniatura en un bloque y también seleccionar su tamaño;
- controlar la cantidad de caracteres en el extracto;
- opciones de diseño;
- y otras opciones tradicionales para complementos de este tipo.
- la capacidad de seleccionar los tipos de publicaciones que procesará el complemento;
- seleccionar el tipo de íconos que mostrarán el porcentaje de similitud (el complemento tiene una función para mostrar el grado de similitud de las publicaciones con la publicación actual);
- elegir un diseño de bloque.
- número de registros mostrados;
- título del bloque;
- tamaño y color de fuente.
- cambiar el título del bloque;
- gestionar el número de registros;
- puede determinar cuántos registros antiguos no se mostrarán en el bloque de otros similares;
- una maravillosa oportunidad para cambiar el diseño del bloque, hay siete opciones listas para usar que se pueden personalizar a su manera, incluido el uso
- y otras funciones.
- el bloque se muestra automáticamente debajo de la publicación o usando código PHP en cualquier lugar, y también hay un widget para la barra lateral;
- filtros por tipos de publicaciones y categorías;
- determinar el título del bloque y el número de publicaciones que contiene;
- configuración de miniaturas;
- ajustar la apariencia en términos de tamaños, colores y fuentes;
- Establecer el método de determinación de similitud.
- Si reemplazas la línea "category__in" => $category_ids con esto: "tag__in" => $tag_ids, las publicaciones similares se ordenarán por etiquetas.
- En este código, también debes prestar atención a la línea "orderby"=>rand, . Es responsable del orden aleatorio de visualización de enlaces a publicaciones. Si desea que los registros se muestren según las fechas de creación, se debe eliminar esta línea.
- La línea "caller_get_posts"=>1 prohíbe repetir entradas debajo de una publicación.
- La línea "showposts"=>3 indica el número de publicaciones que se mostrarán.
- if($mi_consulta->have_posts()) ( echo "!}"> "; ) wp_reset_query(); ) ?>
Ir al artículo
"; ) ) $publicación = $copia de seguridad; wp_reset_query(); ?>
Ahora, después de cada artículo, se mostrará una lista de artículos similares, cuya relevancia está determinada por las etiquetas.
La apariencia de la lista coincidirá con el diseño de su sitio, ya que los estilos definidos en la plantilla se aplican a esta lista.
Pero, si desea realizar cambios en los estilos, siempre puede usar la clase relatedPosts y configurar sus propios estilos. Ya agregué esta clase a la base de la lista.
También puedes cambiar los elementos marcados en naranja en el código.
Por ejemplo, es posible que desee mostrar artículos similares no por etiquetas, sino por categoría. Invitando al visitante a familiarizarse con materiales similares de esta categoría.
"; mientras ($mi_consulta->tener_publicaciones()) ( $mi_consulta->la_publicación(); ?>
"; ) ) $publicación = $copia de seguridad; wp_reset_query(); ?>
Este código sólo ordena artículos por categoría. Las etiquetas ya no desempeñan ningún papel.
¡Buenas tardes, lectores habituales del blog!
Ahora tengo algo de tiempo libre y decidí escribir otro artículo.
En mi opinión, esta será una información bastante útil, después de estudiarla será necesario aplicarla inmediatamente en la práctica.
Estamos hablando de mostrar publicaciones de blog similares después de cada artículo.
Entonces, publicaciones relacionadas con WordPress.
¿Qué son publicaciones similares? ¿Por qué necesitas mostrar publicaciones similares en un blog?
Otra característica importante es que las publicaciones relacionadas mejoran los enlaces internos del blog. Puedes leer sobre enlaces internos en mi artículo anterior sobre .
Hay dos formas de mostrar artículos similares en el sitio. Uno de ellos usa un complemento, el otro usa código.
En mi blog, la visualización de publicaciones similares se realizó inicialmente utilizando el complemento Publicaciones relacionadas de WordPress. Pero después de un tiempo lo eliminé y escribí el código.
Cargan el servidor y ralentizan la carga del blog en comparación con el código. Reemplazar un complemento con código es una especie de optimización del blog.
Sobre el tema del aumento de la velocidad de carga del sitio, le aconsejo que lea mi artículo anterior. Bueno, ahora de la teoría a la práctica.
El principio por el cual funciona el código es bastante simple. Después de instalarlo, al final de cada artículo se mostrarán los artículos anteriores de la misma categoría que este.
Los artículos anteriores corresponderán a los temas escritos, lo que me parece bastante lógico.
Después de todo, si un visitante ha leído su artículo hasta el final, significa que está interesado en este tema y bien puede estar interesado en otras publicaciones similares.
Bueno, ahora te proporciono el código para mostrar publicaciones similares en WordPress, que reemplazará el complemento:
Lea también:
$categorías = get_the_category($post->ID); if ($categorías) ( $category_ids = matriz(); foreach($categorías como $categoría_individual) $categoría_ids = $categoría_individual->term_id;$argumentos=matriz( "categoría__in" => $categoría_ids, "post__not_in" => matriz($post->ID),"showposts"=>5, "caller_get_posts"=>1); $mi_consulta = nueva wp_query($args); if($mi_consulta->have_posts()) ( eco "- ";
mientras ($mi_consulta->have_posts()) ($mi_consulta->the_post();
"; ) wp_reset_query(); ) ?>
Cópialo a través del Explorador al portapapeles y ve al área de administración del blog. Luego vaya a Apariencia—>Editor y seleccione el archivo single.php para editar. Pegue el código en este archivo después de las líneas:
No olvide hacer clic en "Actualizar archivo".
Encuentra la línea en este código:"publicaciones de presentación"=>5,
¿Lo encontraste? El número 5 en esta línea solo indica la cantidad de entradas similares que se mostrarán en su recurso después de cada artículo.
Me gustaría advertirle de inmediato que si tiene menos artículos en una de las categorías de los indicados en esta línea de código, en este caso solo se mostrará la cantidad de artículos disponibles.
Además, puedes escribir códigos en el archivo de hoja de estilo (style.css) para cambiar la apariencia de enlaces a publicaciones similares.
Puedes, por ejemplo, cambiar la fuente, el color, el fondo o el estilo del texto del enlace.
También puedes hacerlo en segundo plano o crear un bonito marco para una lista de estas entradas.
Por cierto, puedes ajustar esta lista al diseño de tu blog. Como puede ver, no utilicé CSS porque estoy bastante satisfecho con la personalización básica del código. Los enlaces con publicaciones similares encajan bien en el diseño de mi blog.
Eso es todo. Aquí hay un artículo tan pequeño, pero espero que sea útil.
Ponga esta información en práctica: este método será mucho más efectivo que simplemente instalar un complemento.
También te aconsejo que lo instales. ¡Esta característica es excelente para promocionar un recurso web!
Publicaciones similares son un bloque con enlaces a materiales que, de una forma u otra, serán de interés para el lector de la publicación actual. La salida de dicho bloqueo tiene un efecto positivo en los factores de comportamiento, el grado y la velocidad de las páginas indexadas y, en general, en la confianza del sitio.
En este artículo, revisaré varios complementos que muestran artículos similares en WordPress. Elige entre ellas la mejor opción que se adapte a tus necesidades.
Comenzaré con un complemento shareware. Las publicaciones relacionadas con CP en la versión gratuita tienen las siguientes características:
La versión paga agrega:
La versión paga cuesta $29. Por este dinero se compran las tres funciones descritas anteriormente, así como servicios de soporte durante dos meses. Sin embargo, la mayoría de los sitios tendrán suficientes funciones gratuitas.
Las características del complemento incluyen el hecho de que publicaciones similares, además del lugar tradicional (debajo de la publicación), se pueden mostrar usando un widget en la barra lateral. Además, como indiqué anteriormente, es posible determinar el grado de similitud y mostrar un indicador de similitud.
Publicación relacionada
Un complemento simple con un nombre simple que muestra publicaciones similares. Completamente gratis y con todas las configuraciones necesarias. Todas las opciones se recopilan en el elemento de la consola del mismo nombre, que aparece después de activar el complemento. Entre ellos se encuentran los siguientes:
Se muestra un bloque de publicaciones similares con miniaturas, pero las miniaturas en sí no se pueden personalizar.
Las características del complemento son las siguientes: a diferencia de otros análogos, este complemento no muestra automáticamente un bloque de publicaciones similares, pero proporciona código PHP y código corto que se puede colocar en el archivo de tema instalado, en un widget o incluso directamente en el texto de una publicación o página.
Entradas relacionadas de Zemanta
Un complemento gratuito y funcional que muestra publicaciones similares. Se distingue por la sencillez y tradicionalidad en los ambientes, no hay nada superfluo, nada especial, todo a lo que estamos acostumbrados.
Las opciones se encuentran en el elemento “Configuración”, subelemento “Publicaciones relacionadas de Zemanta”:
El complemento es bueno y, en las manos adecuadas, desempeñará un papel importante.
Un maravilloso complemento multifuncional, parcialmente traducido al ruso. Hay muchas opciones que le permiten personalizar publicaciones similares para satisfacer sus necesidades. Todo esto es gratis.
El complemento es excelente, estable y probado en la práctica.
¡Buen día! Ya hemos hablado más de una vez de lo importante que es realizar una optimización interna en el sitio. Una forma de crear enlaces internos efectivos es mostrar publicaciones relacionadas en la parte inferior de cada artículo. Esta adición le permite aumentar el tiempo que los visitantes permanecen en el sitio, reduce la tasa de rebote y, en consecuencia, tiene un efecto positivo. El artículo de hoy discutirá cómo agregar publicaciones similares a un blog de WordPress, qué complementos son adecuados para esto y cómo hacerlo sin complementos.
Hay dos opciones para mostrar publicaciones similares en un artículo: por categoría y por etiquetas (etiquetas). Las etiquetas le permiten mostrar artículos con temas similares que pueden pertenecer a diferentes secciones. El archivo single.php es responsable de generar el artículo. Si alguien lo ha olvidado, puede leer el artículo sobre.
Aquellos. Para agregar publicaciones similares sin un complemento a un artículo, debemos pegar el código directamente en single.php.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
El código anterior debe insertarse inmediatamente después de que el artículo se muestre en el archivo single.php.
Pero eso no es todo. Si desea que se sigan enlaces a publicaciones similares, deberá formatearlos adicionalmente. Para hacer esto, debe realizar cambios en el archivo style.css.
Para que se vea como este, agregue el siguiente código:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | #publicaciones_relacionadas (margen-derecha: -25px;) #publicaciones_relacionadas p(tamaño de fuente: 18px;) #publicaciones_relacionadas li(flotante: izquierda; ancho: 205px; margen: 0 20px 20px 0; relleno: 4px; fondo: #f8f8f8; /* el color de fondo es gris */ altura: 160 píxeles; ) # related_posts li: flotar (fondo: #f6fffd;/* cambia el fondo a azul al pasar el mouse */ |
) # related_posts li a( text-align : center ; display : block ; padding : 5px ; color : #222 ; /* color del enlace */ ) # related_posts li img( ancho : 195px ; alto : 117px ; )
# related_posts( margen derecho: -25px; ) # related_posts p( tamaño de fuente: 18px; ) # related_posts li( float: izquierda; ancho: 205px; margen: 0 20px 20px 0; relleno: 4px; fondo: #f8f8f8; /* el color de fondo es gris */ altura: 160px; ) # related_posts li:hover( background: #f6fffd; /* cambia el fondo a azul al pasar el mouse */ ) # related_posts li a( text-align: center; display: block ; relleno: 5px; color: #222; /* color del enlace */ ) # related_posts li img( ancho: 195px; alto: 117px; )
Al realizar cambios en el código, puede mostrar publicaciones con miniaturas de diferentes diseños y estilos.
Si prefiere los complementos, aquí tiene algunos de ellos para mostrar publicaciones similares: publicaciones relacionadas con WordPress, etiquetas simples, publicaciones similares u otras publicaciones relacionadas.
El WordPressRelatedPosts más popular analiza el contenido de un artículo y selecciona publicaciones relevantes de su blog. La ventaja de este complemento de publicaciones similares sobre otros es que es el más liviano, es decir. carga el servidor menos que otros. Leer "". En la configuración de WordPressRelatedPosts, al igual que usar código, pero sin ningún trabajo adicional, puede especificar la cantidad de publicaciones que se mostrarán y el principio de clasificación (por fecha, aleatoria, por popularidad). También puede mostrar publicaciones similares con miniaturas (Thumbnail) usando el complemento en WordPress, pero para esto, primero debe crear estas miniaturas para sus artículos en el sitio.
Elija su método para mostrar publicaciones similares en WordPress: complemento o código. Lo principal es que el método elegido cumpla con sus expectativas y atraiga cada vez a más visitantes al sitio. ¡Saludos, queridos! Pocas personas saben que, entre otras cosas, también estudio programación web. Este artículo abre una nueva sección en nuestro sitio web dedicada al código. No, estas no son lecciones sobre ningún lenguaje de programación, sino simplemente fragmentos de código útiles que pueden resultarle útiles si tiene su propio sitio web. Por ejemplo, hoy hablaremos de mostrar publicaciones similares en el motor de WordPress
A veces sucede que en un tema de WordPress la capacidad de mostrar publicaciones similares ya está presente de forma predeterminada y todo está bellamente diseñado. Sin embargo, la mayoría de las veces no se brinda esta oportunidad.
Y todos sabemos muy bien que las “publicaciones relacionadas” al final de un artículo o en la barra lateral tienen un efecto muy positivo en los factores de comportamiento (optimización SEO interna). Y lo primero que me viene a la mente es instalar un complemento que muestre estas publicaciones muy similares.
¡Pero siempre hay algún tipo de “PERO...”!
En primer lugar, cualquier complemento supone una carga adicional para el sitio y, como resultado, lo ralentiza un poco. Por lo tanto, los webmasters experimentados intentan reemplazar algunos complementos con código limpio siempre que sea posible.
En segundo lugar, puedes pasar un día buscando un complemento adecuado y configurándolo, pero al final no obtendrás el resultado deseado. Sí, también probé varios de estos complementos y uno de ellos incluso estuvo colgado en mi sitio durante casi seis meses. Pero no se veía muy bien, por decirlo suavemente (no daremos nombres).
Si tiene el más mínimo conocimiento del motor y el estilo (CSS) de WordPress, la mejor solución sería incrustar el código directamente en la plantilla de su sitio web. ¡Empecemos!
Después de una breve búsqueda, encontré un código ya preparado en Internet, estaba encantado, pero mi alegría no duró mucho y ahora entenderás por qué.
Aquí está el código en sí (haga clic):
- IDENTIFICACIÓN); if ($categorías) ( $categorías_ids = matriz(); foreach($categorías como $categorías_individual) $categorías_ids = $categoría_individual->term_id; $args=array("categoría__in" => $categoría_ids, "post__not_in" => matriz( $post->ID), "posts_per_page"=>5,
Para aquellos que entienden al menos un poco el código, está claro lo que se utiliza aquí. lenguaje php, algún estándar Funciones de WordPress y todo está elegantemente envuelto en HTML marcas Lo pegamos en el lugar correcto (para muchos es el archivo single.php en la raíz del tema). ¿Y qué obtenemos como resultado? Esto es lo que:
Cómo se ven las "Publicaciones relacionadas" sin miniaturas
Sí, este código nos mostró publicaciones similares, pero las mostró en una lista normal y sin miniaturas. Quizás esta opción le convenga a alguien, pero a mí no. Necesitamos urgentemente hacer algo al respecto.
Primero necesitas deshacerte de la lista. Para hacer esto, reemplace las etiquetas " ul" (lista sin numerar) a etiquetas " div" (elemento de bloque simple) en dos lugares ( ! ) y agréguele un identificador significativo (para que sea conveniente aplicarle estilo más adelante). Luego simplemente eliminamos las etiquetas de los elementos de la lista " li"(solo deja su contenido).
Dentro del "div" ahora te queda un enlace simple con el título de la publicación como texto. Para mayor comodidad, envolví el título en otra etiqueta. Y ahora lo más importante es añadir una miniatura a las publicaciones. Para esto hay característica estándar de WordPress— the_post_thumbnail(), que nos devuelve una miniatura de la publicación en la etiqueta " imagen».
Ahora nuestro código se ve un poco diferente. Nuestras publicaciones relacionadas ya se muestran con miniaturas y, como puede ver, pudimos lograrlo sin la ayuda de complementos de terceros. Pero no recomiendo dejar todo así. Todavía se ve feo. Imágenes enormes que ocupan toda la página. También en pésima calidad. Y debajo de ellos hay firmas en azul (enlaces regulares). Puedes pegar este código y ver todo con tus propios ojos. Aunque insértelo en cualquier caso, porque ya no entraremos en este código.
Un poco modificado, compare (haga clic):
IDENTIFICACIÓN);
si ($etiquetas) (
$tag_ids = matriz();
foreach($etiquetas como $etiqueta_individual) $tag_ids = $etiqueta_individual->term_id;
$argumentos=matriz(
'etiqueta__in' => $etiqueta_ids,
'ordenar por' => rand,
'caller_get_posts'=>1,
'post__not_in' => matriz ($post->ID),
'publicaciones de exhibición' => 5
);
$mi_consulta = nueva wp_query($args);
if($mi_consulta->have_posts()) (
eco'
mientras ($mi_consulta->have_posts()) (
$mi_consulta->the_post();
?>
» rel=»marcador» título=»»>
}
eco'
}
wp_reset_query();
}
?>
Pasemos al punto tres o ¿cuál ya tenemos? Aquí te mostraré cómo formateé mis publicaciones similares, pero es posible que quieras hacerlo de manera diferente. El código de estilo que proporcionaré a continuación debe insertarse en el archivo de estilos de su sitio (preferiblemente al final por conveniencia). Está ubicado en la raíz del tema de su sitio y se llama style.css (pero también puede estar en una carpeta diferente, por ejemplo, “css” o “styles”). Aquí está el código en sí:
Código de estilo (CSS):
#publicaciones_similares(
margen: 30px 0;
}
#publicaciones_similares h4(
margen inferior: 15px;
}
#publicaciones_similares_wrapper(
pantalla: flexible;
envoltura flexible: nowrap;
justificar contenido: espacio entre;
}
#similar_posts_wrapper a(
base flexible: 19%;
alineación de texto: centro;
decoración de texto: ninguna;
color: heredar;
radio del borde: 5px;
transición: color de fondo 0,3 s;
}
#similar_posts_wrapper a img(
relleno: 3px;
radio del borde: 5px;
}
#similar_posts_wrapper a:hover(
color de fondo: azul claro;
}
@pantalla multimedia y (ancho máximo: 767 px) (
#publicaciones_similares_wrapper(
envoltura flexible: envoltura;
justificar contenido: espacio alrededor;
}
#similar_posts_wrapper a(
base flexible: 160px;
margen: 25 píxeles;
}
}
"Publicaciones relacionadas" estilizadas. ¿Sientes la diferencia?
Como resultado, obtuvimos hermosas "publicaciones similares" con miniaturas, que también son adaptables y con una transición suave apenas perceptible al estado de desplazamiento (al pasar el mouse). Espero que todo te haya salido bien también.
En lugar del resultado:
No olvides que el primer código debe insertarse en archivos con extensión .php. Si desea insertar entradas similares en la barra lateral, busque el archivo " barra lateral.php" Pero no podrás simplemente insertar este código en un widget de la barra lateral.
Felicitaciones, ahora estás en tu sitio web. publicaciones similares con miniaturas, que instaló usted mismo sin utilizar complementos. Y lo más probable es que luzcan exactamente como lo planeaste. Y si no, escribe en los comentarios lo que no puedes hacer, te ayudaré en todo lo que pueda.
PD: Al principio, es posible que este artículo no tenga entradas similares, porque acabamos de abrir esta sección y, de hecho, no hay otros artículos en el sitio con las mismas etiquetas. Y el código está guiado por las etiquetas que escribes para tus artículos, así que no olvides completarlas, ¡esto es importante!
¿Leíste hasta el final?
¿Fue útil este artículo?
No precisamente
¿Qué es exactamente lo que no te gustó? ¿El artículo estaba incompleto o era falso?
¡Escribe en los comentarios y prometemos mejorar!
