WordPress Toronto Norte - Arreglemos su sitio #9

Este lunes pasado hemos celebrado otra clínica "vamos a arreglar tu sitio" en nuestro encuentro en el norte de York. La reunión se celebrará el 3er lunes por la tarde de cada mes en el centro cívico de North York. La hora exacta y la habitación se anuncia en nuestro Página de Meetup 3 semanas antes, según los requisitos de programación de la ciudad.

Perdí la cuenta como varias personas vinieron después de la reunión comenzó, pero estábamos bastante cerca de 20 personas. Dan comenzó con una charla relámpago al principio diseñado para dar a la habitación algunos consejos y trucos sobre una variedad de temas. Este mes elegimos videos y Getty Images y dan nos mostró cómo incrustar vídeos de YouTube y eliminar los "próximos mosaicos de vídeo" cuando finaliza el vídeo. Spoiler Alert: & rel = 0 al final de la URL de YouTube pero debes tener instalado jetpack. Más detalles se pueden encontrar en la cubierta de diapositivas de dan aquí.  En cuanto a Getty Images, este es un banco de imágenes gratuito de muy alta calidad, pero las imágenes tienen restricciones en la forma en que se publican en su sitio (que requieren su propio plugin). Haga clic aquí para la plataforma de diapositivas de dan para obtener más información sobre cómo acceder y utilizar Getty Images.

Hablamos de Gutenberg, el tan esperado nuevo editor para WordPress y nuestros expertos están de acuerdo en que esta actualización, que se lanzará con otras actualizaciones en la versión 5.0, será la mayor revolución en WordPress desde su creación hace 15 años. Realmente no tenemos manera de saber cómo Gutenberg interactuará con cualquiera de los temas existentes y constructores de páginas por lo que la emoción se está acumulando para un lanzamiento de otoño.  *Acabo de comprobar y el beta Gutenberg plugin fue lanzado hace 2 semanas en WordCamp Europa y WordPress .org está pidiendo a la gente que lo descargue, probarlo y dar sus comentarios con el fin de crowd-source las pruebas y resolver los problemas. Tienen un Demo en línea se puede probar.  

Comenzamos nuestra clínica vamos a arreglar tu sitio consultando nuestra página de Meetup porque pedimos a los asistentes que publiques su problema con anticipación para obtener la prioridad de su problema en la reunión. Robert tenía una pregunta acerca de trabajar en su sitio fuera de línea porque le gustaría aprovechar sus tiempos de vuelo y hacer algo de trabajo. La cuestión es que WordPress no se hizo para ser utilizado fuera de línea y hay muchas soluciones que la gente ha desarrollado, oído y probado, pero después del análisis, la mayoría de esas herramientas y métodos fueron para permitir a los desarrolladores trabajar en el código sin conexión no contenido del sitio.  Se concluyó que la forma adecuada de cambiar o agregar contenido sin conexión es desarrollarlo en un programa de procesamiento de texto como Microsoft Word y luego cortar y pegar en su trabajo cuando esté de nuevo en línea. Aparentemente, la corriente WordPress editor hace un desastre de cortar y pegar de documentos de texto, pero Gutenberg supuestamente abordará este problema.

Amanta se unió a nosotros para averiguar por qué el sitio que construyó para su cliente se ve tan mal en Internet Explorer, el navegador que utiliza su cliente. Para tratar de remediar el problema, Amanta tuvo que reducir drásticamente el tamaño de sus imágenes, haciéndolas granuladas en Chrome. Esto trajo consigo una discusión sobre los navegadores y la compatibilidad.  

En primer lugar fue desengañado que el navegador es de alguna manera la culpa. Los navegadores compiten entre sí y, por lo tanto, añaden funcionalidad y la liberan al mercado en diferentes momentos y con código específico del navegador. Esto es similar a cómo los fabricantes de automóviles hacen automóviles que utilizan el mismo chasis, pero cada uno utiliza sus propias piezas e incorporan características exclusivas de ese fabricante.  

