Menú
Está libre
registro
hogar  /  Multimedia/ Galería de Wordpress con nube de etiquetas. Mejorando la nube de etiquetas de WordPress con complementos

Galería de wordpress con nube de etiquetas. Mejorando la nube de etiquetas de WordPress con complementos

WP-Cumulus: nube 3D de marcas de posición en flash (versión rusa mejorada). El complemento WP-Cumulus ya es antiguo y muchos han oído hablar de él y aún más lo han visto. Proporciona la capacidad de mostrar una nube de marcas en forma de nube 3D giratoria, muy hermosa. Deberías ver su trabajo arriba. Autor del complemento Roy Tanck.

Descargar

Soporte de versión: WP 2.8+

Capturas de pantalla

Ajustes

Todas las configuraciones se describen en el complemento y no debería tener ninguna pregunta sobre ellas en las capturas de pantalla. Excepto, quizás, la opción Parámetros de la función wp_tag_cloud. En él, puede especificar cómo y qué enlaces se mostrarán en la nube. Por ejemplo, "number = 20 & exclude = 12" solo mostrará 20 etiquetas, incluso si hay más, y excluirá la etiqueta 12 (ID de etiqueta).

Todos los parámetros posibles para este parámetro:

  • más pequeño: tamaño de texto para etiquetas con menos entradas. El valor predeterminado es 8.
  • más grande: el tamaño del texto para etiquetas con gran cantidad registros. El valor predeterminado es 22.
  • unidad: la unidad de medida del tamaño para el más pequeño y el más grande. Puede ser: pt, px, em,%. Por defecto pt.
  • número: el número máximo de etiquetas que se mostrarán. Si se establece en 0, todas las etiquetas se mostrarán sin limitación. El valor predeterminado es 45.
  • excluir: excluye las etiquetas especificadas. Debe especificar el ID, separado por comas.
  • incluir: muestra solo las etiquetas especificadas. Debe especificar el ID, separado por comas.
  • taxonomía es el nombre de la taxonomía a partir de la cual se construirá la nube. Gracias a esta opción, puede inferir términos de cualquier taxonomía, no solo etiquetas o categorías.

Los parámetros se combinan con &: number = 20 & exclude = 12.

Salida de nube 3D en plantilla

Si necesita mostrar la nube wp-cumulus directamente en la plantilla, sin usar un widget o código corto, entonces en el código de la plantilla puede usar la función wp_cumulus_insert ($ opciones, $ enlaces). La salida se puede personalizar pasando los parámetros deseados. La configuración del panel de administración será interrumpida por estos parámetros.

Parámetros que se pueden pasar:

$ options = array ("width" => "550", // flash "height" width => "375", // flash height "tcolor" => "ffffff", // color de los enlaces grandes "tcolor2" = > "ffffff", // color de los enlaces pequeños "hicolor" => "ffffff", // color del enlace flotante "bgcolor" => "333333", // color de fondo "speed" => "150", / / velocidad de rotación "trans" => "falso", // fondo transparente flash "args" => "", // argumentos pasados ​​a la función wp_tag_cloud. Ej .: más grande = 20 y más pequeño = 12 & número = 40 "modo" => "etiquetas", // qué enlaces mostrar: etiquetas (etiquetas), gatos (categorías), ambos (etiquetas y categorías) "compmode" = > "js", // código de incrustación flash: js (javascript), vacío (objeto) "showwptags" => 1, // si mostrar enlaces HTML si flash no funciona en el navegador); wp_cumulus_insert ($ opciones);

Ejemplos de salida de nube 3D en la plantilla

# 1 Vamos a mostrar un bloque flash de etiquetas con un fondo blanco, tamaño 300x225 píxeles.

Para hacer esto, abra el archivo del tema, por ejemplo, sidebar.php y pegue el siguiente código en el lugar correcto:

"300", "altura" => "225", "bgcolor" => "ffffff")); ?>

# 2 Saque una nube de 20 términos de una taxonomía arbitraria "autores", especifique una velocidad de rotación de 300:

"taxonomía = autores & número20", "velocidad" => "300")); ?>

# 3 Muestra cualquier enlace

Además de los términos de taxonomía, puede mostrar cualquier vínculo en la nube. Este ejemplo muestra cómo mostrar páginas persistentes, para esto especificamos el segundo argumento de la función $ links:

