"Arreglemos su sitio web" Recapitulación para el 25 de agosto de 2020

Grabación en video del evento de la reunión del 25 de agosto de 2020 "Arreglemos su WordPress sitio web".

Este post resume los intercambios y consejos de la Arreglemos tu WordPress Sitio 2020-08-25 | Reunión de la WPTO. Esta fue nuestra sexta vez en línea sesión usando Zoom.

Estas notas están en dos partes. Las primeras son notas tomadas durante el período de sesiones y luego limpiadas y complementadas y un resumen compilado y una lista de enlaces añadidos. Las notas cubren la mayor parte de la discusión y hacer el video más útil. La segunda parte de este post es la transcripción del chat con una ligera edición de los URLs donde sea necesario.

Las solicitudes de ayuda se hicieron en los comentarios de la página de eventos y en los mensajes de chat de Zoom y discutidos más o menos en forma cronológica orden.

En este post, presentamos el escaparate de WPTO en Vimeo.

La sesión comenzó a las 6:30 y terminó a las 9:15.

La próxima sesión es Arreglemos tu WordPress Sitio 2020-09-14 | Reunión de la WPTO.

El escaparate de WPTO en la imagen de pantalla de Vimeo.

El escaparate de WPTO en Vimeo

Los videos de las últimas 6 sesiones están ahora en un Vimeo escaparateuna captura de pantalla de la cual está a la derecha.

Acerca de nuestro patrocinador Weglot

El WordPress grupo Toronto Meetup está patrocinado por Weglot y el Consorcio Canadiense de Gestión.

Weglot es la forma más rápida y flexible de traducir tu sitio web. Mira un breve demostración.

Pruebe Weglot por usted mismo y luego obtenga un 15% de descuento como WordPress Toronto miembro.

Notas de la sesión

Resumen

Hubo 7 personas que asistieron a la sesión:

  • Andy pidió la ayuda de un voluntario para su sitio
  • Kathy se busca asistencia para integrar las listas de MLS
  • Fernne pidió una actualización sobre la optimización de la imagen
  • Reema quería que le aconsejaran si debía borrar un plugin que no había instalado
  • Natalie necesitaba ayuda para cambiar una imagen destacada en un post
  • Reema pidió una forma de eliminar un fondo gris en los pies de foto de las imágenes
  • Asif preguntó si el sistema operativo utilizado por los servidores de un host importaba y cómo funciona el hosting de WP

Lista de enlaces del período de sesiones

Andy

Su puesto: Este COVID nos ha dado un gran golpe. Busca alguna alma generosa que pueda ayudarme a arreglar una página web y construyendo otro para mí para que me ponga en marcha. (No asistió pero Wally Wormstrom se ofreció a ayudarlo).

Kathy Sterman

Ella quería saber si alguien ha tenía experiencia en la integración de los listados de MLS en un WordPress sitio?

Patrick Boake no tengo _experiencia_ pero acaba de hacer una búsqueda rápida y hay múltiples plugins para esto.

Kathy Sterman Estoy tratando de evaluar si un plugin es la mejor solución y la cantidad de trabajo que implica. He hablado con algunos empresas y dicen que es muy complicado hacer la integración y cobrar hasta 1.500 dólares. Pensé que sería bueno poder ofrecer servicios a agentes inmobiliarios que quieren un sitio personal de marca, pero me parece que puede que no sea vale la pena.

Kathy ha investigado los temas y quería discutirlos y llegar a una decisión sobre cómo proceder con un cliente proyecto.

Su cliente es un agente. El tema es la integración del MLS en el sitio WP. Usar los listados para atraer tráfico a lo que está disponible además de ese agente propiedades listadas. Emisiones. MLS es un servicio operado en cada una de las propiedades en Ontario y requiere una licencia de un agente registrado para obtener un dato alimentar. Las empresas estadounidenses venden paquetes de sitios con servicios MLS integrados. Los plugins son para todos los tableros de EE.UU. más los grandes de Ontario, etc. (es decir, hay Toronto más todos los demás tableros de ON). Es difícil entrar en este nicho de mercado en un solo sitio ...en la base. El cliente en cuestión se resiste a pagar a un promotor para construir una y poner en práctica las listas de MLS. MLS implica 2 costos, la integración (plugin) y la alimentación de datos asumiendo que la interfaz de búsqueda proporcionada es aceptable y no requieren cualquier trabajo.

