Accueil Médias sociaux Comment réorganiser les blocs avec LayoutEngine sur Squarespace - dummies

Comment réorganiser les blocs avec LayoutEngine sur Squarespace - dummies

Table des matières:

Vidéo: WordPress : comment réorganiser les différents blocs d’une page créée avec Brizy 2025

Vidéo: WordPress : comment réorganiser les différents blocs d’une page créée avec Brizy 2025
Anonim

LayoutEngine de Squarespace vous permet de positionner les blocs de plusieurs façons. Le processus est presque magique. La racine de la magie de LayoutEngine est une grille de colonnes qui régit la position des blocs sur la page. Vous utilisez la grille pour aligner parfaitement les blocs afin de créer des pages parfaitement organisées et agréables visuellement.

Pour déplacer et réorganiser les blocs sur une page, procédez comme suit:

  1. Placez le pointeur de la souris sur un bloc jusqu'à ce que le curseur devienne une flèche multidirectionnelle.

  2. Cliquez et maintenez le bouton de la souris sur le bloc que vous voulez déplacer.

    Tous les blocs de votre page sont entourés d'une lueur bleutée afin que vous puissiez voir leurs bords et positionner précisément le bloc que vous déplacez.

    Une icône de flèche multidirectionnelle apparaît dans le coin supérieur droit de certains blocs lorsque vous placez le curseur de votre souris dessus. Si vous voyez cette icône, vous devez cliquer dessus pour faire glisser ce bloc.

  3. Faites glisser le bloc vers un autre emplacement sur la page.

    Lorsque vous faites glisser le bloc plus près du bord d'un autre bloc, le bord est mis en évidence par une ligne bleue et l'une des quatre options d'ancrage apparaît. Vous pouvez contrôler quelle option apparaît en fonction de la position de votre curseur près du bord:

    • Ligne: Ajoute le bloc à une nouvelle ligne. Placez votre curseur plus près du bord inférieur ou supérieur d'un autre bloc.

    • Insérer: Fixe le bloc en haut ou en bas d'un autre bloc. Placez votre curseur plus loin vers l'intérieur à partir du bord supérieur ou inférieur du bloc auquel vous voulez attacher le bloc que vous déplacez.

    • Colonne: Ajoute le bloc à côté d'un autre bloc ou ensemble de blocs. Placez votre curseur près du bord gauche ou droit d'un autre bloc.

    • Float: Vous permet de placer un bloc d'image ou un bloc de carte dans un bloc de texte afin que les mots s'enroulent autour des côtés du bloc flottant. Positionnez votre curseur à la gauche ou à la droite du paragraphe auquel vous voulez que l'image ou la carte flotte à côté.

  4. Déposez le bloc en relâchant le bouton de la souris.

Comment séparer des blocs en lignes

Lorsque vous ajoutez un bloc à une page, le bloc est ajouté à une nouvelle ligne et s'étend de l'extrême gauche à l'extrême droite de la page. La hauteur du bloc est fluide, en expansion pour contenir le contenu que vous y ajoutez. Vous pouvez réorganiser les blocs de haut en bas de la page.

Si vous ajoutez un bloc à une page contenant déjà des blocs, le nouveau bloc sera ajouté en dessous des blocs existants.

Lorsque vous créez une nouvelle page ou un nouveau blog, un bloc de texte est automatiquement ajouté.

Comment créer des colonnes de blocs

Lorsque vous réorganisez des blocs, vous pouvez les placer à gauche ou à droite l'un de l'autre, en créant des colonnes dans une rangée. Ces colonnes affectent uniquement la ligne contenant les blocs. Par exemple, vous pouvez organiser trois blocs sur une ligne mais cinq blocs sur une autre ligne.

LayoutEngine utilise une structure de grille de 12 colonnes. Si vous organisez des blocs dans une rangée et que vous voulez qu'ils aient la même largeur, vous devez utiliser 1, 2, 3, 4 ou 6 blocs. (Ces nombres sont divisibles uniformément en 12.)

Pour ajuster la largeur de deux blocs adjacents, placez votre curseur entre les deux blocs. Une fine ligne verticale apparaît et le curseur se transforme en curseur de redimensionnement. Cliquez et faites glisser pour ajuster la largeur des blocs. Le redimensionnement d'un bloc affecte la taille du bloc adjacent.

Comment insérer des blocs

Lorsque vous insérez un bloc au-dessus ou au-dessous d'un autre bloc, vous connectez ces blocs dans la même colonne. Les blocs seront affichés ensemble, ce qui peut être utile lorsque vous créez des mises en page complexes.

De plus, lorsque votre site est redimensionné pour s'adapter à la largeur d'un périphérique mobile, les blocs se redistribuent les uns sur les autres.

Généralement, vous insérez des blocs au-dessus ou au-dessous d'un autre bloc. Cependant, vous pouvez également diviser des blocs de texte avec un autre bloc en insérant un bloc entre les paragraphes du bloc de texte.

Comment faire flotter des blocs dans le contenu

Lorsque vous avez un bloc flottant , le texte de la page enveloppe les côtés du bloc. Les seuls blocs pouvant flotter dans un bloc de texte sont les blocs d'image et les blocs de carte.

