Documentación de Orbital Theme®
Vídeos de Configuración
Recuperar Estilos al Actualizar
Optimiza y Corrige Imágenes
Tabla de Contenidos nativa
Configurar redes sociales
Guía para iniciarte
Crear Home de últimas entradas y Home estática
¿Cómo añadir un buscador en el menú?
¿Cómo activar el menú mobile en Orbital?
Insertar clusters en Orbital + Gutenberg (WordPress 5.0)
Optimizar imágenes con Lazy Load
Crear Landing Pages
Precargas y Prefetch/WPO Nativo
Crear menú en el Footer
Guía de Orbital Theme®
Clústers
-
¿Qué son los clusters?
Los clústers son los elementos que van a constituir la estructura SILO de nuestro site, por lo tanto, favorecer el SEO.
Estos clusters, vamos a poder hacerlos con combinaciones de páginas, entradas, categorías… Podremos ordenarlos por nombre, fecha de creación, fecha de modificación, en orden ascendente o descendente…
Podemos diferenciar entre dos tipos distintos de cluster:El primer tipo es el cluster normal, donde aparecerá la imagen destacada del post + título.
El segundo, es el cluster destacado, el cluster que cuenta con un sombreado azul cuando pasas el cursor por encima de él y el título del post aparece integrado.Este último cluster se crea de forma automática en los tres primeros post cuando nuestras home están compuestas de las últimas entradas o categorías. No obstante, también podemos crearlos nosotros mismos, añadiendo un valor, en este caso el número de post que queramos que aparezca en los clusters destacados, en el marcador ‘featured’.
Lo podrás encontrar en la columna derecha del editor de un post o página cuando seleccionas un cluster. -
¿Cómo puedo conseguir que en los clusters en título me aparezca dentro de la imagen y no abajo?
Estás diferenciando entre clusters destacados y no destacados. Los destacados son los clusters más alargados que tienen la imagen y texto dentro. Para conseguir este tipo de cluster has de incluir un valor en ‘featured’ en el generador de clusters.
-
¿Puedo colocar descripciones en mis clusters?
Así es, Orbital incluye la opción de añadir un extracto de texto a los clusters, menos a los de enlaces personalizados.
Accede al post del que has hecho el cluster y en la columna derecha verás el desplegable ‘Extracto’. Ahí puedes escribir tu descripción personalizada.
Para asegurarte de que se activa, ve a Apariencia > Personalizar > Opciones de listado y revisa haber activado las descripciones.
Desde que Gutenberg es el editor por defecto en WordPress, no se añaden los extractos de manera automática, por lo que las funciones ‘Leer más’ y el marcaje de número de caracteres en Opciones de listado, ahora mismo están obsoletos y los eliminaremos en una próxima actualización.
Esta operación sí puedes realizarla desde plugins como Yoast SEO. -
¿Cómo puedo hacer que no se creen los tres primeros clusters destacados cuando elijo una home con las última entradas?
En el fichero home.php y index.php tienes que modificar esta parte:
<div class="flex flex-fluid"> <?php $featured = 0; while ( have_posts() ) : the_post(); if($featured == 3) do_action('orbital_after_featured_home'); if($featured < 3) get_template_part( 'template-parts/loops/loop', 'featured' ); else get_template_part( 'template-parts/loops/loop', 'grid' ); $featured++; endwhile; ?> </div>
Por esto:
<div class="flex flex-fluid"> <?php $featured = 0; while ( have_posts() ) : the_post(); get_template_part( 'template-parts/loops/loop', 'grid' ); endwhile; ?> </div>
Imágenes
-
¿Qué medidas tienen que tener mis imágenes para que se visualicen correctamente?
Las imágenes deben tener unas medidas predeterminadas para encajar bien en el clúster.
Estas medidas serán de mínimo 450×350 y, siempre, en esa relación de aspecto, ya que si ponemos una imagen más alta que ancha en un cluster más ancho que alto, la imagen no se visualizará de forma correcta.Estas imágenes siempre serán las que hayamos escogido como imagen destacada (featured image). Si no hemos escogido una imagen destacada en nuestro post, el cluster que le corresponde, quedará sin imagen.
Esto no significa que en la parte superior de nuestro post haya de aparecer dicha imagen. Si no queremos que esto pase y mantener la imagen destacada sólo como imagen de portada del cluster, podemos desactivarla debajo del editor de texto, dentro de cada post, desmarcando la casilla ‘Imagen destacada’.En cuanto a las imágenes de cabecera de tu site, han de ser de un tamaño de 1920 x 400px, como bien indica el theme.
-
¿Cómo puedo modificar mis imágenes para que tengan las mismas dimensiones en los clusters?
Marca el tamaño deseado de los clusters en Apariencia > Personalizar > Opciones de listado.
Luego, instala el plugin gratuito Regenerate Thumbnails y lo ejecutas desde Herramientas.
Recuerda que las imágenes pueden pixelarse y WordPress puede llegar a no trabajar del todo bien con ellas si son demasiado pequeñas. El tamaño mínimo recomendado es de, aproximadamente, 450 x 350. -
Mis imágenes se ven pixeladas, ¿qué puedo hacer?
Trata de asegurarte de que estás utilizando las medidas recomendadas en tu imagen destacada / featured image.
Además, este es un error que se puede dar porque tu theme no está actualizado a su última versión.
Vete a Escritorio > Actualizaciones, y ahí podrás comprobar todos los plugins / themes que tienes que actualizar.
Plugins
-
¿Qué tipo de plugins no debo utilizar?
Hay pocos plugins que puedan presentar incompatibilidades con el theme, pero aún así, hay algunos que, por su forma de actuar, causan algunos problemas si se utilizan con Orbital.
El peor enemigo son los editores visuales tipo Elementor, Visual Composer / WPBakery Page Builder, TinyMCE, Divi… Estos, son plugins que modifican bruscamente el css del theme y que consiguen resultados lejos de los deseados en la plantilla.
Por otro lado, los contraindicamos, ya que, además de causar conflictos técnicos, no son precisamente el mejor amigo del SEO, puesto que crean una cantidad de código innecesaria que se convierte en un obstáculo para las palabras que queremos posicionar en nuestra web.Por otro lado, los plugins de optimización del rendimiento no son una buena idea, ya que Orbital tiene multitud de funciones de optimización que puedes activar y modificar en Apariencia > Personalizar > Configuración de Rendimiento. Las funciones del theme siempre actuarán mejor al estar integradas pero, además, si activas estas funciones y las de algún plugin de optimización, estarías generando duplicaciones que causarían incompatibilidades graves.
-
¿Qué plugins recomendáis instalar para Orbital Theme?
Yoast SEO: Esta herramienta te enseña a escribir para internet y es un gran apoyo a nivel SEO. Sin duda la recomendamos.
Regenerate Thumbnails: Ya hemos comentado la configuración idónea de las imágenes, pero puede que ya hayáis montado vuestra página y recortar todas las miniaturas con la misma medida sea un trabajo muy denso. Por eso recomendamos este plugin, va a conseguir que las imágenes de vuestros clusters estén bien alineadas y al mismo tamaño.
W3 Total Cache o Litespeed Cache: Estos plugins os ayudarán a gestionar el almacenamiento caché de vuestra página y cuentan con muchas opciones para optimizar vuestra web. Estos plugins han de ser seleccionados correctamente según el sistema del servidor que estés utilizando: Nginx o Apache. Nada mejor que preguntar directamente a tu proveedor de hosting.
-
PageSpeed
-
¿Cómo puedo mejorar mi puntuación en PageSpeed?
Una de las consultas más frecuentes es la de cómo mejorar la puntuación en PageSpeed, la herramienta de Google que mide lo optimizada que se encuentra tu web y que no se traduce en lo rápido que carga tu web, siendo la velocidad de carga solo uno de los parámetros que mediría, aunque está claro que si realizas las optimizaciones propuestas, tu web ganará en velocidad.
Orbital Theme incluye en Apariencia > Personalizar > Configuración de Rendimiento, una serie de funciones que te facilitarán mejorar tu puntuación simplemente copiando y pegando las rutas conflictivas que te indica PageSpeed en cada una de las secciones correspondientes.
Por ejemplo, si tienes algún problema de carga con la Google Fonts que has seleccionado y PageSpeed te indica su ruta, solo tendrás que copiarla y pegarla en Apariencia > Personalizar > Configuración de Rendimiento > Precargar Tipografías.
Otras mejoras generales que te sugerimos son las siguientes:
Bloqueo de JavaScript o CSS:
Orbital cuenta con una solución rápida y sencilla integrada en Apariencia > Personalizar > Opciones de apariencia, que nos permite solucionar estos problemas de bloqueo de visualización con sólo dos clicks.
Éstas son las casillas de fix render blocking css y js, que recomendamos tener siempre activas.Compresión de imágenes:
La mayoría de veces, una puntuación baja se debe al gran peso innecesario de las imágenes de nuestra web. Para evitar que esto ocurra o solucionarlo, podemos utilizar algún plugin de compresión como WP Smush. Notarás una gran diferencia.
Aprovechar el espacio de almacenamiento caché:
Muchas personas, creen que el plugin de caché se instala y ya está listo para cumplir su función. En algunos casos es así, pero la mayoría de veces necesita adaptarse a las necesidades de nuestro servidor y se configura distinto dependiendo de si el server está basado en Litespeed, Nginx, Apache… Siempre podemos pedir consejo a nuestro proveedor de hosting.
Reducir tiempo de respuesta con el servidor:
Este problema puede volcarse debido a cualquiera de los problemas anteriormente mencionados, por lo que se solucionaría aplicando esas mejoras. No obstante, muchas veces puede ser un problema de calidad del servidor o un fallo temporal de éste.
Mencionado esto, si aún así nuestra puntuación no ha mejorado significativamente, probablemente sea un problema relativo a algún plugin que estemos utilizando.
En ese caso, tendremos que valorar si queremos seguir utilizando o no ese plugin y si nos compensa.Lo importante en este caso es que la experiencia de usuario sea buena y pueda navegar rápido por tu web.
Si aparece un error relacionado con Lighthouse y no te resulta posible medir tu puntuación en PageSpeed, puede que se esté dando un problema temporal con la herramienta, por lo que recomendamos que pruebes más tarde.
Este error también puede darse por una mala configuración de tu plugin de caché, por lo que recomendamos que vuelvas a la configuración original por defecto y pruebes de nuevo.
¿Qué puedes pegar en Apariencia > Personalizar > CSS adicional?
-
Para centrar tus H1 en entradas y páginas:
/*Entradas*/ .single .title{ text-align: center; } /*Páginas*/ .page .title{ text-align: center; }
-
Para justificar el contenido de tu página a la izquierda:
@media (min-width: 48rem){ .no-sidebar .container{ width: 720px; } }
Analytics y Adsense
Orbital, cuenta con su propio gestor de anuncios de Adsense y Analytics.
Puedes encontrarlo en Apariencia > Personalizar > Publicidad y Analytics.
Recuerda que la casilla de Analytics y la de AdSense estarán desplegadas por defecto en la primera pestaña. En los desplegables de abajo de ésta, podrás encontrar las diferentes ubicaciones para pegar tu script de AdSense (no de anuncios automáticos).
-
¿Cómo debe ser mi script de Analytics?
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-XXXXXXXXX-1'); </script>
-
¿Dónde coloco mi código de AdSense?
El script que tienes que pegar para los anuncios automáticos, tendrá un aspecto como este:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-XXXXXXXXXXXXXXXXXX", enable_page_level_ads: true }); </script>
-
AdSense no puede localizar el código en mi web.
Es posible que, a pesar de haber colocado el código que te brinda AdSense, no esté localizándose en tu web cuando entras a tu cuenta. Este problema se puede solucionar de manera sencilla si copias el script que te facilitamos arriba y sustituyes las ‘X’ por tu ID de usuario.
Varios
-
¿Por que mi iframe no funciona con Orbital?
Si el iframe es http y la web https no funcionará.
Recuerda también que siempre es más conveniente incrustar el iframe que te proporciona la opción ‘Compartir’ de YouTube en vez de pegar directamente la URL. -
¿Cómo puedo generar una tabla de contenidos?
Para generar tu índice de contenidos solo has de tener una serie de etiquetas en tu contenido. Es decir, H1, H2, H3…Esas etiquetas en tus títulos determinarán la jerarquía de la tabla de contenidos.
Verás en el editor de cada post, abajo del contenedor de texto y demás contenidos, una opción ‘índice de contenidos’, que ha de estar marcada. Esta es una función integrada en nuestro theme, por lo que no necesitarás ningún plugin adicional 😉En Apariencia > Personalizar > Índice de contenidos, verás, en la parte superior, un shortcode que has de insertar en tu página o entrada en caso de que no quieras que aparezca arriba del todo.
Más abajo, puedes marcar la activación general en páginas y entradas. Si hay alguna página en la que no lo quieras, solo tienes que desmarcar en su editor la opción ‘Índice de contenidos’.
-
¿Qué debo incluir en el campo NIF / NIT / VAT al realizar mi compra?
Debes incluir tu número de identificación fiscal de tu país, tu ID. Si no tienes puedes poner ‘no aplica’.
-
¿Por qué intento comprar la licencia y el precio final es más caro que el que marca?
Nosotros vendemos un producto desde la Unión Europea, por lo tanto nuestra moneda es el Euro. Si tú estás comprando desde un país de fuera de UE, están haciéndote el cobro en dólares.
Es decir, aunque sea un valor mayor, una licencia de 71$ es lo mismo que una licencia de 59€.
-
¿Contáis con un programa de afiliados de Orbital?
Así es. Puedes encontrarlo aquí: https://orbitalthemes.net/afiliados/
Con este programa de afiliados puedes ganar dinero ayudándonos a vender Orbital Theme. Tú te quedas con el 35% de la cantidad de la venta y nosotros te pagamos el total de comisiones en cuanto llegues a la cantidad mínima generada, 100€.
Has de respetar el tiempo de desistimiento de nuestros clientes con tus ventas comisionadas, el cual es el mismo para todos: 60 días naturales.
Cuando hayas alcanzado el payout, escribes a support@orbitalthemes.net y nosotros recontamos las comisiones, haciendo el traspaso de divisas para las ventas que hayas realizado en dólares y restaremos las posibles devoluciones que se hayan generado de tus ventas en los primeros 60 días. Pagaremos el día 10 de cada mes una vez nos hayas generado tu factura legal. -
Para actualizar el theme a una nueva versión, ¿es recomendable hacer un tema hijo/child para que se mantengan los cambios?
Depende, las configuraciones propias de Orbital no van a cambiar aunque actualices.
Si tienes modificaciones relacionadas con el código del theme, sí que deberías hacerlo, pues el código se reescribe en cada update.Por otro lado, no podremos darte un soporte adecuado si utilizas un child theme, ya que no podemos reconocerlo como el theme original y desconoceríamos cuales modificaciones has aplicado.
Además, dejarías de recibir actualizaciones periódicas, ya que WordPress no reconocerá el theme como el original.
-
Quiero saber cómo eliminar en los clusters las fechas de publicación de las entradas o las categorías, ¿cómo sería posible hacerlo?
Apariencia > Personalizar > Opciones de listado; desmarca ‘Mostrar fecha’.
-
¿Cómo puedo poner el logo más grande como en AvesExoticas.org?
Lo que puedes ver en esa página es la imagen de cabecera. Aunque realmente sea un logo, está funcionando de cabecera de la web.
-
¿Para qué sirve «Exclude jQuery on Fix Render Blocking»? ¿Conviene tenerla activada o no?
jQuery es una biblioteca multiplataforma de JavaScript, que permite simplificar la manera de interactuar con los documentos HTML, manipular el DOM, desarrollar animaciones agregar interacción con AJAX a páginas web…. Es la biblioteca de JS más utilizada.
Conviene tener activada la opción dependiendo de las propias necesidades de tu web.
Si pasas tu web por el Pagespeed y percibes que uno de los problemas es que el jQuery está pudiendo bloquear recursos, deberías desmarcarla para que con fix render blocking se solucione.