Por ejemplo, véase MLS RESO Web API Importar soluciones para WordPress.

Dado que la mayoría de los sitios de los agentes utilizan una interfaz de búsqueda estándar para listados, existe la oportunidad de diferenciar un agente y añadir valor por diseñando uno con una mejor fachada.

La conclusión de Kathy es dejar la integración del MLS a las personas especializadas en este nicho de necesidades. No es una buena área en la que ...y hacer un poco de ejercicio. También se enfrenta al riesgo de ser aprovechada por un cliente que no valora el trabajo que implica. Los agentes ya están pagando honorarios a los corredores y no están dispuestos a pagar cuotas recurrentes adicionales.

Fernne Kane

19:00. Su sitio es fernnekane.com.

Ella sigue encontrando difícil la optimización de las imágenes en su sitio y pidió para revisar el método que habíamos usado para ayudarla hace varios Meetups. Ella tiene limpió su sitio en los últimos meses, así que ahora hay menos imágenes para optimizar.

Los pasos para optimizar una imagen son:

  • asegurarse de que el formato de archivo sea apropiado, como PNG o JPEG y convertirlo si es necesario (su imagen de ejemplo era un GIF de 27 MB de Adobe imagen)
  • comprobar que la resolución es apropiada (72 dpi es bueno)
  • crop to appropriate size (for headers, 2000×1280; post images <1,000 in width)
  • optimizar el tamaño (usar la comprensión de la pérdida)

Melroy la llevó a través del flujo de trabajo en Photoshop en una imagen. Estos pasos redujeron el archivo tamaño de 27 MB a ~150 KB.

Fernne usa Photoshopuna relativamente costosa... programa. Los servicios de optimización de imágenes son una alternativa gratuita. TinyPNG se recomendó porque hasta 20 las imágenes pueden ser cargadas en un lote y el límite de tamaño del archivo individual es de 5 MB.

Reema

19:25. Encontró un enchufe, VafPress Post-formatos UI...instalado pero no... se activó en su sitio y no sabe cómo ocurrió. El plugin es VafPress Post Formato UI Plugin / Sculpture Qode (s: VAFPress Post-formatos UI). No hay ninguna razón para conservar el plugin para que sea eliminado. Necesita cambiar el administrador del sitio contraseña porque los plugins no aparecen por sí solos excepto cuando son instalados por otro plugin como complemento o de uso obligatorio.

Natalie

Ella está trabajando en un sitio sin fines de lucro. Ella tiene usó WP.com para un sitio y ahora está probando uno de WP.org en el alojamiento de SiteGround. Usando el Elementor ...constructor de páginas.

En este post, WP.com se refiere a un sitio alojado en WordPress.comWP.org, a una auto-alojado usando el código descargado de WordPress.org.

Preguntas:

Cómo cambiar una imagen destacada en un post.

Tuvimos dificultades para encontrar la interfaz de edición en la que podemos cambiar la imagen destacada. Eso es normalmente un widget en la parte inferior de la barra lateral derecha. La interfaz de usuario ha sido reorganizada y ese widget ha desaparecido. Nos dimos cuenta de que el el icono de la marcha de ajuste se había apagado. Ahora que está encendido, el icono de caja de imagen apareció y ahora puede cambiar la imagen en cuestión.

En la primera entrada del blog, la imagen de fondo no funciona. Elimina la imagen de fondo o al menos cámbiala por un fondo que sea menos intrusivo. Alternativamente, bajar la opacidad hasta (digamos) el 25% o desdibujar la ...enfocar.

¿Cómo se agregan algunas páginas a un menú desplegable como un menú subcategoría? Pasamos por el procedimiento de edición del menú para añadir las páginas y demostró cómo sangrar un elemento del menú (arrastrarlo a la derecha) para hacer que sea un subcategoría.

Esta fue una buena oportunidad para enfatizar la importancia y el valor de la ventana de mensajes que aparece en la parte superior de la página para informar de que un procedimiento, por ejemplo, un menú guardado, ha ocurrido o se ha completado. Tendemos para ignorar estos mensajes, pero son valiosos y deben ser tomados en cuenta.

