website development

Comment un marketeur a construit un site Drupal 8 en 1 jour

Quand j'ai décidé que j'allais commencer mon propre blog bien sûr, je voulais construire le site moi-même. J'avais l'habitude d'être une personne assez technique précédemment dans ma carrière, mais la dernière fois que j'ai construit un site Web Drupal du début à la fin a été avec Drupal 5 Way Back en 2009 pour le site de mon comptable. Aujourd'hui, je gère huit sites d'entreprise construits par une équipe d'ingénierie, axé sur leur performance, l'optimisation et la conception pour soutenir les objectifs de l'entreprise; tout cela est très différent de la construction de nouveaux à partir de la base.

Entrer dans ce projet, j'ai eu une idée générale de quels fichiers appartenait où dans Drupal et je savais où je devrais commencer, mais le construire sur la dernière version de Drupal-Drupal 8-est un plein trois versions Drupal "plus récente" que la dernière fois que j'ai regardé les structures de fichiers ou dossiers thématiques de première main. J'ai été agréablement surpris de la façon dont il est allé. Il y avait quelques hoquets que je vais passer en détail plus tard, mais ce poste est sur la façon dont un gestionnaire de site Web non-développeur a construit un blog Drupal en une journée sans modification de code ou de la ligne de commande s'amuser nécessaire (bien très peu de travail en ligne de commande que je vais expliquer dans un peu).

Pourquoi Drupal et non pas WordPress?

Mon directeur et moi avons eu une longue discussion sur ce que la plate-forme que je devrais utiliser, je sais que cela sonne ridicule: depuis que je travaille à Acquia-qui a été fondée en 2008 par l'inventeur de Drupal, Dries Buytaert-nous devrions toujours utiliser Drupal, non?

Eh bien la pensée a été puisque c'est un blog léger et simple peut-être Drupal a plus de fonctionnalités que j'avais besoin. La priorité pour moi dans l'adressage de l'utilisation-cas pour ce projet a été mise en poste blogs et l'optimisation de mon contenu afin moteurs de recherche et vous, cher lecteur, pourrait le trouver. Nous avons discuté WordPress parce qu'ils sont connus pour être grand pour les sites de blog-il a été blogging sur WordPress depuis qu'il était en version bêta-et WordPress est célèbre simple et rapide à mettre en place. Nous avons convenu que si je ne pouvais pas mettre en place un site Web Drupal dans un jour, puis nous chercher ailleurs pour une solution pour répondre à mes besoins. Longue histoire courte: Drupal est ce que mon nouveau site blog personnel est en cours d'exécution sur aujourd'hui.

Où j'ai commencé:

Etape 1: Télécharger Acquia dev Desktop

Je savais que j'allais commencer avec Drupal 8 car il est la dernière version de la CMS 15 ans. Bien sûr, Drupal 6 est ma version préférée de Drupal--principalement parce que j'ai vraiment appris la puissance de Drupal tout en travaillant sur Drupal 6 sites, mais j'ai géré un site Drupal 8 pour plus d'un an, et la majorité des sites dont je suis responsable sont encore sur Drupal 7 avec un représentant prévu latforming à Drupal 8 dans les 12 prochains mois.

J'ai commencé par aller à drupal.org et le téléchargement du fichier tar pour Drupal 8. J'ai décidé de construire ce projet localement sur mon MacBook depuis que je n'ai pas eu de solutions d'hébergement à l'esprit et mais je voulais commencer à construire tout de suite. Je suis allé à dev.Acquia.com --Acquia Developer Network--et téléchargé la dernière version de Acquia dev Desktop. Je savais sur Acquia dev Desktop de travailler à Acquia, il est un grand et très simple à utiliser l'outil qui vous met en place avec un site Web Drupal en cours d'exécution localement sur votre ordinateur afin que vous n'avez pas besoin d'hébergement tout de suite.

Mon gestionnaire, qui a été la construction de sites sur son propre depuis 1994 et html 1,0, revendications dev Desktop est l'un des plus impressionnants outils de construction Web qu'il a jamais utilisé. Je suis d'accord et pense que l'on devrait effectivement commencer avec Acquia dev Desktop, car il a de nombreuses distributions Drupal droit dans ce que l'on peut commencer avec. Une "distribution"-pour ceux qui sont nouveaux à Drupal-est une version préconfigurée du noyau de Drupal qui a été personnalisé avec des modules (les gens WordPress peuvent penser à des modules comme "plug-ins) et des thèmes pour un scénario particulier. Il y a des distributions pour l'édition, le gouvernement, les intranets. Les distributions sont un excellent moyen de lancer un projet pour un cas d'utilisation particulier.

dev desktop

Utilisation de dev Desktop j'ai eu mon site Drupal base fonctionnant sur mon MacBook en quelques minutes. Avec le
Installation de Drupal 8 Done, maintenant il était temps de le rendre joli.

Etape 2: choisir un thème

