WordPress Toronto-Nord – Fixons votre site #9

Lundi dernier, nous avons tenu une autre clinique "let's Fix Your site" à notre Meetup North York. Le Meetup se déroule le 3ème lundi après-midi de chaque mois au centre civique de North York. L'heure et la salle exactes sont annoncées sur notre Page Meetup 3 semaines avant selon les exigences de planification de la ville.

J'ai perdu le compte que plusieurs personnes sont venues après la Meetup a commencé, mais nous étions assez près de 20 personnes. Dan a commencé avec un discours de foudre au début conçu pour donner à la chambre quelques conseils et astuces sur une variété de sujets. Ce mois-ci, nous avons choisi vidéos et Getty Images et Dan nous a montré comment intégrer des vidéos YouTube et supprimer les "prochaines tuiles vidéo" lorsque votre vidéo se termine. Spoiler Alert: & rel = 0 à la fin de l'URL YouTube, mais vous devez avoir Jetpack installé. Plus de détails peuvent être trouvés dans le pont coulissant de Dan ici.  Comme pour Getty Images, il s'agit d'une banque d'images gratuite de très haute qualité, mais les images ont des restrictions dans la façon dont ils sont affichés sur votre site (ils ont besoin de leur propre plugin). Cliquez ici pour le deck coulissant de Dan pour plus d'informations sur l'accès et l'utilisation de Getty Images.

Nous avons parlé de Gutenberg, le nouvel éditeur tant attendu pour WordPress et nos experts conviennent que cette mise à niveau, qui sera publié avec d’autres mises à niveau dans la version 5.0, sera la plus grande révolution dans WordPress depuis sa création il y a 15 ans. Nous n’avons vraiment aucun moyen de savoir comment Gutenberg interagira avec l’un des thèmes existants et les constructeurs de pages afin de l’excitation est la construction pour une version d’automne.  * Je viens de vérifier et le Beta Gutenberg plugin a été publié il ya 2 semaines à WordCamp Europe et WordPress .org demande aux gens de le télécharger, de l’essayer et de donner leurs commentaires afin de crowd-source les tests et de travailler sur les plis. Ils ont un démo en ligne, vous pouvez essayer.  

Nous avons commencé notre clinique let's Fix Your site en vous référant à notre page Meetup parce que nous demandons aux participants d'afficher leur problème à l'avance afin d'obtenir la priorité pour leur problème lors de la réunion. Robert avait une question sur le travail sur son site hors ligne parce qu’il aimerait profiter de ses temps de vol et obtenir un peu de travail fait. Le problème est que WordPress n’a pas été fait pour être utilisé hors ligne et il ya beaucoup de solutions de contournement que les gens ont développé, entendu parler et essayé, mais après analyse, la plupart de ces outils et méthodes ont été de permettre aux développeurs de travailler sur le code hors ligne pas le contenu du site.  Il a été conclu que la façon appropriée de modifier ou d’ajouter du contenu hors connexion est de le développer sur un programme de traitement de texte comme Microsoft Word, puis couper et coller dans votre travail lorsque vous êtes de retour en ligne. Apparemment, le courant WordPress éditeur fait un gâchis de coupe et de coller à partir de documents texte, mais Gutenberg soi-disant abordera cette question.

Amanta nous a rejoint pour comprendre pourquoi le site qu'elle a construit pour son client semble si mauvais sur Internet Explorer, le navigateur que son client utilise. Afin d'essayer de remédier au problème, Amanta a dû réduire drastiquement la taille de ses images, les rendant granuleuses sur chrome. Cela a entraîné une discussion sur les navigateurs et la compatibilité.  

Premièrement, il a été démystiqué que le navigateur est en quelque sorte à blâmer. Les navigateurs sont en concurrence les uns avec les autres et ils ajoutent des fonctionnalités et le libèrent sur le marché à différents moments et avec le code spécifique au navigateur. Cela est similaire à la façon dont les constructeurs automobiles font des voitures qui utilisent le même châssis, mais chacun utilise leurs propres pièces et d'incorporer des caractéristiques propres à ce fabricant.  