-1, "post_type" => "página",)); // crea una cadena de enlace $ links = ""; foreach ($ publicaciones como $ publicación) ($ fsize = rand (12,28); $ links. = "ID)." ">". $ post-> post_title. ""; ) wp_reset_postdata (); // imprimir wp_cumulus_insert ("", $ enlaces); ?>

Nube 3D sin complemento

Si no desea conectar el complemento, la nube se puede mostrar sin instalar el complemento. Para esto:

    Descargue este archivo y coloque la carpeta de él (wp-cumulus-not-plugin) en cualquier directorio, que sea el directorio del tema;

  1. En el lugar de la plantilla donde necesita mostrar la nube, conecte el archivo wp-cumulus.php y use la función wp_cumulus_theme_flashcode ($ opciones, $ enlaces).
"600", // ancho de flash "altura" => "450", // altura de flash "tcolor" => "3D3644", // color de los enlaces grandes "tcolor2" => "7E748C", // color de los pequeños enlaces "hicolor" => "DE1E1C", // color del enlace de desplazamiento "bgcolor" => "ffffff", // color de fondo "velocidad" => "300", // velocidad de rotación "modo" => "etiquetas ", // mostrar etiquetas (etiquetas), categorías (gatos) o ambos" args "=>" mayor = 16 y menor = 10 y número = 30 ", // argumentos pasados ​​a la función wp_tag_cloud //" folder_url "=> get_stylesheet_directory_uri (). "/ wp-cumulus-not-plugin /" // URL a la carpeta de archivos php)); ?>
¿No funciona?

Cuando se muestra un objeto flash, la función wp_cumulus_theme_flashcode () incluye 2 archivos: swfobject.js y tagcloud.swf. La función determina la URL de estos archivos automáticamente (deben estar en el mismo directorio que el archivo wp-cumulus.php). Si la URL se ha identificado incorrectamente, es posible que la nube no funcione. Por lo tanto, al llamar a la función, es posible que deba especificar el parámetro folder_url, en el que especifica la URL de la carpeta donde se encuentran estos 2 archivos.

¿Quieres colocar tus etiquetas en la nube, o mejor dicho, en una nube dinámica que siempre está en movimiento y atrae la atención de los visitantes del sitio? Creo que sí, porque hoy recibí varias cartas con una pregunta: al blog. Y si hay quienes aún no saben si lo necesitan o no, o no saben en absoluto de qué están hablando, entonces solo mire la página principal de mi blog y califique cómo Nube de etiquetas de WordPress.

Pongámonos manos a la obra: para instalar la nube de etiquetas de WordPress necesitas instalar y activar enchufar WP Cumulus. Al mismo tiempo, ATENCIÓN, ¡este complemento debe ser descargado usted mismo de Internet! Versión rusa obligatoria !! De lo contrario, si utiliza la búsqueda en la pestaña Agregar complemento, la búsqueda encontrará la versión en inglés de este complemento, que no podrá funcionar correctamente con sus etiquetas rusas.

  1. PUA - Complemento - Agregar complemento - Cargar archivo.
  2. Activar.
  3. Configurar el complemento.

¿Qué significa configurar un complemento? ¡No personalicemos y veamos cómo se ve nuestra nube en la página!

Para agregar una nube a una página, seleccione el widget Tag Cloud y arrástrelo a la barra lateral. ¿Listo? Entonces ve a ver pagina de inicio sitio.

¿Y cómo? ¿Todo está bien?

  • ¿Color del texto, color de fondo del traje?
  • Pruebe las etiquetas: haga clic en cualquier etiqueta y vea el resultado. Por cierto, ¿lograste hacer clic en la etiqueta? ¿Está satisfecho con la velocidad de rotación?
  • Por cierto, preste atención a si su nube encaja en el tamaño de la barra lateral. Durante la instalación inicial, las dimensiones de la nube no coincidían con mi barra lateral.
  • ¿Cómo están ubicadas sus etiquetas? ¿No crees que están apiñados? En caso afirmativo, asegúrese de marcar la casilla en la configuración del complemento para organizar uniformemente las etiquetas en la nube.

Entonces, después de todo, volvamos a la página de configuración de la nube y modifiquemos todo lo que no nos conviene.

