Récapitulatif "Réparons votre site web" pour le 25 août 2020

Enregistrement vidéo de la rencontre du 25 août 2020 "Let's Fix Your WordPress Website".

Ce billet récapitule les échanges et les conseils de la Réparons votre WordPress Site 2020-08-25 | Réunion du WPTO. C'était notre sixième en ligne session en utilisant Zoom.

Ces notes sont en deux parties. Les premières sont les notes prises au cours de la session, puis nettoyées et complétées, un résumé compilé et une liste de liens ajoutés. Les notes couvrent l'essentiel de la discussion et rendre la vidéo plus utile. La deuxième partie de cette post est la transcription du chat avec une légère modification des URL si nécessaire.

Les demandes d'aide ont été faites dans les commentaires de la page de l'événement et dans les messages de chat de Zoom et discuté plus ou moins en l'ordre.

Dans ce post, nous présentons la vitrine de WPTO sur Vimeo.

La session a commencé à 6h30 et s'est terminée à 9h15.

La prochaine session est Réparons votre WordPress Site 2020-09-14 | Réunion du WPTO.

La vitrine du WPTO sur l'image de la capture d'écran de Vimeo.

La vitrine du WPTO sur Vimeo

Les vidéos des 6 dernières sessions sont maintenant dans un Vitrine Vimeodont une capture d'écran se trouve à droite.

A propos de notre sponsor Weglot

Le groupe WordPress Toronto Meetup est sponsorisé par Weglot et le Consortium canadien de gestion.

Weglot est le moyen le plus rapide et le plus souple de traduire votre site web. Consultez un courte démo.

Essayez le Weglot pour vous-même et obtenez ensuite une réduction de 15% en tant que WordPress Toronto membre.

Notes de session

Résumé

Sept personnes ont participé à la session :

  • Andy a demandé l'aide d'un bénévole pour son site
  • Kathy a souhaité une assistance pour l'intégration des listes MLS
  • Le Fernne a demandé un rafraîchissement sur l'optimisation des images
  • Reema voulait savoir s'il fallait supprimer un plugin qu'elle n'avait pas installé
  • Natalie avait besoin d'aide pour changer une image présentée dans un article
  • Reema a demandé un moyen de supprimer un fond gris sur les légendes des images
  • Asif a demandé si le système d'exploitation utilisé par les serveurs d'un hôte avait de l'importance et comment fonctionne l'hébergement WP

Liste des liens dans la session

Andy

Son poste : Ce COVID nous a donné un coup dur. Cherchez une âme généreuse qui pourrait m'aider à réparer un site web et J'en construis un autre pour que je puisse y aller. (Il n'a pas participé mais Wally Wormstrom a proposé de l'aider).

Kathy Sterman

Elle voulait savoir si quelqu'un avait avait une expérience de l'intégration des listes MLS sur un WordPress site ?

Patrick Boake Je n'ai pas _expérience_ mais vient de faire une recherche rapide et il existe de nombreux plugins pour cela.

Kathy Sterman J'essaie d'évaluer si un plugin est la meilleure solution et la quantité de travail qu'elle implique. J'ai parlé à quelques et ils disent qu'il est très compliqué de faire l'intégration et de charger jusqu'à 1 500 dollars. J'ai pensé qu'il serait bon de pouvoir offrir des services aux les agents immobiliers qui veulent un site de marque personnelle, mais je constate que ce n'est peut-être pas le cas en vaut la peine.

Kathy a fait des recherches sur ces questions et a voulu les discuter et parvenir à une décision sur la manière de procéder avec un client projet.

Son client est un agent. Le problème est l'intégration du MLS dans le site du WP. Utiliser des listes pour attirer du trafic vers ce qui est disponible en plus de ce que l'agent les propriétés répertoriées. Questions. MLS est un service exploité dans chacun des biens immobiliers en Ontario et exige une licence d'un agent agréé pour obtenir un de l'alimentation. Les entreprises américaines vendent des ensembles de sites avec des services MLS intégrés. Les plugins sont destinés à tous les conseils américains plus les grands conseils de l'Ontario, etc. tous les autres conseils d'administration de l'ON). Difficile de percer ce marché de niche sur un seul site base. Le client en question est réticent à payer un promoteur pour construire une et mettre en œuvre les listes MLS. MLS implique 2 coûts, l'intégration (plugin) et le flux de données en supposant que la recherche UI fournie est acceptable et ne nécessitent un travail quelconque.