Reema

Su pregunta era con respecto a su sitio, La cultura de Perlasun blog de la galería usando el Nisarg | WP.org tema.

Quería saber cómo cambiar un pie de foto (metadatos) de una imagen. Los pies de foto se muestran con un fondo gris degradado. ¿Cómo elimina ¿Eso? Los pies de foto pueden ser apoyados por el tema del sitio o no. A través del ensayo y error, determinamos que el tema añade un cuadro gris como fondo cuando un Se añade un pie de foto.

Para cambiar el pie de foto de una imagen, el método de la fuerza bruta es reemplazar las imágenes con las de la Mediateca o usar un pie de foto como texto debajo de cada imagen.

Inicialmente, borramos los subtítulos y el fondo era se ha ido.

Encontramos la imagen en la Biblioteca de Medios y añadimos la de sus metadatos. Eso no funcionó, lo que confirma que es el tema controlando el fondo.

No es la primera vez que se plantea esta cuestión. Por ejemplo, ver Obteniendo una línea gris bajo los pies de foto | WordPress.org.

En el Customizerno encontramos cualquier cosa relevante.

Usando el navegador Inspectorencontramos el CSS que pone el fondo de la leyenda en gris.

El Inspector y Depurador de la Red de Cromado están convenientemente incorporado con el cromo. Puedes lanzarlo pulsando F12 mientras estás en tu o haciendo clic con el botón derecho del ratón en una página web y seleccionando la opción de menú Inspeccionar. S: Cómo para usar el Inspector y Depurador de Cromo (un excelente tutorial).

Ver también Cromo DevTools | Desarrolladores de Google.

Encontramos el fig-caption con el elemento blocks-gallery-item__caption que controla el texto de la leyenda en cuestión. Encontramos la clase propiedades por ensayo y error y copió los estilos usando el menú de clic derecho.

Si ese elemento HTML no es familiar (como lo fue para todos nosotros), vea Etiqueta de figcaption HTML.

Un excelente recurso de aprendizaje de CSS es HTML y CSS en el El Proyecto Odin sitio.

Para una historia fascinante de la evolución del CSS, ver un post reciente del penúltimo en el blog de Web Authority, 'CSS'... X' | W3C.

Aquí hay una pregunta que no tuvimos tiempo de abordar.

Encontramos el elemento de propiedad relevante, blocks-gallery-item__captionque nos llevan a la blocks-gallery-item. Al final de la blocks-gallery-item__caption Un recorte, == $0 CSS apareció. ¿Qué es lo que significa?

"Es el último índice de nodo DOM seleccionado. Chrome asigna un índice a cada nodo DOM que seleccione. Así que $0 siempre apuntará al último nodo que seleccionado, mientras que 1$ señalará el nodo que seleccionó antes de eso." S: Que ¿significa ==$0 (el doble es igual a dólar cero) en las Herramientas para Desarrolladores de Chrome? | Pila Desbordamiento.

¿Cuál es el significado del doble subrayado? doble subrayado en un nombre de clase CSS?

Asif

¿Cuál es la diferencia entre Linux y Servidores de hospedaje de Windows y hospedaje de WP. El alojamiento significa que el WP la aplicación se ejecuta en ese servidor, un asunto trivial ya que todos los sistemas operativos pueden hacerlo. Cada host ofrece WP y WP se instala con un solo clic. Hay varios alojamientos niveles de servicio por encima del básico. El primero de estos niveles es el WP gestionado que cuesta entre 5 y 10 veces el precio del servicio básico e incluye más automatización, seguridad, recursos, etc. En el alojamiento, el cielo es el límite. Compruébalo WordPress VIP.

Su sitio WP.com, Blog de WebWurx puede ser migrado a auto-alojamiento.

MDDHosting se recomendó para el alojamiento básico. SiteGround es uno de los los principales proveedores de alojamiento y popular entre los miembros de la WPTO.

Muchos anfitriones ofrecen un nombre de dominio gratuito y se convierten en el nuevo el registrador del dominio en el proceso? ¿Puedes usarlo en otra cuenta de hospedaje? Compruébalo con el anfitrión pero es probable que puedas empezar a usar ese dominio. nombre de otro huésped. Definitivamente puedes mover el nombre de dominio a otro registro y anfitrión a su debido tiempo ya que es el dueño y las transferencias son directas adelante. Una ventaja de que el anfitrión también sea el registrador es que el anfitrión maneja los registros DNS de los sitios.

