Le post de cette semaine est nouveau. Camp;rsquoest nouveau à deux égards. Tout damp;rsquoabord, je namp;rsquoétais pas un post textuel, mais un acteur damp;rsquoécran. camp;rsquoest une vitesse et un format que , soyez prudent. ( devrez peut être regarder une vidéo 720p ou plus, de préférence en plein écran. Le premier enregistrement sur le nouvel ordinateur mamp;rsquoa fait oublier ces problèmes.) https:www.youtube.comwatch?v=0magok4Def0 non, continuez à lire. Une autre nouvelle façon damp;rsquoécrire cet article est damp;rsquoessayer damp;rsquoécrire des articles qui utilisent des codes de travail ciblés et damp;rsquoexpliquer comment ils fonctionnent. Lire le Code est une pratique très utile, mais peu de gens le font. Camp;rsquoest aussi une tâche très difficile que la plupart des nouveaux développeurs doivent accomplir. Nous allons donc essayer au moins certains damp;rsquoentre eux et espérons quamp;rsquoils seront utiles. (si 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 jamp;rsquoa i écrit: demander des images en vedette. Comme 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 lamp;rsquoimage, et PHP contrôle lamp;rsquoimage. Cette semaine, nous ne parlerons que de JavaScript. Il namp;rsquoest 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 damp;rsquoimages en vedette JavaScript est la partie de lamp;rsquoimage en vedette requise. Camp;rsquoest principalement fait par jquery, parce que jamp;rsquoaime toujours la commodité du sélecteur et damp;rsquoautres choses. Le script est chargé sur lamp;rsquoécran damp;rsquoédition lorsque êtes sur le poste auquel le plug in doit samp;rsquoappliquer.
Donc fondamentalement, quand il samp;rsquoagit de ca, il ne fait que deux choses
Chantage: jquery (document). Ready (la fonction ($) { est déclarée detectwarnfeaturedimage () setinterval (detectwarnfeaturedimage, 800)})
Quamp;rsquoest ce que camp;rsquoest? 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 samp;rsquoil y a des images dans le premier plan du post actuel, puis avertit quand il namp;rsquoy a pas assez damp;rsquoimages. Le fait que lamp;rsquoalerte désactive également le bouton publier manque dans le nom. Comme pouvez le voir, la deuxième ligne utilise le même nom de fonction, detectwarnfeaturedimage, mais passe à une autre fonction, setinterval. La conversion damp;rsquoune fonction à une autre est lamp;rsquoidée de base de la programmation fonctionnelle, mais se concentrer sur ce sujet namp;rsquoest pas notre objectif. Ce que devez savoir à propos de cette ligne, camp;rsquoest que setinterval namp;rsquoest quamp;rsquoune fonction JavaScript Native qui permet damp;rsquoappeler 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. Quamp;rsquoest ce quamp;rsquoil fait?
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 ()}} Quamp;rsquoest ce quamp;rsquoil fait? Eh bien, si 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. la chaîne est vide, la fonction clearwarningandenable Publishing est appelée. un avertissement est retourné, lamp;rsquoavertissement est:
Savoir si lamp;rsquoimage est assez grande. (le plug in peut exiger une image damp;rsquoau 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. faux, renvoie la ligne de fin de » pour quitter la fonction, sinon la valeur passedfromserver est passée. Jssmallhtml. Comme pouvez lamp;rsquoimaginer, camp;rsquoest un texte qui dit que lamp;rsquoimage est trop petite pour poster.
Vérifier la taille de lamp;rsquoimage de premier plan en fait, vérifier la taille de lamp;rsquoimage 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 damp;rsquoimage dans le Dom
Faites correspondre et comparez sa taille à celle de lamp;rsquoimage qui devrait être stockée dans le plug in. elle est plus petite dans lamp;rsquoune des deux dimensions, la fonction renvoie false au lieu de True. Maintenant que savez simplement comment demander une image de premier plan, le javascript qui demande le plug in damp;rsquoimage en vedette namp;rsquoa quamp;rsquoà vérifier lamp;rsquoimage dans le Dom dans la boîte damp;rsquoimage de premier plan et à émettre un avertissement si les conditions ne sont pas remplies. Mais voudrez peut être aider à comprendre comment pourriez résoudre un problème similaire à lamp;rsquoavenir en regardant un exercice du Code qui le fait. Bon hacker!
Source: Jacob Sapp via unsplash
Comment arrêter de poster dans WordPress en utilisant jquery (pas d’image de premier plan)