Par exemple, voir MLS RESO Web API Solutions d'importation pour WordPress.

Étant donné que la plupart des sites des agents utilisent une recherche standard UI pour il est possible de différencier un agent et d'apporter une valeur ajoutée en en concevoir un avec un meilleur front.

La conclusion de Kathy est de laisser l'intégration MLS à les personnes spécialisées dans cette exigence de niche. Ce n'est pas un bon domaine dans lequel tâter. Elle court également le risque d'être exploitée par un client qui ne valorise pas le travail qu'il implique. Les agents paient déjà des honoraires aux courtiers et aux sont peu enclins à payer des frais récurrents supplémentaires.

Fernne Kane

19:00. Son site est fernnekane.com.

Elle continue à trouver difficile d'optimiser les images de son site et a demandé pour revoir la méthode que nous avions utilisée pour l'assister il y a plusieurs Meetups. Elle a a nettoyé son site au cours des derniers mois, de sorte qu'il y a maintenant moins d'images à optimiser.

Les étapes pour optimiser une image sont :

  • s'assurer que le format de fichier est approprié, par exemple PNG ou JPEG et les convertir si nécessaire (son image d'exemple était un GIF Adobe stock de 27 Mo image)
  • vérifier que la résolution est appropriée (72 dpi, c'est bien)
  • crop to appropriate size (for headers, 2000×1280; post images <1,000 in width)
  • optimiser la taille (utiliser la compréhension avec perte)

Melroy l'a accompagnée dans le processus de travail en Photoshop sur une image. Ces étapes ont permis de réduire le fichier taille de 27 MB à ~150 KB.

Fernne utilise Photoshopun programme relativement coûteux programme. Les services d'optimisation des images sont une alternative gratuite. TinyPNG a été recommandé parce que jusqu'à 20 les images peuvent être téléchargées par lots et la taille maximale des fichiers individuels est de 5 MB.

Reema

19:25. Elle a trouvé un plugin, VafPress Post-formats UI, installé mais pas activé sur son site et ne sait pas comment cela s'est produit. Le plugin est VafPress Post Format UI Plugin / Sculpture Qode (s : VAFPress Post-formats UI). Il n'y a aucune raison de conserver le plugin pour qu'il soit supprimé. Elle doit modifier l'administration du site mot de passe car les plugins n'apparaissent pas d'eux-mêmes, sauf lorsqu'ils sont installés par un autre plugin en tant qu'addon ou incontournable.

Natalie

Elle travaille sur un site à but non lucratif. Elle a a utilisé WP.com pour un site et essaie maintenant un site WP.org sur l'hébergement SiteGround. L'utilisation du Elementor constructeur de pages.

Dans cet article, WP.com fait référence à un site hébergé sur WordPress.comWP.org, à un auto-hébergé en utilisant un code téléchargé sur WordPress.org.

Questions :

Comment modifier une image présentée dans un article.

Nous avons eu des difficultés à trouver la version de l'interface utilisateur dans laquelle nous pouvons modifier le image vedette. Il s'agit normalement d'un widget en bas de la barre latérale droite. L'interface utilisateur a été réorganisée et ce widget a disparu. Nous avons remarqué que le L'icône de réglage des vitesses avait été éteinte. Maintenant qu'il est allumé, l'icône est apparue et elle peut maintenant changer l'image en question.

Sur le premier article du blog, l'image de fond ne fonctionne pas. Supprimez l'image de fond ou, du moins, changez-la pour un fond qui moins intrusive. Une autre solution consiste à réduire l'opacité à (disons) 25 % ou à brouiller les de se concentrer.

Comment ajouter quelques pages à un menu déroulant en tant que menu sous-catégorie ? Nous avons suivi la procédure d'édition du menu pour ajouter les pages et a montré comment indenter un élément de menu (en le faisant glisser vers la droite) pour en faire un sous-catégorie.

C'était une bonne occasion de souligner l'importance et la valeur de la fenêtre de message qui apparaît en haut de la page pour signaler qu'un par exemple, un menu sauvegardé, a eu lieu ou a été complété. Nous tendons d'ignorer ces messages, mais ils sont précieux et doivent être notés.

Reema

Sa question portait sur son site, La culture de Perlesun blog de galerie utilisant le Nisarg | WP.org thème.

Elle voulait savoir comment modifier une légende d'image (métadonnées). Les légendes sont affichées avec un fond gris dégradé. Comment supprime-t-elle que ? Les légendes peuvent être soutenues par le thème du site ou non. Par le biais d'un essai et erreur, nous avons déterminé que le thème ajoute une boîte grise comme arrière-plan lorsqu'une La légende est ajoutée.

Pour modifier la légende d'une image, la méthode de la force brute consiste à remplacer les images avec celles de la médiathèque ou utiliser une légende comme texte sous chaque image.

Au départ, nous avons supprimé les légendes et l'arrière-plan était disparu.

Nous avons trouvé l'image dans la médiathèque et avons ajouté le à ses métadonnées. Cela n'a pas fonctionné, ce qui a confirmé qu'il s'agit du thème contrôler l'arrière-plan.

Ce n'est pas la première fois que cette question se pose. Par exemple, voir Obtenir une ligne grise sous les légendes | WordPress.org.

Dans le PersonnalisateurNous n'avons pas trouvé tout ce qui est pertinent.

Utilisation du navigateur Inspecteurnous avons trouvé le CSS qui fixe le fond de la légende en gris.

L'inspecteur et le débogueur Chrome Web sont intégré avec Chrome. Vous pouvez le lancer en appuyant sur F12 lorsque vous êtes dans votre ou en cliquant avec le bouton droit de la souris sur une page web et en sélectionnant l'élément de menu Inspecter. S : Comment pour utiliser l'inspecteur et le débogueur Chrome (un excellent tutoriel).

Voir aussi Chrome DevTools | Google Developers.

Nous avons trouvé le fig-caption avec l'élément blocks-gallery-item__caption qui contrôle le texte de la légende en question. Nous avons trouvé que la classe propriétés par essais et erreurs et a copié les styles en utilisant le menu du clic droit.

Si cet élément HTML n'est pas familier (comme il l'était pour nous tous), voir Balise HTML figcaption.