Para configurar el complemento, no dude en hacer clic en LMB en el nombre del complemento WP Cumulus en la pestaña Configuración. Realice los cambios que necesite, vaya al sitio y admire los cambios. Solo ATENCIÓN, después de hacer cambios, asegúrese de verificar cómo se ve en la realidad y, en todo caso, devuelva los parámetros a su lugar.

Por cierto, se puede realizar la misma configuración del complemento si hace clic en la Nube de etiquetas en la pestaña Widgets.

¡NO LO OLVIDE! Llamo su atención sobre el hecho de que definitivamente debe marcar la casilla

Organiza las etiquetas a distancias iguales entre sí en lugar de al azar

de lo contrario, sus etiquetas pueden agruparse y no obtendrá el placer y la belleza de la nube.

Por cierto, casi me olvido de advertirte: enchufar solo necesita ser configurado si hay al menos una etiqueta !!! Si no hay etiquetas, asegúrese de abrir artículos y agregar etiquetas.

Resumamos:

  • descubrió por qué necesita el complemento WP Cumulus
  • plugin WP Cumulus descargado
  • aprendió a instalar, activar, configurar enchufar WP Cumulus
  • aprendió, cómo instalar la nube de etiquetas de WordPress en el blog

Probé esta nube durante tres meses y decidí que por ahora eliminaré esta nube de mi sitio. Probando el blog sin una nube de etiquetas.

En este artículo, lo guiaré a través de tres formas de mostrar una nube de etiquetas en un blog. Cada método de retiro tiene sus propias ventajas. Echemos un vistazo a cada método por separado.

1er método. Salida de una nube de etiquetas con código php
Ventaja: la nube de etiquetas se puede mostrar en cualquier lugar.

Por cierto, recientemente, este método me ayudó mucho en uno de mis sitios, ya que necesitaba establecer mi propio estilo para el título y las etiquetas.
Desventaja: debe poder trabajar con códigos. Desafortunadamente, no a todo el mundo le gusta o ni siquiera sabe cómo arreglar algo en los archivos.
Aquí está el código en sí:

Nube de etiquetas:

Pegue el código en cualquier lugar de su archivo de tema (plantilla).

Opciones extra :

○ El parámetro "más pequeño" define el tamaño de fuente de la etiqueta menos popular.

○ El parámetro "más grande" define el tamaño de fuente de la etiqueta más popular.

Combinamos los dos parámetros "más pequeño" y "más grande":

○ Parámetro "número": determina el número de etiquetas mostradas en la página.

○ El parámetro "orderby": ordena las etiquetas por nombre (nombre) y popularidad (recuento)

O

○ El parámetro "orden": muestra la nube de etiquetas en orden alfabético: ASC (A-Z), DESC (Z-A) y RAND (orden de salida aleatorio).

○ El parámetro "excluir" ayudará a excluir etiquetas innecesarias de la lista general. Escriba el ID de las etiquetas separadas por comas.

○ El parámetro "incluir": lo ayudará a especificar qué etiquetas mostrar en lista común... Escriba el ID de las etiquetas separadas por comas.

2do camino

Beneficios: es rápido.
Desventajas: existen restricciones en la configuración y no siempre es posible organizarlo de la manera deseada.
Así que ve a panel de administración => "Apariencia" => "Widgets"... A la izquierda, busque el widget Tag Cloud. Haz click en eso

y elija un lugar disponible para insertar el widget.

3ª vía. Visualización de una nube de etiquetas a través del complemento "wp-cumulus" o "Tag Cloud Canvas"
"WP-Cumulus" o "Tag Cloud Canvas" es un complemento para crear una nube de etiquetas 3D en WordPress y, después de la instalación, la nube de etiquetas se ve así:

Puede descargar el complemento WP-Cumulus y ver cómo está configurado en esta dirección:

https://mywordpress.ru/plugins/wp-cumulus-oblako-tegov/

Descargar el complemento "Tag Cloud Canvas":

https://wordpress.org/plugins/tag-cloud-canvas/

Ventajas: salida hermosa y rápida de la nube de etiquetas.
Desventajas: No siempre es adecuado para el diseño de blogs, así como una carga innecesaria en el blog.

¡Eso es todo, amigos! ¡Deseo que tome la decisión correcta y exitosa!

