5 astuces pour travailler avec Squarespace en tant que concepteur

Squarespace n'est pas réservé aux non-concepteurs et aux propriétaires de petites entreprises. Quel que soit votre niveau de compétence, la plate-forme peut constituer un moyen simple et rapide de mettre rapidement un site en ligne. Le créateur de site Web regorge d’outils et d’intégrations pour que tout ce dont vous avez besoin soit là dès le début.

Mais le principal reproche des concepteurs est que, si les modèles ont l’air attrayant, il n’ya tout simplement pas assez de flexibilité. Vous devez juste creuser un peu plus profond. Squarepsace offre des options permettant aux concepteurs et développeurs plus avancés d’en faire encore plus avec cet outil.

1. Ajouter du HTML personnalisé

Presque tous les constructeurs de sites Web permettent aux utilisateurs de modifier et d'ajouter du code HTML personnalisé à la conception. Squarespace n'est pas différent.

Ces personnalisations avancées sont assez faciles si vous avez des connaissances en matière de codage, ce que note Squarespace est très important avant de procéder à des ajustements. Le constructeur Squarespace modifie en réalité le CSS du site au fur et à mesure que vous apportez des modifications dans l'éditeur visuel. Cela inclut et des blocs de code. (Donc, un code errant pourrait le faire exploser si vous ne faites pas attention.)

Ce qui est bien, c’est que les modifications de code vont au-delà des simples modifications de couleur ou de police. Les utilisateurs peuvent ajouter des blocs de code HTML presque n'importe où dans la conception, apporter des modifications universelles au CSS à l'aide de l'éditeur CSS, insérer du JavaScript avec l'outil d'injection de code et même afficher du code brut sous forme de texte brut à l'aide du bloc de code avec la source d'affichage? option.

2. creuser dans les fichiers de modèle

Saviez-vous que vous pouvez accéder aux fichiers de modèles et même créer un modèle personnalisé à partir de rien? Beaucoup d'utilisateurs ne savent pas que Squarespace dispose d'une plate-forme pour les utilisateurs avancés afin de créer quelque chose de différent et complètement personnalisé sur le constructeur de sites Web.

Vous pouvez modifier les balises, les styles et les scripts en utilisant les outils de votre choix. Vous pouvez même créer un modèle personnalisé ou un site Web hébergé par Squarespace.

Tous les fichiers dont vous avez besoin pour commencer sont disponibles, y compris un modèle basé sur un clone de Github, les dépendances d'installation de NPM et la possibilité d'installer un serveur de développement local avant de déployer un site.

L'option Créer votre propre modèle est idéale pour les développeurs et les concepteurs qui souhaitent travailler avec Squarespace (ou qui ont un client qui souhaite un site Squarespace) tout en conservant l'indépendance qui découle de la création de toutes pièces. C'est une excellente option et vous offre toute la flexibilité de conception dont vous avez besoin.

3. Utiliser la plateforme de développeur

L'accès aux fichiers de modèle n'est pas le seul outil de la plate-forme de développement Squarespace. Si vous voulez vraiment construire quelque chose à partir de rien, c'est ici qu'il faut commencer.

La plate-forme de développement permet aux concepteurs de créer un site entièrement personnalisé à partir de rien et d’utiliser des outils tiers. La plate-forme comprend un serveur de développement local, une chaîne d'outils, une API JavaScript principale, etc.

Les concepteurs obtiennent un contrôle total du code, un accès à tous les référentiels Git, un langage de modèle simple (modèle JSON), une infrastructure hôte puissante, un CDN intégré réduisant les temps de chargement et un gestionnaire de site backend robuste (pouvant être déployé sur des clients). .

De nombreuses grandes marques utilisent des sites Squarespace, tels que John Malkovich Fashion (ci-dessus). Avez-vous arrêté de penser au fait qu'ils ne ressemblent pas au modèle? Le développement personnalisé y est pour beaucoup, et la plate-forme est disponible pour tout utilisateur souhaitant créer un design réellement personnalisé sur la plate-forme Squarespace.

4. Utilisez les modèles

Commencer par un modèle de créateur de site Web présente beaucoup d’intérêt.

Cela peut vous faire gagner du temps et vous aider à penser d'une nouvelle manière aux problèmes de conception. Plutôt que de considérer un modèle comme une frustration au niveau de la conception, abordez-le comme un défi. Utilisez les contraintes du modèle pour vous aider à concevoir quelque chose dans cette zone.

Cela peut être un excellent exercice pour tout concepteur pour aider à étirer un peu les muscles créatifs. Cela vous aidera également à réfléchir à la manière dont les autres concepteurs assemblent le contenu et les éléments de conception et vous permettra peut-être de découvrir quelque chose de nouveau.

Squarespace n'est pas le seul constructeur de site Web disponible avec des modèles et des options pour commencer. Il y en a beaucoup d'autres aussi. (Utilisez ce guide de comparaison pour choisir celui qui convient à vos projets.)

5. Utiliser des personnalisations tierces

Développez les fonctionnalités d'un site Web Squarespace avec des applications tierces et des personnalisations. La plupart des utilisateurs ne vont pas au-delà de l'ensemble d'outils inclus, mais vous pouvez intégrer de nombreux autres éléments à la conception pour la faire ressembler à la vôtre.

Squarespace indique que la personnalisation par un tiers est disponible pour les fonctionnalités et fonctionnalités non intégrées à l'outil. Les applications tierces résolvent ce problème pour beaucoup de concepteurs. La majeure partie de cette personnalisation inclut l’injection de code dans un bloc Squarespace.

BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, la recherche MLS, Apple Touch Icons, Wufoo, Zocdoc et Swiftype sont des personnalisations tierces courantes.

Si les applications tierces vous effraient un peu - Squarespace ne leur offre aucune assistance - il existe des intégrations intégrées offrant de nombreuses fonctionnalités similaires.

Conclusion

De plus en plus de constructeurs de sites Web offrent des outils de développement pour encourager les utilisateurs plus avancés à se pencher sur les plates-formes.

Squarespace est un excellent outil, mais ce n’est qu’une des nombreuses options disponibles. Voici une comparaison des choix les plus populaires. Bien que tous les concepteurs n'aiment pas les constructeurs de sites Web, cela peut être une excellente option à la rigueur. De plus, il existe de nombreuses façons d'ajouter de la personnalisation supplémentaire et même de créer un site Web à partir de rien sur une plate-forme telle que Squarespace.