Accentsconagua
Share
Dans ce tutoriel, je vais vous montrer un moyen très rapide de créer des thèmes WordPress..
Si vous développez des thèmes WordPress avec n'importe quelle régularité, vous saurez que l'utilisation d'un framework pour démarrer à chaque fois est un énorme avantage. Cela vous donnera une table rase pour chaque thème, tout en vous évitant de devoir recommencer à zéro et de répéter le travail de base pour chacun..
Runway est un tel cadre. C'est 100% gratuit, open source et regorge de fonctionnalités vraiment sympas. Creusons!
Rendez-vous sur le site Web de la piste, appuyez sur le bouton Télécharger bouton, et vous recevrez un fichier zip à décompresser.
Pour utiliser le framework, vous avez besoin d’une installation WordPress fonctionnelle (de préférence locale ou sur un serveur de développement). Pour ce tutoriel, je suppose que vous avez compris les étapes nécessaires à l'installation de WordPress, mais essayez ce cours gratuit si vous avez besoin d'aide:
Prendre le cadre de piste dossier que vous venez de décompresser et placez-le dans votre installation WordPress sous wp-content> thèmes. La piste est maintenant essentiellement un thème que vous devez activer en allant sur Admin> Apparence> Thèmes.
Lors de l'activation, Runway vous demandera si vous souhaitez utiliser le thème enfant par défaut (ce que vous faites). Activer dans l'invite. Visiter le front-end vous montrera à quoi ressemble le thème à ce stade:
Le thème de l'enfant s'appelle «Liftoff» et, si vous cochez cette case, vous verrez que son dossier a été ajouté au dossier du thème WordPress..
Dans le dossier Liftoff, vous trouverez tous les fichiers familiers nécessaires au fonctionnement d’un thème WordPress, à partir de index.php. functions.php, et bien sûr style.css.
Donc, à partir de là, vous avez essentiellement deux options. Soit vous utilisez ce thème enfant Liftoff et vous le personnalisez à votre guise, soit vous créez un nouveau thème enfant basé sur le cadre Runway..
L'un des principaux avantages de Runway réside dans ses fonctionnalités supplémentaires, notamment dans la manière dont il vous aide à créer des options de thème. Dans l’administrateur WordPress, sous Décollage> Paramètres de conception vous trouverez la page suivante:
Il s'agit d'une page d'options qui sera disponible pour les utilisateurs de votre thème, ce qui permettra au thème de modifier le titre du site Web, l'image du logo et d'autres éléments éditables trouvés dans les fichiers de modèle. Vous pouvez aussi voir Décollage> Autre contenu, une autre page d'options que vous voudrez peut-être inclure.
Pour éditer ces pages et les options affichées sur chacune d'elles, allez à Piste> Générateur d'options. Dans la capture d'écran ci-dessous, vous verrez la structure utilisée pour construire ce que vous voyez ci-dessus:
Construire ces structures est une question de glisser-déposer, et vous pouvez choisir d'inclure ou non les conteneurs dans les personnalisateurs de thème (ce qui est un énorme bonus)..
Chacun des champs vous donne l'extrait de code PHP dont vous aurez besoin pour afficher le contenu de ce champ dans les fichiers de thème. Le titre du logo, par exemple, peut être enregistré dans une variable du thème où vous utilisez:
$ logotitle = get_options_data ('design-settings', 'logo-title');Vous voudrez peut-être travailler sur plusieurs thèmes avec le framework Runway dans votre installation WordPress actuelle. Pour ce faire, allez à Piste> Thèmes, cliquer sur Nouveau thème, et remplissez les détails du thème.
Un nouveau thème enfant sera ajouté à votre dossier de thème, contenant les fichiers minimum requis (functions.php, style.css, screenshot.png et un sous-dossier de données). Il vous restera ensuite à créer les fichiers supplémentaires dont vous avez besoin, en utilisant peut-être ceux de l'exemple de thème enfant..
De nouveau, les pages d’options pour ce nouveau thème peuvent être créées et construites en allant à Piste> Générateur d'options.
Runway est livré avec un certain nombre d’add-ons que vous pouvez choisir ou non d’utiliser avec votre thème. Par exemple, il existe des styles de thème pour commencer, un installateur de plugins pour assurer que vos utilisateurs installent les bons plugins pour commencer. Il existe un gestionnaire de présentation, un module complémentaire de types de contenu qui vous aidera à créer des structures de type de publication personnalisées, ainsi que des éditeurs de menus admin. Beaucoup de choix! Certains add-ons sont gratuits, d'autres vous obligent à acheter une licence..
La piste est essentiellement un outil de construction. Une fois que vous avez fini de créer votre thème, vous voudrez pouvoir l’emballer et le distribuer. Ici, vous avez deux options.
Pour que vos utilisateurs puissent utiliser un thème enfant, ils ont besoin du framework Runway. Vous pouvez ou non vouloir qu'ils comptent sur cette dépendance.
L’exportation autonome, cependant, permettra à vos utilisateurs d’installer et d’utiliser simplement votre paquet sans même penser au cadre..
Frappé le Télécharger bouton sur votre vignette de thème, et vous serez redirigé vers la page de téléchargement où vous pouvez choisir le type de paquet que vous souhaitez.
Runway est un très bon framework pour créer des thèmes, en particulier pour les débutants, car il offre une base solide et est très facile à utiliser. Avez-vous utilisé Runway ou un framework similaire? Faites-nous savoir vos pensées!