Une excellente ressource d'apprentissage CSS est HTML et CSS sur la Le projet Odin site.

Pour une histoire fascinante de l'évolution du CSS, voir un article récent de l'avant-dernier dans le blog de l'autorité du web, CSS X' | W3C.

Voici une question que nous n'avons pas eu le temps d'aborder.

Nous avons trouvé l'élément de propriété pertinent, blocks-gallery-item__captionqui nous mènent à la blocks-gallery-item. A la fin de la blocks-gallery-item__caption extrait, == $0 CSS est apparue. Qu'est-ce que cela signifie ?

"C'est le dernier index de nœud DOM sélectionné. Chrome attribue un index à chaque nœud DOM que vous sélectionnez. Ainsi, 0 $ désignera toujours le dernier nœud que vous sélectionné, tandis que 1 $ indiquera le nœud que vous avez sélectionné avant cela". S : Quoi Est-ce que ==$0 (le double équivaut à zéro dollar) signifie dans Chrome Developer Tools ? | Pile Débordement.

Quelle est la signification du double soulignement ? double soulignement dans un nom de classe CSS?

Asif

Quelle est la différence entre Linux et Serveurs d'hébergement Windows et hébergement WP. L'hébergement signifie simplement que le WP s'exécute sur ce serveur, une question triviale puisque tous les systèmes d'exploitation peuvent le faire. Chaque hôte propose WP et installe WP en un clic. Il existe plusieurs types d'hébergement des niveaux de service supérieurs à celui de base. Le premier de ces niveaux est le WP géré qui coûte 5 à 10 fois le prix du service de base et comprend plus d'automatisation, la sécurité, les ressources, etc. Dans l'hébergement, le ciel est la limite. Découvrez WordPress VIP.

Son site WP.com, Blog de WebWurx peut être migré vers l'auto-hébergement.

MDDHosting a été recommandé pour l'hébergement de base. SiteGround est l'un des Les principaux fournisseurs d'hébergement sont populaires parmi les membres du WPTO.

