Êtes-vous prêt pour la mise à jour OceanWP 2.0.9 ? Icônes SVG et plus

Publié: 2021-06-07

Incroyable, excellent, meilleur thème gratuit, génial, fantastique, fabuleux, convivial pour les débutants, convivial, hautement personnalisable, roi des thèmes… Ce sont quelques-uns des termes que les utilisateurs de WordPress utilisent pour décrire OceanWP.

Chez OceanWP, nous sommes tous toujours ravis de voir nos utilisateurs satisfaits. Naturellement, nous sommes également très motivés pour poursuivre cette tradition positive .

Au moment de la rédaction de cette annonce, OceanWP compte plus de 700 000 installations actives - un grand merci à tous nos utilisateurs. L'introduction de changements dans un thème aussi largement utilisé peut souvent être un processus difficile, de la planification à la mise en œuvre. Mais nous sommes très désireux de grandir et de nous améliorer avec vous .

Depuis quelques mois maintenant, nos utilisateurs nous contactent avec une question : "Comment puis-je implémenter des icônes SVG sur mon site ?"

Évidemment, nous devions réagir et faire quelque chose à ce sujet. Alors, vous devinez bien ! Nous avons conçu et implémenté un pack d'icônes SVG spécial exclusivement pour les utilisateurs d'OceanWP

Présentation des icônes SVG d'OceanWP

Étant donné que nous avons apporté des mises à jour et des modifications aux codes de thème qui régissent l'utilisation des icônes dans des endroits tels que les menus sociaux (barre supérieure et en-tête), les widgets sociaux, etc., assurez-vous de parcourir cet article et de savoir à quoi vous attendre. . Plus important encore, lisez cet article afin d' apprendre à gérer les modifications, à préparer la mise à jour ou à gérer les codes personnalisés .

capture d'écran d'un échantillon d'icônes SVG OceanWP sur les réseaux sociaux

Quand les nouvelles icônes SVG OceanWP seront-elles disponibles ?

Attendez-vous à la sortie de la mise à jour OceanWP 2.0.9 la deuxième semaine de juin.

Capture d'écran du meilleur thème WordPress gratuit d'OceanWP

Au fait, aimez-vous notre nouvelle capture d'écran de thème ?

Comment les nouvelles icônes SVG OceanWP affecteront-elles mon site Web ?

La nouvelle fonctionnalité d'icônes fonctionnera exactement de la même manière lorsque les options d'icônes de thème ont été introduites pour la première fois dans la version OceanWP 2.0.0.

Les sites Web existants resteront intacts.

Cependant, après avoir mis à jour le thème vers la dernière version 2.0.9, vous pourrez sélectionner les icônes SVG OceanWP via Personnaliser > Options générales > Icônes du thème .

Toutes les nouvelles installations OceanWP, en supposant que la version minimale 2.0.9 est utilisée, auront les icônes SVG OceanWP définies comme icônes de thème par défaut . Mais, tout comme avec les sites Web existants, tous les utilisateurs auront la possibilité de choisir entre les packs d'icônes préférés via Personnaliser > Options générales > Icônes de thème .

capture d'écran des paramètres des icônes SVG d'OceanWP
capture d'écran des icônes OceanWP SVG dans les méta-icônes d'un seul article de blog

Comment les nouvelles icônes SVG OceanWP affecteront-elles mes codes personnalisés ?

Comme vous le savez, nous avons plusieurs codes personnalisés de développeur liés aux icônes [de médias sociaux].

Les codes personnalisés les plus couramment utilisés par nos utilisateurs sont :

  • Ajout de nouvelles options sociales à la barre supérieure et au menu social de l'en-tête,
  • Ajout de nouvelles options sociales au widget À propos de moi (Ocean Extra), et
  • Ajout de nouvelles options sociales au widget Liens sociaux (Ocean Extra).

Si vous avez utilisé l'un des codes personnalisés impliquant des icônes, en particulier l'un des codes mentionnés ci-dessus, assurez-vous de vérifier les versions mises à jour des documents. Nous avons apporté des modifications conformément à la mise à jour attendue.

Vous rencontrez des problèmes avec les nouvelles icônes SVG ou les codes personnalisés impliquant des icônes ? Soumettez un ticket et faites-nous savoir comment nous pouvons vous aider ou résoudre le problème.

Quelles extensions Ocean sont affectées par la mise à jour OceanWP SVG Icons ?

Après la mise à jour d'OceanWP vers la dernière version 2.0.9, les extensions Ocean suivantes doivent être mises à jour pour que celles-ci puissent utiliser la nouvelle fonctionnalité d'icônes OceanWP SVG :

  • Portefeuille Océan version 1.3.1,
  • Version Ocean Elementor Widgets 1.3.1,
  • Version Ocean Sticky Footer 1.1.1,
  • Version Ocean Side Panel 1.1.1, et
  • Version Ocean Extra 1.7.6.