J'avais besoin d'un thème pour ce que mon site serait ressembler en termes de mise en page et de conception. Deux colonnes ou trois colonnes? Image de grand héros dans l'en-tête ou non. Polices et palettes, toutes sont fournies dans un thème et ont contribué à la bibliothèque Drupal.org par leurs créateurs. Je ne suis pas un développeur front-end et je n'ai pas le temps de concevoir mon propre site à partir de la base, alors je suis retourné à Drupal.org et a commencé à regarder à travers Drupal 8 thèmes. J'en ai trouvé un qui a attiré mon attention et l'a téléchargé.

Maintenant, que dois-je faire avec elle? OK je sais qu'il ya un dossier thème dans mon nouveau site, j'ai trouvé mes dossiers joliment disposés où ils devraient être dans le dossier des sites principaux de mon ordinateur mis en place par dev Desktop. Il ya un dossier de base là-dedans, donc je suppose que je devrais rester en dehors de cela, mais j'ai vu qu'il y avait un dossier modules et thèmes hors du répertoire racine. Ceux qui ont regardé à droite et quand j'ai cliqué sur eux, ils avaient un fichier Readme. txt à l'intérieur avec quelques instructions claires confirmant que j'étais là où j'avais besoin de placer mon nouveau dossier thème. J'ai téléchargé le thème que j'ai choisi, décompressé les fichiers et les a traîné dans mon dossier thèmes. Cela n'a pas magiquement appliquer le nouveau thème. Que dois-je faire d'autre? Simple: J'ai chargé mon site Web (vous cliquez sur un lien dans dev Desktop et il vous amène à votre site, vous pouvez gérer plusieurs projets avec l'outil) et entra dans "apparence" et voici mon nouveau thème avec un lien d'installation. Je l'ai installé, a pris un coup d'oeil, mais n'a pas aimé, alors je suis retourné et répété le processus à nouveau jusqu'à ce que j'ai trouvé un thème que je pourrais vivre avec.

appearance config

Etape 3: ajouter des modules

La bonne chose à propos de Drupal 8 est qu'il est livré avec beaucoup de ce que vous avez besoin intégré, des modules tels que les vues qui vous donne la puissance de dynamiquement tirer du contenu à travers votre site et certains éditeurs WYSIWYG par défaut donc je n'ai pas besoin de s'inquiéter de ces modules. Ma principale préoccupation était SEO, le module que j'utilise dans tous mes autres sites Drupal est appelé métabalise et il était disponible pour Drupal 8 alors je l'ai téléchargé. Ce processus est similaire à vos thèmes, vous décompressez les fichiers tar et les placer dans le dossier des modules, puis aller à votre page d'extension et de les vérifier pour les activer. Voici la liste des modules que j'ai installé sur mon site blog:

  • Pathauto: cela crée des URL conviviales basées sur le titre de votre contenu. Les URL de page par défaut dans Drupal est node/1 si vous comprenez pourquoi cela est important pour le SEO et la vanité.
  • Redirect: cela vous permet de rediriger 301 anciennes URL vers de nouvelles URL. Je n'ai pas immédiatement besoin de ce module car il s'agit d'un nouveau site Web, mais si vous décidez de renommer un message ou supprimer le contenu ancien et le point de nouveau contenu, vous aurez besoin de ce module. Très pratique.
  • reCAPTCHA: puisque c'est un site de blog, je voulais quelque chose pour aider à prévenir contre les spammeurs frapper mes commentaires et c'est un module connu qui fonctionne bien.
  • Acquia Connector: je savais que j'avais l'intention de démarrer mon site sur Acquia Cloud Free et vous avez besoin de cela pour se connecter aux services d'Acquia.

En Résumé Voici mes étapes de construction:

  • Télécharger Acquia dev Desktop à partir de dev.Acquia.com
  • Installez Drupal 8 à partir d'un fichier. tar téléchargé depuis Drupal.org ou via dev Desktop
  • Trouvez le bon thème et les modules de la bibliothèque à Drupal.org
  • Mettez le thème et les modules dans les dossiers de droite
  • Accédez au site et installez-les (via les sections "extend" et "apparence")
  • Célébrez un site vivant, quoique local!

Etape 4: Hébergement

Rester informé

Recevez le meilleur contenu sur le futur du marketing, les changements dans le secteur et les avis de nos experts.

Ensuite, où est-ce que je souhaite héberger ce site? Honnêtement, je pensais à l'aide GoDaddy puisque c'est là que j'avais hébergé des sites personnels dans le passé et le service est assez bon marché. J'utilise les outils de workflow Acquia dans notre produit Cloud Daily et j'en suis venu à apprécier la facilité de glisser-déposer et d'avoir des environnements dev et stage pour les tests. Je n'ai probablement pas besoin que pour mon petit site de blog, mais ils sont agréables à avoir et ils sont ce que je suis habitué. J'ai donc décidé d'héberger le blog sur Acquia Cloud gratuitement --le sandbox d'Acquia gratuit pour les développeurs et les constructeurs de tester et d'expérimenter. Maintenant, comment faire pour déplacer mon site local hors de mon Mac dans ACF. Il y a un lien dans le Bureau de dev pour faire que la migration se produise. Hélas, c'est là que j'ai rencontré des problèmes et mes Capa cités techniques ont commencé à me manquer.