La mayoría de los problemas de compatibilidad del navegador residen en el tema.  Los temas son sólo fragmentos de código que se ejecuta dentro de WordPress , y esto hace que los temas dependa de la compatibilidad del navegador. Los desarrolladores (que son todos nosotros!) debe comprobar que el tema que elija es compatible con cualquier navegador que desee ser compatible.  Los desarrolladores que cobran por su trabajo suelen indicar explícitamente en sus contratos y la documentación de soporte la compatibilidad del navegador de su trabajo. Dan ofreció sus términos como un ejemplo: sus sitios funcionarán en la versión más reciente de un conjunto de navegadores populares más en una versión anterior del navegador. Esto limita la responsabilidad del Desarrollador en el trato con los clientes que utilizan navegadores antiguos.

Amanta eligió un tema secundario del tema capas y por lo tanto su incompatibilidad reside en ese tema, no en su trabajo, pero ella está bien atascado con la resolución de la imagen de crappy en Chrome, tiene que probar para Chrome, cambiar a un tema compatible (mucho trabajo ya que ella ha terminado con el sitio) o encontrar una solución. La alentamos a ponerse en contacto con el autor del tema y ver si un arreglo o solución se ha desarrollado para que su tema sea visible en Internet Explorer.  Si no es la primera vez que alguien ha traído este problema a la atención de los desarrolladores de temas de capas, que podrían haber desarrollado una solución sin embargo, si no, ella está a la merced de los autores del tema en cuanto a Cuándo van a conseguir alrededor de una solución. Aquí hay un Enlace al soporte en línea de Layers paraSolución de problemas comunes de compatibilidad con navegadores ".

Navegador Market Share en todo el mundo: Cromo – 55%;Safari – 14,76%; UC Browser – 7,99%; Firefox – 6,1%; Internet Explorer – 3,88%; Opera – 3,8%

