Comment arrêter de poster dans WordPress en utilisant jquery (pas d’image de premier plan)

Le post de cette semaine est nouveau. C’est nouveau à deux égards. Tout d’abord, je n’étais pas un post textuel, mais un acteur d’écran. Si c’est une vitesse et un format que vous aimez, soyez prudent. (vous devrez peut – être regarder une vidéo 720p ou plus, de préférence en plein écran. Le premier enregistrement sur le nouvel ordinateur m’a fait oublier ces problèmes.) https:\/\/www.youtube.com\/watch?v=0magok4Def0 Sinon, continuez à lire. Une autre nouvelle façon d’écrire cet article est d’essayer d’écrire des articles qui utilisent des codes de travail ciblés et d’expliquer comment ils fonctionnent. Lire le Code est une pratique très utile, mais peu de gens le font. C’est aussi une tâche très difficile que la plupart des nouveaux développeurs doivent accomplir. Nous allons donc essayer au moins certains d’entre eux et espérons qu’ils seront utiles. (si vous avez des commentaires sur le format, veuillez faire des compromis par courriel, commentaires, etc.)
La lecture du Code de cette semaine se concentrera sur un plug – in que j’a i écrit: demander des images en vedette. Comme vous pouvez le deviner par nom, un article (ou tout autre type de contenu WordPress qui supporte les images de premier plan sélectionnées par l’utilisateur) est nécessaire avant la publication avec des images de premier plan. Cela se fait de deux façons différentes: Javascript contrôle l’image, et PHP contrôle l’image. Cette semaine, nous ne parlerons que de JavaScript. Il n’est pas particulièrement intéressant de savoir comment JavaScript fonctionne en incluant des fichiers de script. Ce qui est intéressant à propos de la demande d’images en vedette JavaScript est la partie de l’image en vedette requise. C’est principalement fait par jquery, parce que j’aime toujours la commodité du sélecteur et d’autres choses. Le script est chargé sur l’écran d’édition lorsque vous êtes sur le poste auquel le plug – in doit s’appliquer.
Donc fondamentalement, quand il s’agit de ca, il ne fait que deux choses
Chantage: jquery (document). Ready (la fonction ($) {\/ \/ est déclarée detectwarnfeaturedimage (); setinterval (detectwarnfeaturedimage, 800);});
Qu’est – ce que c’est? Il s’agit d’un bloc de base pour jquery pour WordPress avec deux appels de fonctions internes. Le premier est un simple appel à la fonction detectwarnfeaturedimage, qui vérifie s’il y a des images dans le premier plan du post actuel, puis vous avertit quand il n’y a pas assez d’images. Le fait que l’alerte désactive également le bouton publier manque dans le nom. Comme vous pouvez le voir, la deuxième ligne utilise le même nom de fonction, detectwarnfeaturedimage, mais passe à une autre fonction, setinterval. La conversion d’une fonction à une autre est l’idée de base de la programmation fonctionnelle, mais se concentrer sur ce sujet n’est pas notre objectif. Ce que vous devez savoir à propos de cette ligne, c’est que setinterval n’est qu’une fonction JavaScript Native qui vous permet d’appeler des fonctions dans une plage spécifiée. Dans ce cas, nous appellerons la même fonction toutes les 800 000 millièmes de seconde. Ensuite, lorsque la page est chargée, la fonction detectwarnfeaturedimage est appelée toutes les 800 millisecondes. Qu’est – ce qu’il fait?
Si une image de premier plan est jointe, la fonction de détection \/ alerte de la page de changement est assez courte: la fonction detectwarningmessageorempty () {if (checkimagereturnwarningmessageorempty () {disablepublicadwarn (checkimagereturnwarningmessageorempty ();} Else {clearwarningandenablepublish ();}} Qu’est – ce qu’il fait? Eh bien, si vous ne pouvez pas lire les noms de fonctions – – ils sont très détaillés – – Appelez une fonction appelée checkimagereturnwarningmessageorempty qui renvoie une chaîne vide si le message a une image de premier plan (assez grande), ou un avertissement HTML. Si la chaîne est vide, la fonction clearwarningandenable Publishing est appelée. Si un avertissement est retourné, l’avertissement est:
Savoir si l’image est assez grande. (le plug – in peut exiger une image d’au moins 800 pixels de haut et 900 pixels de large en raison de la demande de pull de cjk508.) Cette vérification est effectuée dans une autre fonction, passedimagestosmall, qui renvoie TRUE ou FALSE à partir de la première image dans $img. Si faux, renvoie la ligne de fin de  » pour quitter la fonction, sinon la valeur passedfromserver est passée. Jssmallhtml. Comme vous pouvez l’imaginer, c’est un texte qui dit que l’image est trop petite pour poster.
Vérifier la taille de l’image de premier plan en fait, vérifier la taille de l’image de premier plan est une petite astuce très intéressante que cjk508 combine. Le Code est le suivant: fonction passedimageistoosmall ($IMG) {var input = $IMG [0]. SRC; var pathtoimage = input. Replace (\/ – \ \ D + [XX] \ \ D + \ \/ G, \
Le script prend ensuite le chemin vers une image de taille réelle, créant un nouvel élément d’image dans le Dom
Faites correspondre et comparez sa taille à celle de l’image qui devrait être stockée dans le plug – in. Si elle est plus petite dans l’une des deux dimensions, la fonction renvoie false au lieu de True. Maintenant que vous savez simplement comment demander une image de premier plan, le javascript qui demande le plug – in d’image en vedette n’a qu’à vérifier l’image dans le Dom dans la boîte d’image de premier plan et à émettre un avertissement si les conditions ne sont pas remplies. Mais vous voudrez peut – être vous aider à comprendre comment vous pourriez résoudre un problème similaire à l’avenir en regardant un exercice du Code qui le fait. Bon hacker!
Source: Jacob Sapp via unsplash