J'ai créé mon compte de niveau gratuit sur Acquia Cloud gratuitement. Facile.

J'ai ajouté le module de connecteur Acquia pour établir une connexion entre dev Desktop et ACF et l'ai activé. Facile.

Puis j'ai cliqué sur le bouton dans dev Desktop pour lancer mon blog local sur Acquia Cloud gratuitement, et j'ai découvert que j'avais besoin d'une clé SSH. Qu'est-ce qu'une clé SSH et que dois-je faire avec? Une clé SSH définit une connexion sécurisée cryptée entre votre ordinateur et le serveur auquel vous essayez de pousser du code.

Il y avait un lien utile à côté du champ SSH dans dev Desktop à une certaine documentation. Il m'a parcouru les étapes pour créer ma clé. Je l'ai compris. J'ai eu cette longue clé et un champ pour l'entrer dans dans Acquia Cloud gratuitement, mais mon fichier de clé était trop grand. Pourquoi? J'ai pensé que j'ai suivi les étapes, mais j'ai été perplexe et j'ai dû demander de l'aide. Heureusement, il y avait une autre page de la documentation sur la façon de le faire. Il s'avère que vous aviez besoin de faire la clé SSH via la ligne de commande (alias la "fenêtre de terminal"). Lignes de commande sont effrayants pour moi, je ne veux pas tuer mon ordinateur avec une mauvaise commande, après tout l'interface graphique a été créé pour les gens comme moi et c'est ce que je veux utiliser. Il ya un bouton 1-Click pour lancer le terminal dans dev Desktop, donc je l'ai fait, et puis j'ai suivi étape par étape de la documentation pour compresser ma clé SSH. Il m'a fallu six essais avant que je l'ai fait fonctionner. Pourquoi six? J'ai été aveuglément copier et coller des lignes de la documentation et ne pas le lire, parce que je ne savais pas ce que tout cela signifiait. Il y avait une ligne là-bas qui a dit [user.Name] et je suppose que de le remplacer par mon nom d'utilisateur. Après quelques essais et erreurs, j'ai réalisé qu'il avait travaillé et j'ai finalement possédé un fichier de clé compressé qui a été acceptée. J'étais en course sur Acquia Cloud gratuitement. Ma prochaine étape est de partager ce scénario avec l'équipe de produits Acquia responsable de l'ACF, (il doit y avoir une bonne raison pour cela), mais l'homme Oh homme qui a été presque la fin de mon site.

Une fois sur le niveau libre, j'ai maintenant besoin d'un outil de contrôle de version pour pousser mon code de mon environnement local à mon serveur. Mon développeur ici à Acquia dit que vous venez d'utiliser Drush dans la ligne de commande. Oh non, je ne sais pas. Plus de ligne de commande svp. Il doit y avoir un outil gratuit facile et agréable qui peut m'aider. Il y a: SourceTreefait juste cela. Vous le télécharger gratuitement, connectez votre site qui a été facile et puis chaque fois que vous mettez à jour ou ajouter de nouveaux fichiers à votre projet local, il voit automatiquement les changements et vous pouvez sélectionner les fichiers qui ont changé et appuyez sur un bouton qui dit "Commit". Vous pouvez entrer une note sur ce que vous avez changé ou ajouté et vous êtes tous ensemble. J'ai ensuite été en mesure de pousser le code à mes environnements dev et faites-le glisser entre dev, stage et prod.

Résumé rapide

Les outils que j'utilise:

Thème que j'utilise:

Modules que j'utilise:

Fait, un site Drupal 8 en un jour.

Cette expérience a été une lutte, mais une satisfaction et passionnant à la fin. J'ai poussé mes capacités techniques, frappé quelques barrages routiers, mais finalement j'ai pu lancer un site Web Drupal 8 assez rapidement en utilisant les outils d'Acquia. Personnellement, j'aime Drupal et la puissance et la liberté derrière elle, mais aussi comprendre qu'il ya un peu d'une courbe d'apprentissage à commencer, surtout si votre non-technique. J'espère que ce blog aide à guider certaines personnes comme moi dans le démarrage de certains sites Web, mais laissez-moi savoir sur vos expériences, dites-moi quels modules vous utilisez ou comment vous avez surmonté quelques obstacles Drupal petits.

web manager

Katelyn Fogarty

Ancienne Directrice, Marketing numérique, Acquia Inc.

Chez Acquia, ma principale responsabilité est de gérer le site acquia.com/fr et d'en assurer la maintenance. Je gère des sites Web Drupal depuis sept ans maintenant, mais j'ai commencé ma carrière en tant que designer Web et graphiste.

J'ai évolué vers le développement Web front-end dans une entreprise de marketing, où j'ai commencé à créer et gérer des sites Drupal, puis je suis passée à la gestion du marketing.

Avant Acquia, je m'occupais de marketing adressé à la fois aux consommateurs et aux entreprises puis, grâce à mes solides compétences en design et en développement, j'ai pu adopter Drupal rapidement et je l'adore !