Construire et même modifier légèrement les thèmes WordPress peut être une vraie galère. Vous pouvez acheter un livre ou visionner des heures de didacticiels vidéo jusqu'à ce que vous soyez un expert de WordPress, mais ne seriez-vous pas sympa de sauter tout cela et de créer votre propre thème aujourd'hui?
Aujourd'hui, nous allons jeter un coup d'œil sur un produit impressionnant et innovant qui vous permet d'utiliser la simplicité d'une interface glisser-déposer et de formulaires de base pour personnaliser complètement un site WordPress. Le produit s'appelle Platform Pro et vous devez le voir?
Meet Platform Pro
Platform Pro est essentiellement un thème WordPress, mais il est probablement différent de tous les thèmes WordPress que vous avez utilisés auparavant. Au lieu de fournir quelques options de couleurs ou agencements différents, Platform vous place au volant. Que vous soyez développeur Web et aimez coder à la main ou que vous ne sachiez même pas ce que signifie CSS, vous constaterez que Platform a beaucoup à vous offrir.
L’autre jour, j’ai trébuché complètement sur le thème par accident, et j’ai demandé aux gens de PageLines de me configurer une page de test. Il s'avère qu’ils ont déjà mis en place une page de test publique que tout le monde peut essayer gratuitement. Une fois que vous avez compris comment tout fonctionne ici, rendez-vous sur ce lien pour essayer le thème par vous-même.
Commencer
Ci-dessous, vous trouverez à peu près la page avec laquelle nous commencerons aujourd’hui (j’ai coupé un peu, donc ce n’est pas trop énorme). Comme vous pouvez le constater, c’est excellent pour une ardoise vierge. La typographie et la mise en page sont assez sympas telles quelles, mais suffisamment génériques pour que nous ne nous dérangions pas de les modifier et de les modifier.
Encore une fois, ceci est proche de ce que vous obtenez tout à fait sorti de la boîte avec zéro travail jusqu'à présent:
Dans l'image ci-dessus, nous pouvons voir un en-tête et une zone de navigation, des aperçus de publications, une barre latérale, un pied de page, etc. Chacune de ces options comporte un certain nombre d'options de personnalisation. Si vous n'aimez rien à ce stade, inquiétez-vous, vous pouvez le changer!
Le panneau de configuration
Dans le panneau d'administration WordPress typique, vous trouverez un module pour Platform Pro. C’est là que vous allez gérer la plupart des modifications apportées à votre thème WordPress, mais pas toutes. Il y a une tonne de choses ici, donc vous pourriez vous sentir un peu dépassé au début, mais honnêtement, à peu près tous les réglages que vous trouverez sont simples et faciles à comprendre.
Nous n’aurons certainement pas le temps de passer en revue tous les réglages, mais nous allons casser les pneus suffisamment pour que vous ayez une bonne idée de ce qui est possible.
Modifier la mise en page
En tant que designer, la première chose que je veux savoir, c'est comment je peux jouer avec la mise en page. En cliquant sur l'onglet Editeur de disposition du panneau des paramètres, vous aurez le choix entre plusieurs options, de base et avancées.
Votre premier choix consiste à choisir l’une des six configurations de base. Chacune de celles-ci est un mélange d'une zone de contenu et de zéro, une ou deux options de barre latérale.
Déteste cette barre latérale vue dans l'aperçu initial du site ci-dessus? Ditch it en sélectionnant l'icône avec seulement une section de contenu principal. Appliquez ensuite vos paramètres et consultez votre page pour voir les modifications.
Vous ne pouvez pas obtenir assez de barres latérales et de widgets? Choisissez une option avec deux barres latérales et vous obtenez la mise en page visible dans l'image ci-dessous.
Aller plus loin
Si vous voulez encore plus de contrôle sur la disposition, faites défiler vers le bas pour trouver le panneau illustré ci-dessous. Ici, vous pouvez faire glisser les séparateurs et utiliser les champs pour déterminer la largeur de la page et de chaque colonne.
Alors disons que je pense que ma barre latérale est beaucoup trop large. Tout ce que j'ai à faire pour résoudre ce problème est de faire glisser le petit séparateur vers la droite jusqu'à ce que mes dimensions soient 700px pour la colonne principale et 260px pour la barre latérale.
Une fois que j'ai sauvegardé ces paramètres de mise en page et que j'ai jeté un coup d'œil à ma page, voici le résultat:
Changer la typographie
Platform vous donne beaucoup de liberté sur le texte de votre page. Accédez à l'onglet Typographie et vous verrez les options pour changer les polices de caractères pour la police principale, la police secondaire, les en-têtes et même les zones de saisie.
Une chose qui m'a vraiment surpris est le vaste choix de polices que vous pouvez choisir avec ce thème. Pagelines a inclus plusieurs polices Web standard et même une bonne partie de la bibliothèque de polices de Google pour vraiment pousser votre liberté créative à la limite (il existe également des options personnalisées Cufon).
Lorsque vous affectez une police à une zone spécifique, vous pouvez choisir parmi un certain nombre d'options de style standard que vous auriez normalement à écrire un tas de CSS à manipuler. Si vous souhaitez inclure votre propre CSS, cliquez simplement sur le bouton? Avancé? bouton.
En fin de compte, j’ai décidé de choisir une atmosphère moderne et j’ai donc choisi deux belles polices sans empattement pour la page: Lato pour les en-têtes et Droid Sans pour le corps.
Fond et couleurs
Sous l'onglet Contrôle de la conception, vous trouverez encore plus d'options de personnalisation. En haut de cet onglet, vous trouverez des options de disposition plus intéressantes qui affectent la manière dont une image d'arrière-plan est appliquée. Par exemple, vous pouvez faire en sorte qu'une image d'arrière-plan submerge tout le site ou affecte simplement un? Canvas? zone en dehors du contenu. J'ai choisi ce dernier pour garder les choses propres, vous verrez comment cela fonctionne ensuite.
Pour ajouter une image d’arrière-plan, il vous suffit de faire défiler jusqu’à la section ci-dessous et de télécharger un fichier JPG. Vous avez une totale liberté quant à la manière dont l'image est appliquée. Vous pouvez le placer en mosaïque ou le positionner à un endroit spécifique en utilisant des pourcentages.
J'ai téléchargé une texture gris foncé subtile pour ajouter un contraste à ma page. Encore une fois, cela aurait pu submerger l’arrière-plan entier, mais j’ai choisi de le flanquer du contenu.
Changer les couleurs
Dans le même onglet que les paramètres ci-dessus, vous pouvez afficher et modifier les paramètres de couleur de chaque élément de votre site. C'est aussi simple que de rechercher l'élément dans une liste et de modifier les valeurs de couleur.
Par exemple, la modification de la couleur d'arrière-plan principale affecte l'élément de pied de page.Il suffit de choisir une couleur dans Photoshop, de copier les valeurs et d’appuyer sur Enregistrer pour afficher les modifications.
Ajout de sections
Jusqu'à présent, nous venons d'apporter des modifications mineures au site. C'est encore assez proche de ce que nous avons commencé et pas si excitant. Changeons cela en ajoutant de nouvelles sections.
Sous l'onglet Configuration du modèle, vous trouverez un contrôle vous permettant de faire glisser de nouvelles sections sur votre site. Le côté gauche contient les sections actuellement actives et les sections de droite pouvant être ajoutées.
Modifions notre configuration en ajoutant un génial? En vedette? curseur en haut de la page. Pour ce faire, faites simplement glisser les? Fonctionnalités de PageLines? case sous la? Navigation? case dans l'en-tête.
Avec cet ajout rapide, notre site a soudainement l'air beaucoup mieux que lorsque nous avons commencé. Nous avons maintenant un curseur d’image très élégant en haut avec plusieurs zones entièrement personnalisables pour les images, le texte et même la vidéo. Tout cela sans une seule ligne de code!
Il existe plusieurs sections par défaut intéressantes avec lesquelles vous jouez, qui renforcent réellement le facteur impressionnant de votre site. Ci-dessous, j'ai jeté un carrousel d'images Flickr au bas de la page. D'autres sections vous permettent d'ajouter des zones de fonctions, des bannières, des liens, un fil d'ariane et plus encore.
Finir
Avec juste un peu plus de peaufinage, notre blog original ennuyeux est transformé en un site Web élégant et moderne avec de nombreuses fonctionnalités avancées. Le résultat ci-dessous vous prendrait probablement une trentaine de minutes de travail une fois que vous vous êtes habitué au fonctionnement du système et plus de dix à quinze minutes une fois que vous avez réellement compris comment vous y prendre.
Réflexions finales: devriez-vous essayer Platform Pro?
Même après ce changement spectaculaire, je n’ai encore fait qu’effleurer ce que Platform Pro peut faire. Nous n'avons même pas discuté des options HTML personnalisées, des miniatures de publication, de l'intégration des médias sociaux, des plug-ins préconfigurés ou d'une foule d'autres choses que je n'ai pas encore découvertes!
Honnêtement, je suis époustouflé par ce produit et pense que cela pourrait vraiment soulager la personnalisation de WordPress pour beaucoup de gens. Que vous soyez un concepteur recherchant un système flexible pour configurer vos clients ou simplement un propriétaire de petite entreprise souhaitant tirer le meilleur parti de WordPress, Platform Pro est un vol pour 95,00 $ (lisez la version gratuite ici). Il existe des tonnes de thèmes à 50 et 30 dollars sur le marché, mais ils n'offrent pas un cinquième de la liberté que vous obtiendrez avec Platform.
Pour en savoir plus, rendez-vous sur le site Web Pagelines où vous pouvez voir une liste complète des fonctionnalités et même une vidéo du thème en action. Laissez un commentaire ci-dessous et laissez-nous savoir si vous avez essayé Platform et ce que vous pensez. Veillez également à laisser un lien vers les produits similaires que vous avez trouvés pour rendre WordPress plus convivial!