hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


WordPress 4.4: 10 nouvelles fonctionnalités les plus cool que vous devriez savoir

WordPress 4.4 vient d'être publié aujourd'hui et nous avons joué avec cette dernière nouvelle offre pour voir quelles nouvelles fonctionnalités brillantes nous pourrions trouver. Cette nouvelle version est livrée avec quelques améliorations qui vont rendre les développeurs de WordPress fous. Il pourrait même éventuellement façonner l'avenir de WordPress à l'ère du JavaScript.

Dans ce post, nous allons examiner 10 nouvelles fonctionnalités WordPress 4.4 que vous devriez vérifier.

1. Insérer des messages n'importe où

Pendant des années, vous pouvez intégrer du contenu sur votre site Web, comme une vidéo YouTube ou un tweet via l'utilisation d'une fonctionnalité appelée oEmbed. Eh bien, les bonnes nouvelles sont que WordPress a adopté cette fonctionnalité en 4.4 et vous pouvez maintenant facilement intégrer du contenu n'importe où sur votre site en saisissant simplement l'URL d'un message et en le collant dans l'éditeur de contenu. Un aperçu du post que vous intégrez apparaîtra sur votre page, quelque chose comme ceci:

Si, pour une raison quelconque, vous pensez que vous ne voulez pas utiliser cette fonctionnalité, vous pouvez la désactiver en installant le plugin d'embeds de désactivation.

2. Travaillez avec des images Responsive

À mesure que les appareils et leurs écrans grandissent, les concepteurs doivent également travailler avec des images plus grandes. Les mauvaises nouvelles sont que cela contribue à des temps de chargement de la page plus lents. Donc, il est probablement bon timing que WordPress prend désormais en charge les images sensibles sur votre thème.

Dans cette mise à jour, WordPress a ajouté deux attributs supplémentaires à vos images sur les attributs de classe pour l'alignement (gauche, central ou droit): srcset et sizes . Ces attributs permettent aux images des vignettes de publication, des galeries de photos et d'autres images d'être livrées dans la taille appropriée en fonction de la fenêtre d'affichage.

Ainsi, sur chaque image, vous verrez le code source de sortie comme suit:

3. Nouveau thème: vingt-seize

Twenty Sixteen est un nouveau thème par défaut pour WordPress 4.4. Il est conçu pour prendre le format de blogging traditionnel.

Twenty Sixteen fonctionne parfaitement pour les blogs ou sites Web, avec des barres latérales optionnelles, des couleurs personnalisées avec de belles couleurs par défaut, une grille fluide harmonieuse, un débordement affichant de grandes images, une possibilité d'ajouter une intro à un extrait personnalisé et d'autres fonctionnalités.

4. Introduction à l'API REST

WordPress 4.4 apporte l'infrastructure de l'API REST dans le Core. Cette API gère le routage, la gestion des arguments, la sérialisation JSON, les codes d'état, ainsi que les fonctions permettant de créer des points de terminaison d'API REST personnalisés. C'est une excellente nouvelle pour les développeurs. Avec cette infrastructure, les développeurs peuvent enfin créer leurs propres API pour leurs thèmes, leurs plugins, et même leurs applications mobiles ou de bureau .

Rendez-vous sur cette page, Ajout de points de terminaison personnalisés, pour apprendre à enregistrer un point de terminaison API personnalisé.

5. Méta taxonomie à terme personnalisé

Dans les versions précédentes de WordPress, nous pouvons ajouter un champ personnalisé à la publication et les pages à travers le terme meta. WordPress a maintenant ajouté cette fonctionnalité aux objets de taxonomie.

Par exemple, sur la taxonomie de catégorie, nous pourrions vouloir ajouter un champ personnalisé, à savoir l' category image pour présenter l' category image de la publication sur chaque catégorie. Dans cette version, nous pouvons le faire en utilisant les fonctions suivantes: add_term_meta(), update_term_meta(), delete_term_meta(), et get_term_meta() .

6. Fichier de modèle de message unique