En esta publicación, desglosaremos el complemento. WP-Cumulus que muestra etiquetas (rótulos) en forma de esfera volumétrica móvil ( destello).Nube de etiquetas conveniente porque el visitante no necesitará buscar artículos de su interés en todos los encabezados, sino que simplemente utilizará las etiquetas.

Instalación y configuración de complementos

1. Tu Versión de WordPress debe ser 2.3 o superior. Nube de etiquetas paraWopresionar no funcionará con versiones anteriores.

2. Descargue la versión rusa Colocamos la carpeta wp-cumulus en su directorio de complementos ( wp-content / plugins /).

3. Active el complemento en el área de administración.

Todas las configuraciones de complementos están en ( Parámetromax \ WP Cumulus)... Si de repente no tiene una marca de verificación en la configuración del complemento, ( Organizar las etiquetas de manera uniforme en la esfera) entonces debes ponerlo. De lo contrario, las etiquetas en la nube se superpondrán entre sí y no serán atractivas.

Para mostrar una nube de etiquetas de wordpress, tiene tres opciones.

1. Si necesita insertar nube de wordpress a un artículo o una página, agréguele la etiqueta

Esta etiqueta será reemplazada por nube de etiquetas flash al ver la página.

2. Para insertar nubes de etiquetas de wordpress usa el código a través de la plantilla:

3. Si desea mostrar la nube de etiquetas en la barra lateral, debe ir a ( Diseño \ Widgets) y agregue un widget.

El widget tiene un conjunto de configuraciones separado, por lo que podemos cambiar el color de fondo, los tamaños, etc.

Personalice este widget como desee y haga clic en " Ahorrar".

Todo ha sido traducido al ruso, creo que puedes resolverlo.

Todos sabemos que las etiquetas son una parte importante de las taxonomías de WordPress y sirven como una herramienta para organizarlas. Las etiquetas se crean sobre la marcha durante el proceso de creación de publicaciones y nos ayudan a encontrar publicaciones similares asociadas con etiquetas específicas. Por lo general, en un blog de WordPress, varias etiquetas se agrupan dentro de una nube de etiquetas, y el tamaño de cada etiqueta está determinado por la frecuencia de su uso en las publicaciones. En este artículo, le mostraremos cómo usar la función correctamente. wp_tag_cloud () que es responsable de todas estas nubes de etiquetas.

Introducción

Esta es la función principal integrada en el núcleo para mostrar las etiquetas asignadas a sus publicaciones, que muestra la nube de etiquetas.

8, "más grande" => 22, "unidad" => "pt", "número" => 45, "formato" => "plano", "separador" => "\ n", "orden por" => " name "," order "=>" ASC "," exclude "=> null," include "=> null," topic_count_text_callback "=> default_topic_count_text," link "=>" view "," taxonomy "=>" post_tag " , "echo" => verdadero); ?>

En la página del Codex de WordPress wp_tag_cloud () explica claramente todos estos parámetros de función, pero echemos un vistazo rápido a los más básicos.

  • 'Pequeñísimo'- Este parámetro define el tamaño mínimo del texto en la nube de etiquetas.
  • "Más grande"- Este parámetro determina talla máxima texto en la nube de etiquetas.
  • 'Número'- Este parámetro determina el número total de etiquetas que se muestran en la nube de etiquetas. Puede especificar '0' si quiere todo
  • 'Formato'- Este parámetro determina el formato de visualización de la nube. Puede asumir los valores " plano‘, ‘lista', o ' formación
  • 'Separador'- Este parámetro define el separador de etiquetas en la nube.
  • "Topic_count_text_callback"- Esta opción muestra el número de entradas asignadas a cada etiqueta como información sobre herramientas
  • "Taxonomía"- Este parámetro define el tipo de taxonomía de WordPress que se puede utilizar en la nube de etiquetas. El valor predeterminado es " post_tags'Pero también puedes usar taxonomías personalizadas

Estos parámetros juegan un papel clave en la personalización de la nube de etiquetas.

Uso

WordPress tiene un widget de nube de etiquetas estándar que se puede colocar en el área apropiada de la página. Sin embargo, incluso sin usar un widget, puede usar la función wp_tag_cloud () para mostrar y personalizar la nube de etiquetas en su blog. También puede especificar parámetros de diversas formas.