Vous pouvez faire flotter un bloc à côté de n'importe quel paragraphe du texte dans le bloc de texte. Pour positionner votre bloc, vous utilisez les icônes qui apparaissent en haut de l'image ou du bloc de carte. Vos options flottantes sont

  • Gauche: Fait flotter le bloc à gauche du texte.

  • Aucun retour à la ligne: Fait flotter le bloc dans le texte mais n'affiche pas le texte sur le côté gauche ou droit du bloc. Le bloc de carte s'étendra pour remplir toute la largeur du bloc de texte.

    Le bloc d'image fera de même, sauf si l'image n'est pas assez grande, auquel cas l'image sera affichée à sa taille la plus grande, centrée sur toute la largeur du bloc de texte.

  • Droite: Fait flotter le bloc à droite du texte.

Maintenant que vous avez regardé comment ajouter, supprimer et réorganiser les blocs dans vos pages, il est temps de passer à la Partie IV, où vous regardez tous les différents types de blocs que vous pouvez ajouter à votre site.

Comment réorganiser les blocs avec LayoutEngine sur Squarespace - dummies

Le choix des éditeurs

Spotify Mobile Service avec un compte Premium - Les nuls

Spotify Mobile Service avec un compte Premium - Les nuls

Les deux principaux avantages des abonnés Spotify Premium sur Spotify Free ou Les détenteurs d'un compte illimité ont la capacité d'accéder au catalogue de diffusion en continu de Spotify via un appareil mobile et d'écouter des pistes en mode hors connexion à l'aide de votre application mobile ou informatique. Ce sont les deux caractéristiques qui justifient le fait que Spotify ...

Spotify Listes de lecture de Mobile - mannequins

Spotify Listes de lecture de Mobile - mannequins

Comme sur votre ordinateur, vous pouvez gérer les listes de lecture Spotify sur votre téléphone. Toute modification apportée à votre liste de lecture est synchronisée sur tous les appareils auxquels vous êtes connecté, en temps réel. Lorsque vous démarrez l'application Spotify, toutes vos playlists sont affichées immédiatement, mais vous pouvez y accéder à tout moment en appuyant sur ...

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de copier des liens Web et des URI vous pouvez coller où vous voulez: dans les blogs, les e-mails, les réseaux sociaux, même les documents de traitement de texte. Cliquez avec le bouton droit de la souris sur ce que vous voulez partager et choisissez une option de copie dans le menu contextuel qui s'affiche généralement. Dans certains cas, si vous savez comment un lien est construit, ...

Le choix des éditeurs

Médias sociaux et marketing par e-mail - nuls

Médias sociaux et marketing par e-mail - nuls

Réseaux sociaux clients potentiels via des sites Web et des e-mails. Rappelez-vous, la suppression des e-mails pour gagner du temps est le mode opératoire pour les gens connectés en ligne dans les affaires ces jours-ci. Certaines entreprises estiment avoir le droit d'envoyer des offres quotidiennes et des promotions accompagnées de fanfares. Est-il même possible pour une entreprise de ...

Social Media Commerce: Enregistrement client par Mobile App - dummies

Social Media Commerce: Enregistrement client par Mobile App - dummies

Certains médias sociaux Les applications récompensent leurs utilisateurs pour l'enregistrement depuis les smartphones au fur et à mesure qu'ils passent d'un endroit à un autre dans le monde des briques et du mortier. Cette activité d'enregistrement mobile est populaire auprès de ceux qui se connectent en ligne. Vous pouvez encourager les gens à se présenter à votre lieu de travail. Le leader actuel sur le marché est Foursquare, un ...

Social Media Commerce: Blog pour votre entreprise - dummies

Social Media Commerce: Blog pour votre entreprise - dummies

Quand vous vous sentez prêt Pour passer à l'étape suivante dans le commerce des médias sociaux et faire quelque chose au-delà d'un site Web d'entreprise, vous pouvez développer un blog pour communiquer avec les clients. Les blogs offrent un espace à votre entreprise pour améliorer son message et répondre aux commentaires des lecteurs. Un blog (à partir du web-journal) peut ...

Le choix des éditeurs

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Bien que Ning supporte 18 langues , avec autant de langues dans le monde, vous devrez peut-être traduire votre réseau en un réseau que Ning ne prend pas en charge. Créer une nouvelle traduction:

Comment syndiquer le contenu de votre réseau Ning - des nuls

Comment syndiquer le contenu de votre réseau Ning - des nuls

Votre réseau Ning vous offre de nombreuses façons d'utiliser Flux RSS pour syndiquer le contenu que vous et vos membres contribuent au réseau. Si les titres des éléments des flux RSS de votre réseau sont suffisamment informatifs et convaincants, les internautes qui visitent d'autres sites Web qui affichent le flux RSS de votre réseau peuvent cliquer sur les titres ...

Comment utiliser le mur de commentaires de Ning - mannequins

Comment utiliser le mur de commentaires de Ning - mannequins

Votre page de profil Ning a un mur de commentaires, où autre Les membres de Ning peuvent vous laisser des messages. Le mur de commentaires permet aux membres de vous écrire quelque chose, d'inclure un lien vers un autre site Web, d'intégrer de la vidéo à partir du réseau ou d'autres sites, ou de poster une photo pour que vous puissiez la consulter. N'importe qui dans le réseau peut partir ...