Dans cette version, WordPress incluait un nouveau fichier modèle sur la hiérarchie des thèmes à utiliser comme un type de publication unique ou personnalisé. Cette fonctionnalité est utile lorsque vous ciblez un article spécifique, pour donner des styles spéciaux à cette page afin qu'elle soit différente des autres pages. Vous aurez un fichier de modèle avec un nom comme ci-dessous:

 single- {post_type} - {post_name} .php 

Par exemple, ici, j'ai un book nommé de type de poste personnalisé que je veux créer pour un post de "livre à succès". Donc je crée single-book-bestseller.php puis peaufine le style à appliquer à cette page seulement. Enfin, je change le post slug à yoursite.com/book/bestseller pour appliquer la page spéciale.

7. Commentaires améliorés

WordPress a fait des réarrangements sur le formulaire de commentaire, où le champ de commentaire est affiché en premier, puis les champs de nom et d'email ci-dessous. Cette amélioration a été la réponse au problème que le comportement de commentaire est différent pour les utilisateurs connectés et déconnectés.

Sur le backend, le commentaire est maintenant représenté par l'objet WP_Comment . Cela vous permet de générer des commentaires de manière plus orientée objet (POO) avec des requêtes de commentaire plus puissantes.

8. Hiérarchie de titre

WordPress améliore la hiérarchie des en-têtes sur l'écran du tableau de bord dans le but d'aider les utilisateurs avec des technologies d'assistance telles que les lecteurs d'écran. Ceci est important car les technologies d'assistance utilisent ces titres pour trouver des informations et le clavier pour accéder au contenu pertinent.

Supposons qu'ils utilisent la touche 1 pour passer au premier h1 puis appuyez sur 2 pour passer à h2 . Avec la hiérarchie des titres correcte, il n'y aura pas de niveaux de cap manquants.

Avec cette refonte, une page telle que wp-admin/edit.php aura maintenant Posts comme h1, et "Filter posts list" et "Posts list" comme h2, qui sont visuellement cachés avec la classe CSS .screen-reader-text .

Lorsque le lecteur d'écran est activé, le h2 caché sera lu.

9. Multisite: ajout de WP_Network

WordPress a introduit un nouvel objet WP_Network pour faciliter l'interaction dans un réseau multisite. Cette classe est utilisée pendant le chargement pour remplir la variable globale $current_site et configurer le réseau actuel.

Il y a d'autres nouvelles fonctions venant à la version 4.4 pour remplir les options de réseau; ils sont add_network_option(), update_network_option(), get_network_option() et delete_network_option() .

10. Temps de chargement du personnaliseur plus rapide

Dans WordPress 4.4, il existe des améliorations qui permettent de charger les options de personnalisation beaucoup plus rapidement. Certaines de ces améliorations incluent la réduction de l'utilisation de la mémoire crête du Customizer et le report de l'intégration des contrôles du widget Customizer jusqu'à ce que la zone du widget soit développée et que les contrôles du widget soient réellement affichés à l'utilisateur. Ceci fournit un temps de chargement 10 fois plus rapide. Une autre amélioration des docs JavaScript en ligne pour aider les développeurs à savoir comment cela fonctionne.

Créer un effet de réverbération d'image CSS uniquement avec des bordures transparentes

Créer un effet de réverbération d'image CSS uniquement avec des bordures transparentes

Un effet de révélation d'image uniquement CSS peut être résolu de différentes manières. En fait, il est assez facile de coder un dessin dans lequel l' image se détache de son arrière-plan uni (il suffit de placer une image sur un élément plus petit avec un arrière-plan uni).Vous pouvez obtenir le même résultat si vous utilisez des bordures transparentes, où la taille de l'élément d'arrière-plan reste la même que celle du premier plan et ajoutez des bordures transparentes afin de créer un espace vide dans lequel l'avant-plan peut déborder.L' utilisation

(Conseils techniques et de conception)

Designers: Quand personnaliser le type pour les logos

Designers: Quand personnaliser le type pour les logos

Les polices de caractères existent pour une raison . Ils rendent notre travail en tant que concepteurs beaucoup, beaucoup plus facile, car nous n'avons pas à tenir compte des tenants et aboutissants complexes de la conception des formes de lettres appropriées pour aller avec nos conceptions. Mais parfois, une police conçue par quelqu'un d'autre ne suffit pas . Pe

(Conseils techniques et de conception)