Construire une page d’accueil avec un thème basésur des blocs集团公司


Dans ce tutoriel,nus allons creéer une page d’accueil en utiliant un thème basésur des blocs sans recourirádes extensions niádu code。

表达异议

  1. 配置器une page d’accueil statique。
  2. Créer une entéte et un pied de page pour votre modèle de page的主题。
  3. 不同类型的组块和组块组成的焦耳-页码d’accueil et les修饰语。
  4. 利用者la bare d'outils et colonne latérale des réglages des blogs。

综合问题

  1. Quel modèle voulez-vous assignerávotre page d'accueil?
  2. “tes-vousál’aise avec l’utilization des compositions‘enteéte et des compoints de pied de page”是什么意思?
  3. Quelle est la function du bloc Contenu?

转录

Bonjour et bienvenue sur学习WordPress。Aujourd'hui,nus allons构建了集团基础的“准确”页面。“准确度中心负责人”网站和“观察镜”品牌。Elle devrait煽动探险家davantage votre网站et,bien sör,捕获者leur注意。Dans la session d'aujourd'hui,nous allons définir une page d'accueil statique,creéer unélément de mod le d'ente e te et de pied de page,supprimer le titre du site et constructure la page d'accueilál'ide de l'editeur de blogs。L'objectif est de recretéer cette page d'accueil que j'ai déjáréalisée e e e。J'ai uniquement utilisédes blocs pouréer cette page d'accureil ayant pour theme le seaviation,et J'ai superative de créer des opportunities pour incenter l’internauteáa explorer davantage le site web。

Tout d’abord,j'ai creéretois文章。J'ai ajoutétous les médias que J’usilirai pour mon网站。J'ai creédes pages pour mon menu de navigation,J'ai installéle thème basésur des blogs Twenty-Twenty Two,et maintenant nous allons cliquer sur le menu«Réglages»puis sur«讲座»。

《程序磁带》包括《精确统计》第页、《统计与最终结果》第页和《文章汇编》第页,《Enregistrer les modifications》第页。Lorsque nos revenons aux pages,nos remarquerons maintenant que que cela indique《文章页面》、《博客页面》和《accueil页面》。Lorsque nous ouvrons not re page d‘accueil,nous constants qu’elle aétéattribuée au modèle par défaut,qui est le modèle de page,ce qui signific qu’elle partagera les mêmes entête and pied de page que les autres page。你是苏海特斯,你是《新运动》上一页独特的人物形象。

Une fois que vous avez défini votre page d'accueil statique,rendez-vous dans«Apparence»et cliquez sur«editeur»。Cela vous amènera a votreéditeur de site网站。Cliquez sur la«Vue en liste»是为了避免页面结构的混乱,而首席执行官则选择了支持出版量的所有方式。事实上,这是一个很好的例子,它是一个非常有趣的例子。Je vais useler des compositions pour remplacer l’ente ie te actuel是利用构图来替换实际的。Une fois que vous avez sélectiononéle集团母公司,cliquez sur«Remplacer»,puis recherchez la composition pertinente qui répondávos besoins。Je recherche la composition dénte avec le logo du site au milieu et leséléments de navigation sur les cortes城市环境和环境的组成。Ensuite,j’ajouterai les liens vers mes pages ainsi que le logo du site。Enfin,je souhaite changer la couler de fond en blanc et la couleur du texte ainsi que des liens en noir公司的变革。

主租户,nus pouvons suivre le me processus pour le pied de page。Sélectiononz le bloc pied de page,cliquez sur«Remplacer»,et trouvez la composition de pied de page pertinente。瞧!

诺特尔模式下的努斯-埃文斯终端配置,主租户努斯-普万开始于诺特尔地区的一个外部。Cliquez sur l’iconne WordPress ou l’icon ne du site pour revinir au tableau de bord网站。Ouvrez la page d’accueil et maintenant nous pouvons starcerácréer开始。拉普里米尔选择了最重要的形象,最重要的是组成集团。Je vais me rendre dans le répertoire des compositions et taper«班尼埃»。由fois que vous avez trouvéla作曲que vous-recherchez,vous pouvez simplement la copier et la coller dans votre page,puis commoccerála修饰语组成。

Tout d’abort,je vais remplacer l’image d’arrière-plan,modifier l’opacityé,puis commencerápersonaliser le contenu,et en un rien de temps,vous aurez une bannière accompangeée par du texte。Ensuite,j'insérerai un bloc«Galerie»et sélectiononrai trois images de ma libliothèque de médias。Ensuite,je vais cliquer sur la«Vue en liste»,sélectionner le bloc«Galerie»,changer l’alignment en pleine largeur et l’spacement du blocázéro。