La plupart des problèmes de compatibilité de navigateur résident dans le thème.  Les thèmes ne sont que des morceaux de code qui s’exécutent à l’intérieur de WordPress , et cela rend les thèmes dépendants de la compatibilité du navigateur. Les développeurs (c'est nous tous!) devrait vérifier que le thème que vous choisissez prend en charge les navigateurs que vous souhaitez être pris en charge.  Les développeurs chargeant pour leur travail déclarent généralement explicitement dans leurs contrats et la documentation de support la compatibilité de navigateur de leur travail. Dan a offert ses termes comme un exemple: ses sites travailleront sur la version la plus récente d'un ensemble de navigateurs populaires plus sur une version précédente de navigateur. Cela limite la responsabilité assumée par le développeur dans le traitement des clients qui utilisent les anciens navigateurs.

Amanta a choisi un Thème enfant du thème Layers et donc son incompatibilité réside dans ce thème, pas dans son travail, mais elle est soit coincé avec la résolution d'image de merde dans Chrome, a à tester pour Chrome, changer pour un thème compatible (beaucoup de travail depuis qu'elle a fini avec le site) ou trouver un correctif. Nous l'avons encouragée à entrer en contact avec l'auteur du thème et voir si un correctif ou une solution de contournement a été développée pour que son thème soit visible dans Internet Explorer.  Si ce n'est pas la première fois que quelqu'un a porté cette question à l'attention des développeurs de thème de couches, ils pourraient avoir déjà développé un correctif mais sinon, elle est à la merci des auteurs de thème quant à quand ils vont se déplacer à un correctif. Voici un lien vers le support en ligne de Layers pourDépannage des problèmes de compatibilité du navigateur commun».

Navigateur part du marché dans le monde: Chrome – 55%;Safari – 14,76%; UC Browser – 7,99%; Firefox – 6,1%; Internet Explorer – 3,88%; Opéra – 3,8%