Transcripción del chat

La transcripción falta la primera mitad de la sesión como se puede ver en el momento del primer mensaje.

  • 01:05:38 Robin Macrae: ¿Alguien consiguió el nombre de la persona con la pregunta anterior sobre el plugin de VafPress?
  • 01:08:25 David Schargel: Tengo que irme. ¡Gracias a todos!
  • 01:25:39 Asistente: Acabo de entrar. Lo siento por ser tan... tarde.
  • 01:41:48 Asistente: puede ser que esto ayude: https://wordpress.org/support/topic/getting-a-gray-line-under-captions/
  • 01:41:53 Asistente: Yo
  • 01:42:02 MB: Sí
  • 01:45:03 Asistente: Herramientas de desarrollo
  • 01:46:20 Patrick Boake: una forma fácil y gratuita de aprender HTML y CSS
  • 01:46:35 Asistente: pero creo que está siendo modificado debido a la clase que se aplica
  • 01:46:42 Patrick Boake: El Proyecto Odin: https://www.theodinproject.com/
  • 01:48:17 Asistente: ella encogió demasiado la parte inferior bajo.
  • 02:00:22 Jacques Surveyer: Tengo que ir, tengo mi propia reunión. mañana en los plugins de la Galería
  • 02:07:41 Dale: Tengo que irme, tengo una reunión con un cliente... buena reunión - mucho que aprender - gracias.
  • 02:12:19 Paul Warner: Una reunión muy interesante. UN CSS un gran avance para mí. Tengo que irme si quiero seguir casada.
  • 02:13:56 Asif: Hola a todos. Antes de que esta sesión termine. Tengo un pregunta de "nivel principiante" sobre el hospedaje. Lo siento. No pude localizar el opción de "levantar la mano".
  • 02:14:29 Natalee Johnson: Gracias por compartir el información.
  • 02:14:58 MB: Gracias por compartir el recurso Patrick.
  • 02:15:41 Asif: Yay. Acabo de encontrar la opción de levantar la mano. incrustado muy profundo!
  • 02:17:02 Robin Macrae: https://www.w3.org/blog/2020/03/css-x/
  • 02:17:58 reema: ¡Muchas gracias!
  • 02:20:57 Patrick Boake: https://www.w3schools.com/.
  • 02:21:43 Patrick Boake: otro curso gratis para muchas cosas htm CSS JavaScript SQL.
  • 02:24:07 Patrick Boake: "Para los servidores públicos de Internet, Linux es generalmente contados como dominantes, con una potencia muy superior al doble del número de huéspedes que Windows Server - que es seguido por muchos jugadores pequeños incluyendo los tradicionales sistemas operativos de los ordenadores centrales". https://en.wikipedia.org/wiki/Usage_share_of_operating_systems?wprov=sfla1.
  • 02:28:45 Asif: webwurx.wordpress.com.
  • 02:29:50 Alex Sirota: https://www.mddhosting.com/.
  • 02:29:51 Asif: https://www.mddhosting.com/.
  • 02:29:57 Alex Sirota: y no te olvides de los documentos de la web MDN de Mozilla – https://developer.mozilla.org/en-US/docs/Web/CSS.
  • 02:38:02 Asif: Gracias a todos. Por toda su ayuda y ...opiniones.
  • 02:38:14 Asif: Desafortunadamente tengo que irme ahora.
  • 02:43:52 Natalee Johnson: ¿Está bien usar mddhosting entonces?
  • 02:44:23 Natalee Johnson: Gracias.
  • 02:44:42 Natalee Johnson: Gracias, esto fue genial.
  • 02:44:43 MB: ¡Gracias!

Robin Macrae (Linkedin)

Eso es todo para las notas de la reunión de este mes y la transcripción del chat.

La siguiente es otra sesión en línea, Arreglemos tu WordPress Sitio 2020-09-14 | Reunión de la WPTO. Confirme y envíe su pregunta o solicitud.

Robin Macrae (Linkedin)