4月集团“Galerie”,je veux ajorre une of fre speciale,et pour cela,j’uselirai un un bloc“Title”et un blog“Colonnes”。Je vais启动人parécrire«Offre spéciale»,变更人l’alignment au centre et appuyer sur«Entreée»。Ensuite,j’ajouterai un bloc«Colonnes»avec deux Colonnes。J'ouvrirai la«Vue en liste»pour m’assurer d’avoir sélectiononéle集团母公司。Je vais changer l’alignment du block en pleine largour(大机组调整)。Dans la colonne de gauche,j’ajouterai une image,je changerai le style pour qu’elle soit arrondie,ajoterai unelégende,j’a jouterai-un block“Boutons”en disant que obuindrez 15%的产品平均价格。Je vais changer l’alignment au centre,le rayoná100,ajourner un lien et changer l'arière-plan en-noir;普耶·费莱(puis je ferai)严格要求拉梅梅(lamíme)选择了丹斯·拉德罗伊特上校(dans la colonne de droite)。前卫的continuer,je voudrais creéer de l'espace en utiliant des blocs«Espacement»。

主租户,je vais insérer un blog«Boucle de requáte»为更多文章提供便利。Ajoutons don un titre que nus appelleron“O'aller sunite”。Je vais changer l’alignment en pleine largeur et l’alingement du texte au centre.(Je vais-变换器‘在大范围内对齐,在中心对齐’。)。4月,《Entreée》上的avoir appuyésur,j'insérerai le bloc《Boucle de requéte》和《Partir de zéro》上的cliquerai。Ensuite,je choisirai l’option“图像,日期和滴度”ainsi que la“Vue en grisor”。Je changerai确保了整条线路的完整性。图像的选择,以及柱廊的华丽装饰,都是为了保证图像的精确性。Enfin,cliquez sur la“Vue en liste”and supprimez tout blog que vous ne jugez pas important Enfin,cliquez sur la“Vue en liste”and supprimez是一个重要的集团。例如,le bloc«寻呼»、le bloc»Aucun résultat»和le bloc〈日期»。

4月宣布成立“Espacement”集团,“Bannière”集团。我选择了《Médiathèque》的图像,改变了大范围的对齐,改变了焦点的选择。Je changeraiégalement l’opacityépour la rendre légèrement加上忧郁。在圣约翰大教堂开始的时候,就有一个非常漂亮的金币。2022年启航主要目的地证书。Comme vous l’avez remarqué,vous pouvez changer la taille de votre texte dans les réglages de la bare latérale。Ensuite,j'ajouterai un block《Boutons》。Je mettra le texte en gras、la couleur du texte en noir和la couler de fond en blanc。结果,je mettra le rayoná100 et j’ajouterai un lien。

根据《Média et texte》集团的要求,我们提供了一份内部文件。4月,阿沃伊尔·昌盖尔(avoir changeél’alignment en pleine largeur)、努斯·阿约特龙(nus ajoterons une image du coégauche et le texte appropriéainsi qu'un bouton du cédroit。努斯·塞夫龙·莱梅塞(Nous suivrons les mémesé)将你的莱梅梅·帕克斯(le me processus que dans les)作为公共事务的例子。

因此,j’imerasis insérrer une composition‘appelál’action。Cliquez sur«Tout parcourir»,puis rendez-vous dans les构图。Je vais chercher une compositions de boutons et une fois que vous cliquez sur la composition,elle’s insérera immédiatement dans votre页面。主租户,je vais continuer et modifier le contenu。La mise en place d'une tensionávotre newsletter est une autre façon d'engager les interautes et d'établir un contact avecces personnes.《新闻报》刊登了《联合国题词》。J'ai seulement changéle texte et n’oubliez pas d'ajouter un-lien URLávotre bouton(《圣经》)。

Enfin,je vais ajouter un block«Galerie»有六幅图像。确保集团母公司dans la«Vue en liste»et changez votre galerie pour afficher六个上校。Ensuite,descentez et définissez l’espacement du blocázéro,et une fois que vous avez changeél’alignment en pleine largeur,vousétes bon。Lorsque je clique sur«Prévisualiser dans un nouvel onglet»,je pourrai voir ma page d’accueil termine e qui aétécrée e sans aucune extension ou code。

Je vous souhaite tout le meilleur dans votre utilization d'un theme baséme sur des blogs pour créer votre propre页面d'accueil et网站。

研讨会详细信息


演示者

韦斯·塞隆
@西7

我是Automatic赞助的WordPress开源项目的教学设计师。我是开源运动的坚定支持者。我有教育和内容开发方面的背景。我是一个丈夫、父亲、梦想家和终身学习者。

其它责任者

昆汀·勒达夫珍妮·杜佩