Que dois-je savoir d'autre sur la fonctionnalité des icônes SVG d'OceanWP ?

Lorsqu'il s'agit d' icônes nécessitant une sélection manuelle , telles que l'icône de défilement vers le haut ou l'icône du panier de menu, l'icône d'ouverture du panneau latéral, etc., le basculement entre les icônes de thème (par exemple, de Font Awesome à OceanWP SVG Icons) peut rendre ces icônes disparaître temporairement .

Mais ne vous inquiétez pas. Il vous suffit de resélectionner ces icônes dans le Customizer et tout sera parfait.

Exemple : Définissez l'icône Défiler vers le haut via Personnaliser > Options générales > Défiler vers le haut.

Sinon, comment puis-je utiliser les icônes SVG OceanWP sur mon site Web ?

Vous pouvez utiliser les nouvelles icônes SVG OceanWP sur le site Web (par exemple, dans les articles de blog) en utilisant le nouveau code court :

[oceanwp_icon]

Apprenez à utiliser le nouveau shortcode des icônes en consultant notre document.

Notez que ce shortcode fonctionnera UNIQUEMENT avec les nouvelles icônes SVG OceanWP.

Autres modifications et mises à jour pertinentes

Prise en charge des logos OceanWP SVG

Attribuez un logo SVG régulier, rétinien, mobile ou collant (Ocean Sticky Header).

Cette fonctionnalité est incluse dans la mise à jour de la version OceanWP 2.0.9.

Classe de corps personnalisée

Attribuez une classe de corps HTML personnalisée au niveau de la page / publication individuelle à l'aide des paramètres OceanWP (paramètre de métaboîte).

capture d'écran d'un exemple de page de classe de corps personnalisée OceanWP ou de paramètres de publication
capture d'écran d'un exemple de classe de corps personnalisée OceanWP dans le site Web HTML

Cette fonctionnalité est incluse dans la mise à jour de la version Ocean Extra 1.7.6.

Nouvelles options de médias sociaux

Nous avons ajouté de nouvelles options sociales aux menus sociaux de la barre supérieure et de l'en-tête (OceanWP), ainsi qu'aux widgets À propos de moi et Liens sociaux (Ocean Extra).

Ces nouvelles options sociales incluent, mais ne sont pas limitées à : Telegram, Twitch, Line, QQ, etc.

Si les nouvelles options sociales ne sont pas visibles dans les widgets actuellement utilisés sur votre site Web, assurez-vous de rajouter les widgets et de tester les options.

Comment préparer votre site Web pour la nouvelle mise à jour du thème OceanWP

Petite ou grosse mise à jour, la précaution est toujours de mise. Nous ferons de notre mieux pour vous guider tout au long du processus afin que les visiteurs de votre site Web ne rencontrent pas de « divergences » de style, mais aussi en cas de problème.

Si possible, testez toujours les mises à jour sur les zones de test, localhost ou de staging avant de mettre à jour votre site en direct (de production).

Préparation de la mise à jour du site To-Do list :

  1. Avant de mettre à jour le thème et les plugins, créez une sauvegarde de votre site Web .
  2. Placez votre site Web en mode Maintenance .
  3. Mettez à jour le thème OceanWP vers sa dernière version via Apparence > Thèmes .
  4. Mettez à jour toutes les extensions Ocean vers leur dernière version via Plugins > Plugins installés .
  5. Inspectez soigneusement TOUTES les pages , en particulier celles affectées par les modifications décrites dans cet article.
  6. N'oubliez pas d'inspecter les pages/zones de votre site Web où vous avez peut-être appliqué des codes personnalisés contenant des icônes.

Modifications non visibles après la mise à jour

Après la mise à jour et les modifications appliquées, n'oubliez pas de purger (effacer) tout site Web (serveur) / navigateur / cache cloud.

Conseils supplémentaires qui peuvent vous aider :

  1. Régénérer le CSS via Elementor > Outils > Régénérer le CSS .
  2. Réinitialisez les scripts via Theme Panel > Scripts & Styles , en désactivant tout, puis en réactivant à nouveau et en enregistrant les modifications.

Et au cas où vous tomberiez sur des problèmes liés à cette mise à jour, vous nous rendrez un grand service en le signalant afin que nous le résolvions en temps opportun.

Votre avis nous intéresse

Chez OceanWP , nous apprécions vos commentaires .

Dites-nous ce que vous pensez de ces mises à jour Si vous souhaitez voir d'autres fonctionnalités, demander de nouvelles démos, codes ou documents, vous pouvez utiliser notre formulaire de demande de fonctionnalités et nous aider à améliorer OceanWP pour tout le monde.

C'est ça! Profitez de vos nouvelles fonctionnalités !