Los parámetros se separan con '&' en una línea simple.

Especificar parámetros en formato de matriz.

"10", "mayor" => "50", "unidad" => "px", "número" => "45", "separador" => "::", "orden por" => "recuento", "orden" => "ALEATORIO")); ?>

Indicamos solo los parámetros seleccionados, el resto se dejan como están por defecto.

Devolvemos la nube de etiquetas como una matriz sin mostrarla en el blog. El resultado se puede utilizar más tarde en código PHP.

Ejemplos practicos

Ejemplo 1: Visualización de una nube de etiquetas en la barra lateral o en el pie de página de su tema

Crea una función en tu archivo functions.php y devuelve la función wp_tag_cloud ()... Una vez definida, puede llamar a esta función en cualquier lugar de su blog.

Función my_cloud ($ echo = false) (if (function_exists ("wp_tag_cloud")) return wp_tag_cloud ();)

Ahora abramos tu archivo sidebar.php y llamar a una función para mostrar la nube de etiquetas.

Etiquetas Populares"; mi_nube ();?>

Agreguemos un poco Estilos CSS a nuestro archivo style.css para que la nube de etiquetas se vea más decente.

Mycloud a (background: # FFC414; color: # 0000FF; display: inline-block; margin: 0 4px 8px 0; padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border -radius: 20px; font-size: 10px;) .mycloud h3 (estilo de fuente: cursiva; peso de fuente: negrita; tamaño de fuente: 30px; color: # FF00FF; familia de fuentes: Comic Sans;)

Asi es como luce ahora:

Hacemos lo mismo en footer.php tu tema.

Puede hacerlo aún más bonito agregando sus propios estilos CSS.

Añadiendo varios parámetros a la función wp_tag_cloud () archivar functions.php podemos personalizar nuestra nube de etiquetas. Por ejemplo, si desea incluir etiquetas y categorías en la nube de etiquetas o en la nube de taxonomía, la función debe escribirse de la siguiente manera:

Wp_tag_cloud (array ("taxonomía" => array ("post_tag", "categoría")));

Ejemplo 2: Cree una página de nube de etiquetas para su blog

A veces, simplemente no es necesario mover la nube de etiquetas a la barra lateral o al pie de página, pero debe crear para ellos página separada con el propósito de "limpieza" apariencia Blog. Esto se puede hacer de la siguiente manera.

Primero, creemos nuestra propia plantilla de página en su carpeta de temas con la función wp_tag_cloud ()... Llamaremos a este archivo tagcloud.php.

Ahora debe ir al área de administración de WordPress e ir a Páginas -> Agregar nuevo... Establezca el título deseado para la página y luego en la sección Atributos de la página seleccione una plantilla para ella - Tag Cloud, y luego haga clic en Actualizar. Eso es todo. Su página de nube de etiquetas está lista. Puedes colorearlo con CSS.

Ejemplo 3: crear un bloque de nube de etiquetas desplazable para la barra lateral

Puede solicitar a los usuarios que seleccionen etiquetas en la barra lateral de un bloque desplazable. Para hacer esto, necesita crear una función en el archivo functions.php.

Función cloudbox () (if (function_exists ("wp_tag_cloud")) ($ tags = wp_tag_cloud (array ("pequeño" => 10, "grande" => 10, "orden por" => "nombre", "orden" => "ASC", "formato" => "matriz")); foreach ($ etiquetas como $ etiqueta) (echo $ etiqueta. "
"; } } }

En la función anterior, usamos el formato de matriz de funciones wp_tag_cloud (), la fuente se dejó como estaba y la lista se ordenó por nombre en orden descendente.

Ahora abrimos nuestro sidebar.php y llama a esta función.

Seleccione una etiqueta

Vamos a diseñarlo con CSS.

#cloud (background: #FFFFCC; height: 200px; width: 200px; margin: 0 auto; overflow: scroll; border: 4px solid # 000000; padding: 2px; text-align: justify;) #cloud a (background: # 400000; color: # FFFF00; display: inline-block; margin: 0 4px 8px 0; padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font -size: 15px;) #text (font-style: italic; font-weight: bold; font-size: 20px; color: # FF9900; font-family: Comic Sans;)

Como resultado, el bloque se verá así.