Haga clic en el enlace de arriba para ver los gráficos de popularidad del navegador (desglosados por el escritorio vs móvil vs tableta. 

Cuando usamos temas y plugins, heredamos una gran cantidad de código previamente escrito de fuentes principalmente desconocidas e incluyándolo en nuestro propio desarrollo. Debido a tantas cosas desconocidas, nunca podemos estar seguros de qué problemas pueden ocultarse en el código. En muchos casos, los proveedores de hospedaje han determinado para sus clientes que hay temas y plugins mal diseñados o inseguros, y los anfitriones los han prohibido de su servicio (si estas herramientas prohibidas se encuentran en el sitio de cualquier persona, se eliminan por el host). Esta es una medida de seguridad tomada por los hosts para evitar que el código mal escrito o no admitido proporcione un punto de entrada para ataques maliciosos.  

Daniel vino con Amanta y un amigo y tenía una pregunta muy técnica que no pudimos abordar por completo en el Meetup:

Actualmente estoy construyendo un WordPress aplicación utilizando el bitnami WordPress pila y la utilización de un tema comprado que tiene una gran cantidad de la funcionalidad que necesito. Mi sitio funciona bien sin embargo, estoy encontrando un error bastante engorroso que rompe mi sitio cuando la página está duramente actualizada o vista en un navegador móvil. Parece que el problema se debe a que "jQuery.colorbox(...)" no es una función que es preocupante ya que el sitio tiene una gran dependencia en jQuery.colorbox.

Esperamos que alguien del WP Toronto Lea esta pregunta y le ofrezca una sugerencia a Daniel.

Mindy hace el pelo y el maquillaje y y su sitio es www.beautybliss.CA Solicitó una revisión de su página web por el grupo y nos obligamos a ofrecer nuestras sugerencias.  En la última reunión que habíamos cambiado la página que presenta 1st de casa a su portafolio página.

Ella ahora tiene una página de inicio desaparecida que se preguntaba qué hacer con.  El grupo sugirió que tomar el contenido y agregarlo a la página de la cartera y eliminar la página de inicio y luego cambiar el nombre de portfolio a casa sin embargo Mindy tenía su sitio desarrollado para ella por lo que tendrá que lidiar con el código existente o elegir un nuevo tema y empezar de nuevo. Se sugirió que dibuje el diseño de su sitio en papel antes de desarrollarlo en línea. Mindy tiene sus dibujos de arquitectura inicial para que ella los vuelva a visitar y ver si su sitio todavía refleja su visión original.

No te preocupes Mindy, estaremos aquí para ti si decides empezar de cero! La mejor parte de WordPress es que usted es dueño de todo y usted toma todas las decisiones al respecto. Esta responsabilidad completa para su sitio es la razón por la que WPToronto (y el 272960 WordPress miembros de 605 Meetups en 90 países!) reunir para traer lo mejor de la recogida, el asesoramiento de la multitud de origen a los usuarios de esta asombrosa tecnología de código abierto.

Para nuestra solución final, miramos LotharSitio de la obra, con su obra de arte. No podía entender por qué no tenía página de inicio. Esto comenzó la discusión de Las publicaciones frente a las páginas y cómo tener páginas estáticas para su sitio web mientras que también incorpora un blog (sin que su blog aparece en su página de inicio).  porque WordPress fue construido ante todo como una plataforma de blogs, la mayoría de los temas por defecto a un diseño de estilo de blog con características que promueven nuevas entradas de blog a la 1a página del sitio. Muchos de nosotros preferimos una sensación más tradicional para nuestros sitios, así que establecemos la página de inicio en 'estática' e incorporamos entradas de blog en su propia página. Esto se hace en el personalizador en Configuración de la página de inicio donde verá esto:

Puede elegir lo que se muestra en la Página principal de su sitio. Puede ser mensajes en orden cronológico inverso (blog clásico), o una página fija/estática. Para establecer una página de inicio estática, primero debe crear dos páginas. Uno se convertirá en la página de inicio, y el otro será donde se muestran sus mensajes.

La página de inicio muestra:
 ⃝ Tus últimos posts

 ⃝ Una página estática

En el caso de Lothar, debido a que aún no había publicado una página en absoluto, el tema no le ofreció la oportunidad de ver esta opción. Esta es la razón por la que cada WordPress sitio viene con dos páginas ficticias. El truco es no borrar las dos páginas de muestra antes de crear otras nuevas o su tema puede no estar ofreciendo la opción de establecer una página de inicio estática. También tenga en cuenta que si todas sus páginas no están publicadas, WordPress no le permitirá establecer una página de inicio.

Cerramos con la interpretación de un artista de nuestros nuevos signos que esperamos pedir lo antes posible. Estamos pidiendo una pequeña donación de nuestros asistentes. Si usted está recibiendo valor de nuestro esfuerzo en traerlo esta clínica mensual del sitio y especialmente si le ahorramos mucho dinero resolviendo su problema de forma gratuita, por favor considere donar.  Este mes recopilamos cero dólares:-(

Val llegó en el momento equivocado (tenga en cuenta que nuestras horas a menudo cambian de mes a mes debido a las restricciones de reserva, así que consulte la página de Meetup cerca de la fecha real de la reunión). Sé que Val tenía una pregunta sobre la opción de agregar el inicia sesión con tu Facebook O Gmail para que los visitantes firmen en su sitio. Acabo de hacer una búsqueda rápida en la web y vinculado las frases anteriores a Facebook Sign-in y Google Sign-in instrucciones para desarrolladores, pero no estoy seguro de si son la respuesta que estaba buscando. Recuerde Val para publicar su pregunta en nuestro próxima página de Meetup.

Estaremos abordando otra ronda de sus preguntas, problemas y estaremos proporcionando correcciones el próximo mes de Julio 16. Espero verte ahí.  ¡ Disfruta del verano!