Cliquez sur le lien ci-dessus pour voir les graphiques de popularité du navigateur (ventilés par ordinateur de bureau contre mobile par rapport à la tablette. 

Lorsque nous utilisons des thèmes et des plugins, nous héritent beaucoup de code précédemment écrit de sources principalement inconnues et l'inclure dans notre propre développement. En raison de tant d'inconnues, nous ne pouvons jamais être sûrs de ce que les problèmes peuvent se cacher dans le code. Dans de nombreux cas, les fournisseurs d'hébergement ont déterminé pour leurs clients qu'il existe des thèmes et plugins mal conçus ou non sécurisés, et les hôtes les ont interdits de leur service (si ces outils interdits sont trouvés dans le site de n'importe qui, ils sont supprimés par l'hôte). Il s'agit d'une mesure de sécurité prise par les hôtes pour empêcher le code mal écrit ou non pris en charge de fournir un point d'entrée pour les attaques malveillantes.  

Daniel est venu avec Amanta et un ami et a eu une question très technique que nous n'étions pas en mesure de répondre pleinement à la Meetup:

Actuellement, je suis en train de construire un WordPress application utilisant le bitnami WordPress empiler et en utilisant un thème acheté qui a beaucoup de fonctionnalités dont j’ai besoin. Mon site fonctionne très bien cependant, je rencontre un bug assez lourd qui casse mon site lorsque la page est difficilement rafraîchi ou consulté sur un navigateur mobile. Il semble que le problème est dû à « jQuery.colorbox (...) » n’étant pas une fonction qui est inquiétant que le site a une grande dépendance sur jQuery.colorbox.

Nous espérons que quelqu'un de la WP Toronto lira cette question et offrira une suggestion à Daniel.

Mindy fait les cheveux et le maquillage et et son site est www.beautybliss.ca Elle a demandé un examen de sa page d'accueil par le groupe et nous avons tenu en offrant nos suggestions.  Lors de la dernière Meetup nous avions changé la page qui présente 1st de Home à sa page portfolio.

Elle a maintenant une page d'accueil FUNCT qu'elle se demandait quoi faire avec.  Le groupe a suggéré qu'elle prenne le contenu et l'ajouter à la page portfolio et supprimer la page d'accueil, puis renommer portfolio à la maison, mais Mindy avait son site développé pour elle afin qu'elle soit avoir à traiter le code existant ou de choisir un nouveau thème et recommencer. Il a été suggéré que vous dessinez votre mise en page de site sur le papier avant de le développer en ligne. Mindy a ses dessins d'architecture initiale afin qu'elle va les revoir et voir si son site reflète encore sa vision originale.

Ne vous inquiétez pas Mindy, nous serons là pour vous si vous choisissez de recommencer à zéro! La meilleure partie de WordPress c’est que vous possédez tout cela et vous prenez toutes les décisions à ce sujet. Cette responsabilité totale pour votre site est pourquoi WPToronto (et le 272960 WordPress membres à travers 605 Meetups dans 90 pays!) rassembler pour apporter le meilleur de la collecte, des conseils de foule à des utilisateurs de cette étonnante, la technologie open-source.

Pour notre solution finale, nous avons examiné Lotharsite, mettant en vedette ses œuvres d’art. Il ne pouvait pas comprendre pourquoi il n’avait pas de page d’accueil. Cela a commencé la discussion des messages par rapport aux pages et comment avoir des pages statiques pour votre site web tout en incorporant un blog (sans que votre blog soit présenté sur votre page d’accueil).  Car WordPress a été construit d’abord et avant tout comme une plate-forme de blogs, la plupart des thèmes par défaut à une mise en page de style blogging avec des fonctionnalités qui favorisent de nouveaux billets de blog à la 1ère page du site. Beaucoup d’entre nous préfèrent une sensation plus traditionnelle pour nos sites si nous avons mis la page d’accueil à « tatiqu » et incorporer des billets de blog sur leur propre page. Cela se fait dans le Customizer sous Paramètres de la page d’accueil où vous verrez ceci :

Vous pouvez choisir ce qui est affiché sur la page d'accueil de votre site. Il peut être des poteaux dans l'ordre chronologique inversé (blog classique), ou une page fixe/statique. Pour définir une page d'accueil statique, vous devez d'abord créer deux pages. L'un deviendra la page d'accueil, et l'autre sera l'endroit où vos messages sont affichés.

Votre page d'accueil affiche:
 ⃝ Vos derniers Posts

 ⃝ Une page statique

Dans le cas de Lothar, parce qu’il n’avait pas encore publié une page du tout, le thème ne lui offrait même pas l’occasion de voir cette option. C’est la raison pour laquelle chaque WordPress site est livré avec deux pages factices. L’astuce est de ne pas effacer les deux exemples de pages avant d’en créer de nouvelles ou votre thème peut ne pas offrir la possibilité de définir une page d’accueil statique. Notez également, si toutes vos pages ne sont pas publiées, WordPress ne vous permettra pas de définir une page d’accueil.

Nous avons fermé avec l'interprétation d'un artiste de nos nouveaux signes que nous espérons commander ASAP. Nous demandons un petit don de nos participants. Si vous obtenez la valeur de notre effort en vous apportant cette clinique mensuelle de site et surtout si nous vous avons sauvé de gros mâles en résolvant votre problème gratuitement, s'il vous plaît envisager de faire un don.  Ce mois-ci, nous avons recueilli zéro dollars:-(

Val est venu au mauvais moment (être avisé que nos heures changent souvent de mois en mois en raison de restrictions de réservation afin de vérifier la page Meetup près de la date réelle de la réunion). Je sais que Val avait une question sur l'option d'ajouter le Connectez-vous en utilisant votre Facebook Ou Gmail fonctionnalité permettant aux visiteurs de se connecter à votre site. Je viens de faire une recherche rapide sur le Web et lié les phrases ci-dessus à Facebook Sign-in et Google Sign-in instructions du développeur, mais je ne suis pas sûr si elles sont la réponse qu'il cherchait. Rappelez-vous Val pour poster votre question sur notre prochaine page de Meetup.

Nous allons aborder une autre série de vos questions, questions et de fournir des correctifs le mois prochain juillet 16. J'espère vous voir là-bas.  Profitez de l'été!