Share
De nombreux blogueurs potentiels sont intimidés par l'inaction, car ils ont l'impression que créer et gérer un blog est un défi technique de taille. Si vous comptez vous-même parmi ce groupe, cet article est pour vous.
En réalité, le fait que vous lisiez ceci vous qualifie presque certainement pour créer un site Web. Il vous suffit d'un minimum de connaissances en informatique pour apprendre ce qui est nécessaire pour créer et gérer votre propre blog. Fini le temps où vous deviez vous familiariser avec des codes tels que HTML et CSS pour créer votre propre coin sur le Web - bien que de telles compétences soient certainement utiles dans de nombreuses applications, elles ne sont plus une nécessité..
Quand il s'agit de créer un blog, tout ce dont vous avez besoin est une bonne idée et quelques heures de votre temps (ou même moins) pour se lever et courir. En outre, grâce à une vaste sélection de cadres de thèmes hautement personnalisables, vous pouvez créer un site Web d'aspect professionnel en un temps record avec une relative facilité. Les trois prochains articles de cette série sur la création d'un blog d'autorité réussi mettront l'accent sur les fondements de la création de votre propre blog. Cet article portera spécifiquement sur la création d'un design unique pour votre site Web. Commençons!
Il y a une quinzaine d'années, je créais des sites Web en les codant manuellement dans Microsoft Notepad et en téléchargeant chaque page HTML via FTP. Ce n'était pas facile. Mais avance rapide jusqu'en 2013 et la création de votre propre site Web ne peut pas être un processus plus compliqué que d'utiliser un traitement de texte.
Pour votre site Web, nous allons utiliser le système de gestion de contenu le plus populaire au monde: WordPress. Plus spécifiquement, nous allons utiliser WordPress auto-hébergé.
Mais avant d'aller plus loin, abordons les questions élémentaires. Tout d'abord, qu'est-ce qu'un système de gestion de contenu (ou CMS)? Wikipedia le définit comme suit:
Un programme informatique qui permet la publication, l'édition et la modification de contenu ainsi que la maintenance à partir d'une interface centrale.
Mettre tout simplement, c'est à la conception de sites Web ce que Microsoft Word est à la création de documents. Il crée un cadre à partir duquel vous pouvez lancer un site Web en un clic. En outre, il vous permet facilement de modifier radicalement et d'améliorer facilement le design et les fonctionnalités de votre site Web. En bref, c'est génial et est (à mon humble avis) de loin la meilleure option pour nos besoins.
Mais pourquoi utiliser WordPress auto-hébergé à la place de son équivalent, WordPress.com? Cet article n’entre pas dans les détails, en particulier lorsque de nombreux articles ont déjà été écrits sur le sujet. Voici mon préféré sur le sujet si vous voulez vous éduquer. L’un des principaux avantages de l’auto-hébergement est qu’il vous permet de personnaliser votre configuration WordPress en profondeur. Prends le moi -- WordPress auto-hébergé est la bonne option pour créer un blog d'autorité.
Si vous avez besoin d’indications sur l’achat d’un nom de domaine, l’hébergement et la configuration de WordPress, regardez cette vidéo dans laquelle je vous montre comment le faire en quelques minutes. C'est du gâteau.
Lorsque vous installez WordPress, il contient quelques thèmes par défaut gratuits, tels que Twenty Twelve. Pendant que tu pouvez commencer tout de suite à bloguer avec l'un de ces thèmes, L'installation d'un thème premium peut faire toute la différence en fournissant une expérience plus unique et plus agréable aux visiteurs de votre site.. Cela ne doit pas forcément faire sauter la banque: le thème que je vais vous recommander ne coûte que 60 $ et offre un design époustouflant et une grande flexibilité..
Je parle du framework Canvas, que je considère comme le meilleur framework de thèmes premium disponible pour WordPress. Je ne fais pas que du bout des lèvres: j'utilise Canvas pour les blogs d'autorité que je possède; notamment le fait de laisser le travail de côté:
Vous pouvez acheter Canvas directement auprès de Themeforest. Il est livré avec des instructions d’installation complètes - vous n’aurez probablement pas besoin de beaucoup d’aide à cet égard; le processus d'installation est très simple. Dans ce didacticiel, je veux me concentrer sur la mise en forme et le moulage de Canvas pour créer un design unique pour votre propre blog d'autorité..
Pour vous donner une idée de la diversité des conceptions que vous pouvez créer avec Canvas, voici deux versions du même site Web de base:
Le même site Web, différents paramètres dans Canvas. Vous pouvez utiliser ce thème pour créer à peu près tout.
Ce didacticiel est divisé en cinq sections, dont chacune vous montrera comment apporter des modifications majeures au framework Canvas avec une relative facilité. Chaque section est autonome et ne repose pas sur les autres, alors n'hésitez pas à aborder la personnalisation de votre site d'autorité de la manière qui vous convient.
Bien que vous puissiez faire beaucoup de choses en termes de personnalisation dans le cadre du thème Canvas, ce didacticiel se concentre sur une liste relativement restreinte d'actions à fort impact pouvant être entreprises pour créer un thème vraiment unique.
L'une des modifications les plus remarquables que vous puissiez apporter à votre site est sa mise en page. Dans cette section, nous modifierons la largeur de votre site ainsi que la structure générale..
Aller vers Canevas> Options de thème> Style et mise en page depuis votre barre latérale WordPress. Utilisez le curseur pour changer la largeur de votre site Web (y compris les barres latérales).
Notez que la largeur maximale recommandée est de 1 600 px. Si vous dépassez cette limite, votre site s'étend probablement au-delà de la largeur de l'écran de nombreux visiteurs et n'est pas recommandé..
En règle générale, autorisez environ 600 pixels pour votre colonne de contenu et environ 300 pixels supplémentaires pour toutes les colonnes. Même si votre site comporte deux colonnes, il n'y a aucune raison pour que la largeur de votre site dépasse ~ 1 200 pixels..
Dans le même écran, sélectionnez la disposition principale de votre site..
Vous avez un total de six options. La première est une mise en page à zéro colonne (similaire au blog Signal vs. Noise), les autres sont une sélection d'options variées de la barre latérale..
La mise en page de blog la plus populaire consiste en un seul affichage de colonne principale avec une colonne de barre latérale, généralement avec la place de la barre latérale à droite du contenu principal. Comme vous pouvez le voir sur la capture d'écran ci-dessus, cette disposition est sélectionnée par défaut. Si vous voulez utiliser quelque chose de plus unique, choisissez une disposition de colonnes différente ou soyez encore plus audacieux et optez pour une disposition de colonnes zéro..
Dans le même écran, sélectionnez les zones du widget de bas de page de votre site..
Les widgets de pied de page seront affichés sous votre contenu et étendus sur toute la largeur de votre site (y compris les colonnes). Ce sont des "zones widgetisées", ce qui signifie que vous pouvez y glisser des "widgets" prédéfinis (comme un champ de recherche, des publications récentes, des publications populaires, etc.)..
Vous pouvez avoir jusqu'à quatre widgets de bas de page sur votre site, voire aucun..
En incorporant votre propre logo et une couleur ou une image d'arrière-plan personnalisée, vous pourrez immédiatement créer votre propre thème. Heureusement, avec le thème Canvas, il est facile de le faire.
Si vous êtes un défi graphique (comme moi), il existe de nombreuses options en termes de conception de logo qui conviennent à tous les budgets. Le FreelanceSwitch Job Board et le nouveau site d’Envato Microlancer sont deux endroits où trouver des concepteurs de logos indépendants..
Aller vers Toile> Options de thème> Démarrage rapide depuis votre barre latérale WordPress. Clique sur le Télécharger bouton sous le Logo personnalisé section pour télécharger un logo.
Aller vers Canevas> Options de thème> Style général depuis votre barre latérale WordPress. Choisissez une couleur de fond à l'aide du sélecteur de couleur.
Votre site ne avoir besoin avoir une couleur de fond, même si en avoir une est un moyen facile de distinguer votre site des autres.
Dans le même écran, cliquez sur le bouton Télécharger bouton sous le Image de fond section pour télécharger une image de fond. Puis utilisez le Répéter l'image d'arrière-plan, Position de l'image de fond et Pièce jointe options pour vous assurer que votre image de fond est présentée de la bonne manière.
Avec la typographie, c’est le domaine dans lequel vous pouvez avoir le plus d’impact. Les nombreuses options de personnalisation de Canvas vous permettent de modifier complètement l'apparence de votre site, de la barre de navigation aux widgets de la barre latérale et du pied de page..
En suivant les étapes ci-dessous, vous rencontrerez diverses options relatives à la typographie. Vous pouvez les expérimenter à ce stade, mais ils seront abordés à la quatrième et dernière étape de ce didacticiel..
Aller vers Canevas> Options de thème> Navigation principale depuis votre barre latérale WordPress. Un certain nombre d’options vous seront présentées, notamment (sans s’y limiter):
Bien que le nombre d'options puisse sembler écrasant, chacune s'explique d'elle-même.
Commencez par modifier les couleurs. Utilisez les sélecteurs de couleur pour définir un Couleur de fond, Survolez la couleur du texte, Survolez la couleur de fond, Couleur actuelle du texte de l'article et Couleur de fond de l'article actuel. Notez que les couleurs que vous choisissez devront être complémentaires les unes des autres - il est peu utile de rendre votre couleur d'arrière-plan et votre couleur de survol bleutés (car le texte disparaîtra lorsque la souris est passée)..
Puis éditez les bordures de navigation. Définir les largeurs de bordure et les couleurs pour Diviseur, Bordure du menu déroulant, Haut de la frontière, Bordure Bas et Bordure Gauche / Droite. Enfin, si vous souhaitez que les angles de votre barre de navigation soient arrondis, sélectionnez un nombre de pixels dans le champ. Coins arrondis de navigation liste déroulante.
Aller vers Toile> Options du thème> Widgets depuis votre barre latérale WordPress. On vous présentera un ensemble d’options similaires à celles du Navigation primaire écran, y compris (mais sans s'y limiter):
Il n’ya qu’une couleur principale à modifier et c’est le Couleur de fond du widget. Vous pouvez modifier radicalement l'apparence des widgets de votre site en modifiant les Widget Frontière, Rembourrage de widget et Titre du widget, bordure inférieure. Enfin, je vous recommande de définir Widget Coins arrondis à la même valeur que vous définissez Coins arrondis de navigation dans l'étape précédente afin de démontrer la continuité de la conception.
Aller vers Toile> Options de thème> Pied de page depuis votre barre latérale WordPress. On vous présentera un ensemble d’options presque identiques à celles trouvées dans le menu Widgets écran, y compris (mais sans s'y limiter):
Je vous recommande de définir ces options d’une manière qui soit conforme aux paramètres du widget. Met le Fond de pied de page de même que Pied de page frontière, Pied de bordure de bas de page, Bordure de pied de page gauche / droite et Pieds arrondis coins.
Pour les besoins de ce didacticiel, la typographie fait référence à la police, à la couleur et au style de tout le texte de votre site, de la navigation principale à la méta de la publication. En raison de la structure des options de personnalisation de Canvas, les paramètres typographiques sont dispersés sur différents écrans. Chacune des étapes suivantes vous montrera comment modifier la typographie pour chaque section distincte de votre site Web..
Aller vers Canevas> Options de thème> Navigation principale à partir de votre barre latérale WordPress et sélectionnez un Style de police de navigation.
Aller vers Toile> Options de thème> Messages / Pages depuis votre barre latérale WordPress. Un certain nombre d’options vous seront présentées, notamment (sans s’y limiter):
Les paramètres les plus importants à modifier sont Style de police de poste / titre de page et Style de police Post / Texte de page. Celles-ci auront l’effet le plus spectaculaire en termes de création d’une conception de page unique..
Aller vers Canevas> Options de thème> Style général depuis votre barre latérale WordPress. Utilisez les sélecteurs de couleur pour définir le Couleur du lien et Link Hover Couleur.
Aller vers Toile> Options du thème> Widgets depuis votre sidebar WordPress.
Changer la Titre du Widget et Texte du widget.
Aller vers Toile> Options de thème> Pied de page depuis votre sidebar WordPress et changer Pied de page Style de police.
Vous devriez maintenant avoir un site Web vraiment unique, mais votre chemin pour créer un blog d'autorité réussi est loin d'être terminé..
Dans les deux prochains articles de cette série, je me concentrerai sur ce que vous pouvez faire pour rendre votre site plus intéressant et plus dynamique pour les visiteurs, à la fois en termes de fonctionnalité et de structure. Après cela, nous passerons à la réalité en nous concentrant sur la création et la promotion de contenu de qualité..
En attendant, si vous avez des questions ou des commentaires, n'hésitez pas à nous contacter via la section commentaires ci-dessous.. Bonne chance!
Accentsconagua