Une page d'article de blog est une page Web qui affiche un seul article de blog. Il peut être utilisé pour promouvoir des produits ou des services, ou à diverses autres fins.
Avec Concept , un thème Shopify OS 2.0 , vous avez la possibilité d'ajouterdifférentes sections sur chaque page. Cela signifie que vous pouvez entièrement personnaliser l'apparence de votre page 404 en ajoutant les sections de votre choix. Cliquez simplement sur le bouton Ajouter une section et choisissez les sections que vous souhaitez afficher sur votre page.
En faisant cela, vous pouvez créer une page de blog visuellement attrayante qui gardera vos visiteurs engagés et informés.
A. Article de blog par défaut
1. Section bannière des articles de blog
| Description | ||
|---|---|---|
| Bannière d'article de blog | ||
| Autoriser l'en-tête transparent | Ce paramètre n'est applicable que lorsque cette section est la première. | |
| Afficher l'image sélectionnée | Affiche l'image sélectionnée pour l'article de blog. Pour de meilleurs résultats, utilisez une image au format 16:9. Apprendre encore plus . | |
| Image | Choisit/télécharge l’image de la section. Par défaut, l'image sélectionnée. | |
| Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
| Position du contenu du bureau | Définit la position du contenu sur le bureau : | |
| Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau : | |
| Disposition mobile | ||
| Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
| |
| Position du contenu mobile | Définit la position du contenu sur le navigateur mobile : | |
| Alignement du contenu mobile | Définit l'alignement du contenu sur le navigateur mobile : | |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Vous pouvez ajuster le remplissage supérieur et le remplissage inférieur de 0 px à 120 px par incréments de 4 px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Faire une section pleine largeur | Rend le conteneur sur toute la largeur. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. La direction de la parallaxe peut être choisie parmi les 3 options suivantes : | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Blocs disponibles :
- 1.1 Titre de l'article de blog
- 1.2 Fil d'Ariane
- 1.3 Espace vide
1.1 Les paramètres du bloc de titre de l'article de blog.
| Description | ||
|---|---|---|
| Titre des articles du blog | ||
| Taille du titre | La taille du titre : | |
| Voir les étiquettes | Affiche les balises des articles du blog d'administration avec des images. | |
| Afficher la date | Affiche la date de publication de l'article de blog. | |
| Afficher le nombre de commentaires | Affiche le nombre total de commentaires publiés. | |
| Afficher l'auteur | Affiche l'auteur des articles de blog. | |
1.2 Les paramètres du bloc Breadcrumb.
Ce contenu provient de votre article de blog sur Modifier l'article de blog .
1.3 Les paramètres du bloc Espace vide.
| Description | ||
|---|---|---|
| Espace libre | ||
| Hauteur du bureau | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur le bureau. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px. La valeur par défaut est 40px. | |
| Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px. La valeur par défaut est 28px. | |
2. Articles de blog
| Description | ||
|---|---|---|
| Section | ||
| Vous pouvez ajuster le remplissage supérieur et le remplissage inférieur de 0 px à 120 px par incréments de 4 px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Blocs disponibles :
- 2.1 Partager
- 2.2 Articles de blog suivants et précédents
- 2.3 Commentaires
- 2.4 Liquide personnalisé
- 2.5 Espace vide
2.1 Les paramètres du bloc Partager.
| Description | ||
|---|---|---|
| Partager | ||
| Texte | Ajoute du texte pour le bloc. Si vous incluez un lien dans les publications sur les réseaux sociaux, l'image sélectionnée de la page sera affichée comme image d'aperçu. Apprendre encore plus . Un titre et une description du magasin sont inclus avec l'image d'aperçu. Apprendre encore plus . | |
| Afficher le nombre de commentaires | Affiche le nombre total de commentaires publiés. | |
2.2 Les paramètres du bloc Articles de blog suivants et précédents.
- Afficher la date : affiche la date de publication de l'article de blog.
- Afficher le nombre de commentaires - Affiche le nombre total de commentaires publiés.
- Afficher l'auteur - Affiche l'auteur des articles de blog.
2.3 Les paramètres du bloc Commentaires.
- Afficher l'avatar du commentaire - Permet d'afficher l'avatar du commentaire.
2.4 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
2.5 Les paramètres du bloc Espace vide.
| Description | ||
|---|---|---|
| Espace libre | ||
| Hauteur du bureau | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur le bureau. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px. La valeur par défaut est 40px. | |
| Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0px à 120px, augmentant arithmétiquement de 4px. La valeur par défaut est 28px. | |
3. Section des articles de blog
| Description | ||
|---|---|---|
| Articles de blog | ||
| Blog | Sélectionne le blog à partir duquel vous souhaitez afficher les articles de blog. Si aucun blog n'est sélectionné, le premier blog par ordre alphabétique de votre page Blogs sera utilisé. | |
| Nombre d'articles de blog à afficher | Le nombre d'articles de blog que vous souhaitez afficher dans la section, de 0 à 12. | |
| Nombre de colonnes sur le bureau | Personnalise le nombre de colonnes affichées sur le bureau de 1 à 5. | |
| Activer le carrousel sur le bureau | Affiche un carrousel d'articles de blog de la collection sur le navigateur de bureau. | |
| Activer le bouton « Afficher tout » | Affiche un bouton Afficher tout qui renvoie à la page du blog si le blog contient plus de publications que la limite spécifiée. | |
| Disposition mobile | ||
| Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
| Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
| Carte d'articles de blog | ||
| Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
| Voir les étiquettes | Affiche les balises des articles du blog d'administration avec des images. | |
| Afficher la date | Affiche la date de publication de l'article de blog. | |
| Afficher le nombre de commentaires | Affiche le nombre total de commentaires publiés. | |
| Afficher l'auteur | Affiche l'auteur des articles de blog. | |
| Afficher sauf | Affiche l'extrait des articles du blog. Changez des extraits en éditant vos pots de blog.Apprendre encore plus . | |
| Titre | ||
| Titre | Le titre de la section. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extra large . | |
| Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Description | Le texte de description du titre est placé sous le titre. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Vous pouvez ajuster le remplissage supérieur et le remplissage inférieur de 0 px à 120 px par incréments de 4 px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section | |
| Faire une section pleine largeur | Rend le conteneur sur toute la largeur. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Cette section ne prend pas en charge l'ajout de blocs.
Nous espérons que cet article vous a été utile. Si vous avez des questions ou des préoccupations concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir de l'aide.