De nombreux hôtes offrent un nom de domaine gratuit et deviennent les nouveaux le bureau d'enregistrement du domaine en question ? Pouvez-vous l'utiliser sur un autre compte d'hébergement ? Vérifiez auprès de l'hébergeur, mais il est probable que vous puissiez commencer à utiliser un tel domaine nom sur un autre hôte. Vous pouvez certainement déplacer le nom de domaine vers un autre le registraire et l'hôte en temps utile puisque vous en êtes le propriétaire et que les transferts sont directs en avant. L'un des avantages du fait que l'hôte soit également le bureau d'enregistrement est que l'hôte gère les enregistrements DNS des sites.

Transcription du chat

Il manque la première moitié de la session, comme vous pouvez le constater dès le premier message.

  • 01:05:38 Robin Macrae : Quelqu'un a-t-il obtenu le nom de la personne avec la question précédente sur le plugin VafPress ?
  • 01:08:25 David Schargel : Je dois y aller. Merci à tous !
  • 01:25:39 Participant : Je viens d'intervenir. Désolé d'être si en retard.
  • 01:41:48 Participant : cela pourrait aider : https://wordpress.org/support/topic/getting-a-gray-line-under-captions/
  • 01:41:53 Participant : Moi
  • 01:42:02 MB : Oui
  • 01:45:03 Participant : Outils pour les développeurs
  • 01:46:20 Patrick Boake : un moyen facile et gratuit d'apprendre le HTML et CSS
  • 01:46:35 Participant : mais je pense que cela est modifié en raison de la classe appliquée
  • 01:46:42 Patrick Boake : Le projet Odin : https://www.theodinproject.com/
  • 01:48:17 Participante : elle a trop réduit la partie inférieure faible.
  • 02:00:22 Jacques Surveyer : Je dois y aller, j'ai mon propre Meetup demain sur les plugins de la galerie
  • 02:07:41 Dale : doit partir - avoir un rendez-vous avec un client - bonne réunion - beaucoup à apprendre - merci.
  • 02:12:19 Paul Warner : Rencontre très intéressante. UN CSS une percée pour moi. Je dois y aller si je veux rester marié.
  • 02:13:56 Asif : Bonjour à tous, avant la fin de cette session. J'ai un question "niveau débutant" sur l'hébergement. Désolé. Je n'ai pas pu localiser le option de "lever la main".
  • 02:14:29 Natalee Johnson : Merci d'avoir partagé le l'information.
  • 02:14:58 MB : Merci d'avoir partagé la ressource Patrick.
  • 02:15:41 Asif : Yay. Je viens de trouver l'option de lever la main. bien profond !
  • 02:17:02 Robin Macrae : https://www.w3.org/blog/2020/03/css-x/
  • 02:17:58 reema : Merci beaucoup !
  • 02:20:57 Patrick Boake : https://www.w3schools.com/.
  • 02:21:43 Patrick Boake : un autre cours gratuit pour beaucoup de choses htm CSS JavaScript SQL.
  • 02:24:07 Patrick Boake : "Pour les serveurs Internet publics, Linux est généralement considérés comme dominants, avec un nombre d'hôtes deux fois plus élevé que celui des Windows Server - qui est suivi par de nombreux petits acteurs, notamment les systèmes d'exploitation traditionnels des ordinateurs centraux". 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 : et n'oubliez pas les documents web MDN de Mozilla – https://developer.mozilla.org/en-US/docs/Web/CSS.
  • 02:38:02 Asif : Merci à tous. pour votre aide et vues.
  • 02:38:14 Asif : Je dois malheureusement partir maintenant.
  • 02:43:52 Natalee Johnson : Est-ce que mddhosting peut être utilisé alors ?
  • 02:44:23 Natalee Johnson : Merci.
  • 02:44:42 Natalee Johnson : Merci, c'était super.
  • 02:44:43 MB : Merci !

Robin Macrae (Linkedin)

C'est tout pour les notes de la réunion de ce mois-ci et la transcription du chat.

La prochaine est une autre session en ligne, Réparons votre WordPress Site 2020-09-14 | Réunion du WPTO. RSVP et posez votre question ou demande.

Robin Macrae (Linkedin)