Maison > Tutoriel CMS > WordPresse > le corps du texte

Tout le processus de création de thème WordPress (5) : création de header.php

青灯夜游
Libérer: 2023-02-23 19:46:16
avant
1881 Les gens l'ont consulté

Je vous ai présenté "L'ensemble du processus de production d'un thème WordPress (4) : Un petit test". Cet article continue de vous présenter le "Processus complet de production d'un thème WordPress (5) : Création de header.php". regardez-le ensemble. Bar~

Vous pouvez essayer d'utiliser un éditeur de texte pour ouvrir le fichier .html téléchargé depuis WordPress Theme Production Whole Process (3) : HTML Static Template Production I. je me demande si vous avez trouvé leurs en-têtes. Les codes dans toutes les parties sont très similaires ? En fait, nous pouvons extraire cette partie de code similaire et la mettre dans un fichier séparé header.php. Lorsque chaque page souhaite utiliser cette partie de code, utilisez le include() Ou incluez le <code>get_header() de WordPress. Cette partie du code doit être écrite dans chaque page de la province. Si vous la modifiez, vous pouvez atteindre l'objectif de tout changer. .html 文件,不知道你有没有发现他们头部的代码都非常的相似呢?其实我们可以提取这部分相似的代码,放到一个单独的文件header.php中,各个页面想用这部分代码的时候再用php的include()或者WordPress的get_header()包含进去,省的每个页面里面都要写这部分代码,更改起来也可以达到一改全改的目的。

再次提醒:如果你不打算动手编写代码,这个系列教程就别看了,对你无益!

接着我们上次创建的主题目录wp-contentthemesAurelius,在该目录下新建一个php文件header.php,我们提取出index.php中的头部代码复制粘贴到header.php中,下面的代码就是目前header.php中的所有代码了(当然不同主题的头部代码都是不一样,在你实际的项目中可以自定决定):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aurelius | Blog</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="./style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper" class="container_12 clearfix">
	<!-- Text Logo -->
	<h1 id="logo" class="grid_4">Aurelius</h1>
	<!-- Navigation Menu -->
	<ul id="navigation" class="grid_8">
		<li><a href="contact.html"><span class="meta">Get in touch</span><br />
			Contact Us</a></li>
		<li><a href="blog.html" class="current"><span class="meta">Latest news</span><br />
			Blog</a></li>
		<li><a href="index.html"><span class="meta">Homepage</span><br />
			Home</a></li>
	</ul>
	<div class="hr grid_12 clearfix"> </div>
	<!-- Caption Line -->
	<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
	<div class="hr grid_12 clearfix"> </div>
Copier après la connexion

再用文本编辑器打开index.phparchive.phpcontact.phpfull_width.phppage.phpsingle.php,删掉以上类似代码,改成:

&lt;?php get_header(); ?&gt;
Copier après la connexion

好,现在打开你的测试博客主页,看看我们制作的主题是否还可以正常工作,答案是可以的,跟原来几乎没什么两样,但还是一片混乱。get_header()就相当于将header.php中的代码拷贝到当前的php文件。接下来,我们将仔细探讨header.php中的动态内容。header.php将会被所有的模板页面(主页、分类页、页面、标签页等)所包含,所以header.php中代码应该是动态,适合不同页面的,所以这里面需要用到PHP代码,而不是单纯的HTML。下面让我们一起来修改header.php

1、更改</strong></h3><p>我们都知道不同页面的title都是不一样,而且title的设置还会直接影响到SEO的效果,所以这里应该谨慎设置。下面提供一种SEO优化的title写法,将<code><title>Aurelius | Blog</title></code>改成:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0"><title><?php if ( is_home() ) { bloginfo(&#39;name&#39;); echo " - "; bloginfo(&#39;description&#39;); } elseif ( is_category() ) { single_cat_title(); echo " - "; bloginfo(&#39;name&#39;); } elseif (is_single() || is_page() ) { single_post_title(); } elseif (is_search() ) { echo "搜索结果"; echo " - "; bloginfo(&#39;name&#39;); } elseif (is_404() ) { echo &#39;页面未找到!&#39;; } else { wp_title(&#39;&#39;,true); } ?></title></pre><div class="contentsignin">Copier après la connexion</div></div><p>以上添加的php代码运用了条件判断,针对不同的页面采用不同title,这里解释一下这几个条件标签。</p><ul><li><code>is_home()</code>:当前页面为主页时返回true</li><li><code>is_category()</code>:当前页面为分类页时返回true</li><li><code>is_single()</code>:当前页面为单文章页时返回true</li><li><code>is_page()</code>:当前页面为单页面时返回true</li></ul><p>到目前为止,可能你对这些条件判断标签还没有深入的认识,也搞不懂到底是用了这些标签会对主题造成怎样的影响的,随着我们教程的进一步深入,你会慢慢理解的。如果你不喜欢上面title的写法,可以自行上网搜索相关代码:<code>WordPress SEO title</code></p><h3 id="title-1"><strong>2、更改样式表style.css路径</strong></h3><p>在此之前你看到的首页都是混乱的,原因是还没加载css样式。现在我们一起把样式加上。你可以在<code>header.php</code>中找到这一段代码:</p><div rel="HTML" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0"><link rel="stylesheet" href="./style.css" type="text/css" media="screen" /></pre><div class="contentsignin">Copier après la connexion</div></div></div><p>聪明的你可能问:<code>wp-contentthemesAurelius</code>目录下不是已经有一个 <code>style.css</code> 吗?那为什么 <code>header.php</code></p><strong>Rappel encore :</strong> Si vous n'envisagez pas d'écrire du code, ne lisez pas cette série de tutoriels, cela ne vous sera d'aucune utilité ! <div rel="PHP" class="code"></div>Allez dans le répertoire de thème <code>wp-contentthemesAurelius</code> que nous avons créé la dernière fois, créez un nouveau fichier php <code>header.php</code> dans ce répertoire et extrayez <code>index.php< Copiez et collez le code d'en-tête dans /code> dans <code>header.php</code>. Le code suivant est actuellement tout le code de <code>header.php</code> (bien sûr les en-têtes des différents thèmes). les codes sont tous différents, vous pouvez le personnaliser dans votre projet actuel) : 🎜<div rel="HTML" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0"><link rel="stylesheet" href="<?php bloginfo(&#39;stylesheet_url&#39;); ?>" type="text/css" media="screen" /></pre><div class="contentsignin">Copier après la connexion</div></div>🎜🎜 Utilisez ensuite un éditeur de texte pour ouvrir <code>index.php</code >, <code>archive.php</code>, <code>contact.php</code>, <code>full_width.php</code>, <code>page.php</code> et <code>single .php </code>, supprimez le code similaire ci-dessus et remplacez-le par : 🎜🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0"><link rel="pingback" href="<?php bloginfo(&#39;pingback_url&#39;); ?>" /></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div>🎜🎜Ok, ouvrez maintenant la page d'accueil de votre blog de test pour voir si le thème que nous avons créé peut toujours fonctionner normalement. La réponse est oui, tout comme l'original Pretty. c'est à peu près la même chose, mais toujours le chaos. <code>get_header()</code> équivaut à copier le code de <code>header.php</code> dans le fichier php actuel. Ensuite, nous examinerons de plus près le contenu dynamique dans <code>header.php</code>. <code>header.php</code> sera inclus dans toutes les pages de modèles (page d'accueil, pages de catégories, pages, onglets, etc.), donc le code dans <code>header.php</code> doit être dynamique et adapté pour différentes pages, le code PHP doit donc être utilisé à la place du simple HTML. Modifions <code>header.php</code> ensemble : 🎜<h3 id="title-0"><strong>1 Changer <title></strong></h3>🎜Nous connaissons tous les titres de. les différentes pages sont différentes et le réglage du titre affectera directement l'effet SEO, vous devez donc le définir soigneusement ici. Ce qui suit fournit une méthode d'écriture de titre optimisée pour le référencement. Remplacez <code><title>Aurelius | Blog</title></code> par : 🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;" tabindex="0"><h1 id="logo" class="grid_4">Aurelius</h1> <h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div>🎜Le code php ajouté ci-dessus utilise un jugement conditionnel et est utilisé pour différentes pages. titres, voici une explication de ces balises conditionnelles. 🎜<ul><li><code>is_home()</code> : renvoie vrai lorsque la page actuelle est la page d'accueil</li><li><code>is_category()</code> : renvoie lorsque la page actuelle est une page de catégorie true</li><li><code>is_single()</code> : renvoie vrai lorsque la page actuelle est une page d'article unique</li><li><code>is_page()</code > : La page actuelle est une page d'article unique. Renvoie vrai lorsque la page est affichée.</li></ul>🎜Jusqu'à présent, peut-être que vous n'avez pas une compréhension approfondie de ces balises de jugement conditionnel, et vous ne comprenez pas comment l'utilisation de ces balises affectera le thème. Au fur et à mesure que nous progressons dans le didacticiel, vous comprendrez lentement. Si vous n'aimez pas la façon dont le titre est écrit ci-dessus, vous pouvez rechercher le code correspondant en ligne : <code>Titre WordPress SEO</code>🎜<h3 id="title-1"><strong>2 Modifiez le. feuille de style style.css path< /strong></h3>🎜La page d'accueil que vous avez vue auparavant est dans le chaos car le style CSS n'a pas encore été chargé. Ajoutons maintenant les styles ensemble. Vous pouvez trouver ce morceau de code dans <code>header.php</code> : 🎜<div rel="HTML" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0"><h1 id="logo" class="grid_4"><a href="<?php echo get_option(&#39;home&#39;); ?>/"><?php bloginfo(&#39;name&#39;); ?></a></h1> <h2 class="grid_12 caption clearfix"><?php bloginfo(&#39;description&#39;); ?></h2></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div>🎜🎜Si vous êtes intelligent, vous pouvez demander : <code>wp- contentthemesAurelius</ N'y a-t-il pas déjà un <code>style.css</code> dans le répertoire code> ? Alors pourquoi <code>header.php</code> ne charge-t-il pas le CSS ? Comme vous pouvez voir le résultat, la page est en désordre et vous pouvez être sûr que le CSS n'est pas chargé. Parce qu'il s'agit d'un thème de WordPress, il doit être appelé par le programme principal de WordPress, et votre blog peut être affiché après des couches d'analyse, plutôt qu'un simple fichier de page Web statique HTML. Modification correcte : 🎜🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;" tabindex="0"><link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有文章" href="<?php echo get_bloginfo(&#39;rss2_url&#39;); ?>" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有评论" href="<?php bloginfo(&#39;comments_rss2_url&#39;); ?>" /></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div>🎜<p><code>bloginfo(&#39;stylesheet_url&#39;)</code>输出的是你的主题css文件绝对网址,如http://localhost/wp/wp-content/themes/Aurelius/style.css,WordPress程序会自动识别你的WordPress安装地址,当前启用的主题,自动输出这个style.css链接。现在你可以试着更改一下,然后刷新一下你的博客首页,查看网页源代码,style.css的链接是不是变成你的了?页面是否可以正常显示了呢?</p><p>如果你的css文件不是style.css,且不是在主题根目录下,那怎么办呢?我们可以用<code><?php bloginfo(&#39;template_url&#39;); ?></code>来获取主题根目录的URL,如你的主题css文件是<code>abc.css</code>,那么我们可以这样写:<code><?php bloginfo(&#39;template_url&#39;); ?>/abc.css</code>,如果是在子目录css下那就这样:<code><?php bloginfo(&#39;template_url&#39;); ?>/css/abc.css</code>。同样加载js文件也是这样。</p><p>不过,还有几张图片的路径不对,还不能显示出来,现在我们一起用文本编辑器打开<code>index.php</code>、<code>archive.php</code>、<code>contact.php</code>、<code>full_width.php</code>、<code>page.php</code>和<code>single.php</code>,给这些图片加上正确的URL,搜索代码,将所有的:<code>src="images/</code>,批量替换成<code>src="<?php bloginfo(&#39;template_url&#39;); ?>/images/</code>。现在再刷新你的主页,看文章的缩略图是否可以正常显示。<code><?php bloginfo(&#39;template_url&#39;); ?></code>用于输出主题目录的URL。</p><h3 id="title-2"><strong>3、添加pingback</strong></h3><p>至于什么是pingback,你可以在搜索引擎中输入关键字:<code>WordPress pingback</code>,就可以得到你想要的答案了。如果你需要这个功能,可以在<code><head></code>里面添加以下代码:</p><div rel="PHP" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0"><link rel="pingback" href="<?php bloginfo(&#39;pingback_url&#39;); ?>" /></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div></div><h3 id="title-3"><strong>4、更改博客名称和描述</strong></h3><p>在<code>header.php</code>,下面两行代码用于显示博客名称和描述:</p><div rel="HTML" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;" tabindex="0"><h1 id="logo" class="grid_4">Aurelius</h1> <h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div></div><p>上面是静态代码,现在做如下修改:</p><div rel="PHP" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0"><h1 id="logo" class="grid_4"><a href="<?php echo get_option(&#39;home&#39;); ?>/"><?php bloginfo(&#39;name&#39;); ?></a></h1> <h2 class="grid_12 caption clearfix"><?php bloginfo(&#39;description&#39;); ?></h2></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div></div><p>现在你的博客首页看到的就是你博客名称和描述了,并且logo也是一个链接指向你的博客首页。我们这里说说这些php代码的作用。</p><ul><li><code><?php echo get_option(&#39;home&#39;); ?></code> 输出你的博客首页网址</li><li><code><?php bloginfo(&#39;name&#39;); ?></code> 输出你的博客名称</li><li><code><?php bloginfo(&#39;description&#39;); ?></code> 输出博客描述</li></ul><p>博客名称和描述可以在WordPress管理后台 - 设置 - 常规那里更改。以后制作你自己的WordPress主题的时候,你可参照上面的说明对你的主题进行修改。</p><h3 id="title-4"><strong>5、添加订阅feed链接</strong></h3><p>相信每个已发布的WordPress博客主题都会提供feed订阅,当然我们的主题也应该提供这样的功能。在<code></head></code>之前添加以下代码:</p><div rel="HTML" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;" tabindex="0"><link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有文章" href="<?php echo get_bloginfo(&#39;rss2_url&#39;); ?>" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有评论" href="<?php bloginfo(&#39;comments_rss2_url&#39;); ?>" /></pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div></div><h3 id="title-5"><strong>6、添加wp_head</strong></h3><p>有些插件需要在网页头部执行一些类如添加一些js或css的动作,要让这些插件能够正常的工作,也让你的主题有更好的兼容性,你应该添加wp_head()函数。打开<code>header.php</code>,在<code></head></code>前面添加以下代码即可:</p><div rel="PHP" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" tabindex="0">&lt;?php wp_head(); ?&gt;</pre><div class="contentsignin">Copier après la connexion</div></div></div><p>现在打开你的博客主页,查看源代码,<code></head></code>前面是不是多了以下类似代码(这些都是<code>wp_head()</code>的功劳):</p><div rel="HTML" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;" tabindex="0"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ludou.co.tv/blog/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ludou.co.tv/blog/wp-includes/wlwmanifest.xml" /> <link rel=&#39;index&#39; href=&#39;http://ludou.co.tv&#39; /> <meta name="generator" content="WordPress 2.9.2" /></pre><div class="contentsignin">Copier après la connexion</div></div></div><h3 id="title-6"><strong>7、添加Description 和 Keywords</strong></h3><p>关于添加网页描述和关键字,可以查看我之前写过的文章:<a href="https://www.php.cn/cms/wordpress/501101.html" target="_blank" title="WordPress添加Description 和 Keywords" textvalue="WordPress使用经验(一)独立的Description 和 Keywords">WordPress使用经验(一)独立的Description 和 Keywords</a></p><h3 id="title-7"><strong>8、显示菜单栏</strong></h3><p>目前菜单栏有Home、Blog和Contact Us几个菜单,不过这些都是静态的内容,并不是你博客上的页面。现在我们将菜单栏换成你的菜单,这里只在菜单栏中列出页面page,当然你也可以再放置分类,根据你的喜好来吧,将header.php中:</p><div rel="HTML" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;" tabindex="0"><ul id="navigation" class="grid_8"> <li><a href="contact.html"><span class="meta">Get in touch</span><br /> Contact Us</a></li> <li><a href="blog.html" class="current"><span class="meta">Latest news</span><br /> Blog</a></li> <li><a href="index.html"><span class="meta">Homepage</span><br /> Home</a></li> </ul></pre><div class="contentsignin">Copier après la connexion</div></div></div><p>改成:</p><div rel="PHP" class="code"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;" tabindex="0"><ul id="navigation" class="grid_8"> <?php wp_list_pages(&#39;depth=1&title_li=0&sort_column=menu_order&#39;); ?> <li <?php if (is_home()) { echo &#39;class="current"&#39;;} ?>><a title="<?php bloginfo(&#39;name&#39;); ?>" href="<?php echo get_option(&#39;home&#39;); ?>/">主页</a></li> </ul></pre><div class="contentsignin">Copier après la connexion</div></div></div> <p>Les deux articles suivants présentent comment créer un menu WordPress, vous pouvez également vous référer à : </p> <ul style="list-style-type: disc;"> <li><p><a href="https://www.php.cn/cms/wordpress/501253.html" target="_blank">Comment créer un menu de navigation thématique dans WordPress (1)</a></p></li> <li> <p><a href="https://www.php.cn/cms/wordpress/501328.html" target="_blank">Comment créer un menu de navigation thématique dans WordPress (2)</a></p> </li> </ul> <h3 id="title-8"><strong>9. Actualisez le cache </strong></h3> <p> Ajoutez le code PHP devant <code><body></code> et après <code></head></code> améliorer l'efficacité de l'exécution du programme : <?php flush(); ><code><body></code>前面,<code></head></code>后面添加PHP代码,用于提高程序运行效率:<code><?php flush(); ?></code></p> <h3 id="title-9"><strong>总结</strong></h3> <p>好了,本次练习到此结束!现在总结一些今天讲到的比较重要的知识点:</p> <ul> <li> <code>&lt;?php get_header(); ?&gt;</code> 从当前主题文件夹中包含header.php文件</li> <li> <code>is_home(),is_single(),is_category()</code>等几个条件判断标签</li> <li> <code><?php bloginfo(&#39;stylesheet_url&#39;); ?></code> 输出主题文件夹中style.css文件的路径</li> <li> <code><?php bloginfo(&#39;pingback_url&#39;); ?></code> 输出博客pingback网址</li> <li> <code><?php bloginfo(&#39;template_url&#39;); ?></code> 输出博客主题目录URL</li> <li> <code><?php echo get_option(&#39;home&#39;); ?></code>  输出你的博客首页网址</li> <li> <code><?php bloginfo(&#39;name&#39;); ?></code> 输出你的博客名称</li> <li> <code><?php bloginfo(&#39;description&#39;); ?></code> 输出博客描述</li> <li> <code>&lt;?php wp_head(); ?&gt;</code> 用于包含WordPress程序输出头部信息</li> <li> <code><?php wp_list_categories(); ?></code> 用于列出博客分类页</li> <li> <code><?php wp_list_pages(); ?></code> 用于列出博客页面</li> </ul> <p>到目前为止你的博客还只能看到主页,不要灰心,凡事一步一个脚印,以后教程会慢慢深入的。最后提供经过本次修改后的<code>Aurelius</code>主题文件,你可以用文本编辑器打开看看,跟你修改的文件比较比较(尤其是<code>header.php</code></p> <h3 id="title-9">Résumé</h3> <p style="text-align: center;"><a rel="nofollow" href="https://xiazai.ludou.org/aurelius_header.zip" target="_blank"><img src="https://img.php.cn/upload/article/000/000/024/63f426bd9d92a141.jpg" alt="Tout le processus de création de thème WordPress (5) : création de header.php" >D'accord, cet exercice est terminé ! Résumez maintenant certains des points de connaissances les plus importants mentionnés aujourd'hui : </a></p> <ul> <code>&lt;?php get_header(); ?&gt;</code> Incluez le fichier header.php du dossier de thème actuel<p><a href="https://www.php.cn/cms/wordpress/" target="_blank">is_home(), is_single(), is_category() et plusieurs autres balises de jugement conditionnel</a></p> <code><?php bloginfo('stylesheet_url'); ></code> Dossier du thème de sortie Le chemin au fichier style.css dans 🎜🎜<code><?php bloginfo('pingback_url'); ?></code> Afficher l'URL de pingback du blog 🎜🎜<code><?php bloginfo('template_url') ; ?></code> Afficher l'URL du répertoire du thème du blog🎜🎜<code><?php echo get_option('home'); ?></code> Afficher l'URL de la page d'accueil de votre blog🎜🎜<code>< ? php bloginfo('name'); ?></code> Afficher le nom de votre blog🎜🎜<code><?php bloginfo('description'); ?></code> Afficher la description du blog🎜🎜<code>&lt;?php wp_head(); ?&gt;</code> Utilisé pour inclure les informations d'en-tête de sortie du programme WordPress 🎜🎜<code><?php wp_list_categories( ?></code> Utilisé pour répertorier la page de catégorie des blogs 🎜🎜<code><?php wp_list_pages(); ?></code> est utilisé pour lister les pages du blog🎜🎜🎜Jusqu'à présent, votre blog ne peut voir que la page d'accueil, ne vous découragez pas, faites tout en un seul pas à la fois Footprints, les tutoriels seront progressivement approfondis dans le futur. Enfin, le fichier de thème <code>Aurelius</code> après cette modification est fourni. Vous pouvez l'ouvrir avec un éditeur de texte et le comparer avec le fichier que vous avez modifié (notamment <code>header.php</code>), voir. comment tu l'as changé ? 🎜🎜🎜🎜🎜🎜🎜Apprentissage recommandé : "🎜Tutoriel WordPress🎜"🎜</ul><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Étiquettes associées:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=php" target="_blank">php</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=wordpress" target="_blank">wordpress</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">source:ludou.org</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/fr/faq/501088.html" title="L'ensemble du processus de production du thème WordPress (11) : création de page.php"> <span>Article précédent:L'ensemble du processus de production du thème WordPress (11) : création de page.php</span> </a> <a href="https://www.php.cn/fr/faq/501091.html" title="Tout le processus de création de thème WordPress (6) : création de footer.php"> <span>Article suivant:Tout le processus de création de thème WordPress (6) : création de footer.php</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Déclaration de ce site Web</div> <div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers articles par auteur</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/529366.html">Comprendre la sentinelle dans Redis en profondeur</a> </div> <div>2023-04-26 17:59:18</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/529362.html">[Organisation et partage] 7 outils de gestion d'état React populaires</a> </div> <div>2023-04-26 17:47:48</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/529360.html">Un article discute de la différence entre la clé dans Vue2 et la clé dans Vue3</a> </div> <div>2023-04-26 17:41:42</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/529358.html">Un article pour parler du contrôle de la mémoire dans Node</a> </div> <div>2023-04-26 17:37:05</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/529356.html">Partager des compétences pratiques sur Excel : 4 astuces pour supprimer les valeurs en double !</a> </div> <div>2023-04-26 17:31:25</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/529350.html">Partager des compétences pratiques sur Word : la fonction de conversion simplifié vers traditionnel peut être utilisée de cette manière !</a> </div> <div>2023-04-26 17:27:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/528167.html">Comment résoudre les problèmes cross-domaines ? Une brève analyse des solutions courantes</a> </div> <div>2023-04-25 19:57:58</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/528165.html">Un article pour comprendre le modèle singleton en JavaScript</a> </div> <div>2023-04-25 19:53:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/528163.html">En savoir plus sur les tampons dans Node</a> </div> <div>2023-04-25 19:49:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/528161.html">Découvrez comment écrire des tests unitaires dans Vue3</a> </div> <div>2023-04-25 19:41:54</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers numéros</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176400.html" target="_blank" title="Les tableaux PHP obtenus à partir des paramètres d'URL ne se comportent pas comme prévu" class="wdcdcTitle">Les tableaux PHP obtenus à partir des paramètres d'URL ne se comportent pas comme prévu</a> <a href="https://www.php.cn/fr/wenda/176400.html" class="wdcdcCons">J'ai un paramètre d'URL qui contient l'identifiant de la catégorie et je souhaite le trait...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 22:09:02</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1428</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176398.html" target="_blank" title="Où dois-je placer la directive CustomLog dans Apache" class="wdcdcTitle">Où dois-je placer la directive CustomLog dans Apache</a> <a href="https://www.php.cn/fr/wenda/176398.html" class="wdcdcCons">J'utilise php:7.2-apachedocker. Je dois désactiver le journal d'accès à la connexion à l'U...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 22:03:59</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>990</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176397.html" target="_blank" title="Quel est le format des variables dans la valeur de retour ?" class="wdcdcTitle">Quel est le format des variables dans la valeur de retour ?</a> <a href="https://www.php.cn/fr/wenda/176397.html" class="wdcdcCons">Je suis un nouvel apprenant de php. J'ai trouvé un morceau de code : if($x<time()){retu...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 21:55:20</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>778</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176382.html" target="_blank" title="Problèmes rencontrés lors de l'utilisation d'opentbs pour générer des fichiers odt : les valeurs d'une même clé sont affichées dans la même ligne au lieu de colonnes séparées." class="wdcdcTitle">Problèmes rencontrés lors de l'utilisation d'opentbs pour générer des fichiers odt : les valeurs d'une même clé sont affichées dans la même ligne au lieu de colonnes séparées.</a> <a href="https://www.php.cn/fr/wenda/176382.html" class="wdcdcCons">J'utilise une bibliothèque appelée OpenTbs pour créer odt en utilisant PHP, je l'utilise c...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 20:18:18</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>483</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176363.html" target="_blank" title="Regrouper les résultats MySQL par ID pour effectuer une boucle" class="wdcdcTitle">Regrouper les résultats MySQL par ID pour effectuer une boucle</a> <a href="https://www.php.cn/fr/wenda/176363.html" class="wdcdcCons">J'ai une table avec des données de vol dans MySQL. J'écris un code php qui regroupera et a...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 17:27:56</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>406</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Rubriques connexes</div> <a href="https://www.php.cn/fr/faq/zt" target="_blank">Plus> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/phpwjzmdk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120868901.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment ouvrir le fichier php" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/phpwjzmdk" class="title-a-spanl" title="Comment ouvrir le fichier php"><span>Comment ouvrir le fichier php</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/wordpressseo"><img src="https://img.php.cn/upload/subject/202407/22/2024072214065484058.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="référencement wordpress" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/wordpressseo" class="title-a-spanl" title="référencement wordpress"><span>référencement wordpress</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/phpzmqcszys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214004499289.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment supprimer les premiers éléments d'un tableau en php" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/phpzmqcszys" class="title-a-spanl" title="Comment supprimer les premiers éléments d'un tableau en php"><span>Comment supprimer les premiers éléments d'un tableau en php</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/phpfxlsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214003558557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Que faire si la désérialisation php échoue" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/phpfxlsb" class="title-a-spanl" title="Que faire si la désérialisation php échoue"><span>Que faire si la désérialisation php échoue</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/phpljmssql"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560082376.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment connecter PHP à la base de données mssql" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/phpljmssql" class="title-a-spanl" title="Comment connecter PHP à la base de données mssql"><span>Comment connecter PHP à la base de données mssql</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/phpljmssqlsjk"><img src="https://img.php.cn/upload/subject/202407/22/2024072213555538594.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment connecter PHP à la base de données mssql" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/phpljmssqlsjk" class="title-a-spanl" title="Comment connecter PHP à la base de données mssql"><span>Comment connecter PHP à la base de données mssql</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlzmsc"><img src="https://img.php.cn/upload/subject/202407/22/2024072213512540557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment télécharger du HTML" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlzmsc" class="title-a-spanl" title="Comment télécharger du HTML"><span>Comment télécharger du HTML</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/phpcxlmzmjj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213494787127.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment résoudre les caractères tronqués en PHP" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/phpcxlmzmjj" class="title-a-spanl" title="Comment résoudre les caractères tronqués en PHP"><span>Comment résoudre les caractères tronqués en PHP</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Recommandations populaires</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment créer votre propre page Web" href="https://www.php.cn/fr/faq/428604.html">Comment créer votre propre page Web</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Quelle est l'URL du site officiel de WordPress ?" href="https://www.php.cn/fr/faq/425548.html">Quelle est l'URL du site officiel de WordPress ?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment accéder au backend de WordPress" href="https://www.php.cn/fr/faq/426766.html">Comment accéder au backend de WordPress</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Quel système cms est le meilleur ? Les dix meilleurs systèmes de création de sites Web CMS Open Source [Recommandations récapitulatives]" href="https://www.php.cn/fr/faq/494362.html">Quel système cms est le meilleur ? Les dix meilleurs systèmes de création de sites Web CMS Open Source [Recommandations récapitulatives]</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment utiliser WordPress, tutoriel d'utilisation de WordPress" href="https://www.php.cn/fr/faq/427223.html">Comment utiliser WordPress, tutoriel d'utilisation de WordPress</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutoriels populaires</div> <a target="_blank" href="https://www.php.cn/fr/course.html">Plus> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Tutoriels associés <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Recommandations populaires<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Derniers cours<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/fr/course/334.html" title="Document du manuel WordPress en chinois" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590d5462ba9723.png" alt="Document du manuel WordPress en chinois"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Document du manuel WordPress en chinois" href="https://www.php.cn/fr/course/334.html">Document du manuel WordPress en chinois</a> <div class="wzrthreerb"> <div>267794 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="334"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/609.html" title="Tutoriel vidéo WordPress" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/626121f4afe91503.jpg" alt="Tutoriel vidéo WordPress"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo WordPress" href="https://www.php.cn/fr/course/609.html">Tutoriel vidéo WordPress</a> <div class="wzrthreerb"> <div>88548 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="609"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1221.html" title="Cours de démarrage rapide WordPress de 10 heures" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625fa1e273547867.jpg" alt="Cours de démarrage rapide WordPress de 10 heures"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Cours de démarrage rapide WordPress de 10 heures" href="https://www.php.cn/fr/course/1221.html">Cours de démarrage rapide WordPress de 10 heures</a> <div class="wzrthreerb"> <div>102949 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1221"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/812.html" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="https://www.php.cn/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a> <div class="wzrthreerb"> <div >1420013 temps d'étude</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/286.html" title="Tutoriel vidéo JAVA pour débutants" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="https://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a> <div class="wzrthreerb"> <div >2505417 temps d'étude</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/504.html" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="https://www.php.cn/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a> <div class="wzrthreerb"> <div >505453 temps d'étude</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/901.html" title="Introduction rapide au développement web front-end" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Introduction rapide au développement web front-end"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Introduction rapide au développement web front-end" href="https://www.php.cn/fr/course/901.html">Introduction rapide au développement web front-end</a> <div class="wzrthreerb"> <div >215519 temps d'étude</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/234.html" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Maîtrisez les didacticiels vidéo PS à partir de zéro"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" href="https://www.php.cn/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a> <div class="wzrthreerb"> <div >884023 temps d'étude</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/1648.html" title="[Web front-end] Démarrage rapide de Node.js" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Démarrage rapide de Node.js"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Démarrage rapide de Node.js" href="https://www.php.cn/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a> <div class="wzrthreerb"> <div >6991 temps d'étude</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1647.html" title="Collection complète de cours full-stack de développement Web étranger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Collection complète de cours full-stack de développement Web étranger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Collection complète de cours full-stack de développement Web étranger" href="https://www.php.cn/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a> <div class="wzrthreerb"> <div >5433 temps d'étude</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1646.html" title="Aller au langage pratique GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Aller au langage pratique GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Aller au langage pratique GraphQL" href="https://www.php.cn/fr/course/1646.html">Aller au langage pratique GraphQL</a> <div class="wzrthreerb"> <div >4581 temps d'étude</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1645.html" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" href="https://www.php.cn/fr/course/1645.html">Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape</a> <div class="wzrthreerb"> <div >659 temps d'étude</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1644.html" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" href="https://www.php.cn/fr/course/1644.html">Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures</a> <div class="wzrthreerb"> <div >23156 temps d'étude</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Derniers téléchargements</div> <a href="https://www.php.cn/fr/xiazai">Plus> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">effets Web <div></div></div> <div class="swiper-slide" data-id="twof">Code source du site Web<div></div></div> <div class="swiper-slide" data-id="threef">Matériel du site Web<div></div></div> <div class="swiper-slide" data-id="fourf">Modèle frontal<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code de contact du formulaire de message d'entreprise jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8071">[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets de lecture de boîte à musique HTML5 MP3" href="https://www.php.cn/fr/toolset/js-special-effects/8070">[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets spéciaux du menu de navigation d'animation de particules cool HTML5" href="https://www.php.cn/fr/toolset/js-special-effects/8069">[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code d'édition par glisser-déposer du formulaire visuel jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8068">[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code du lecteur de musique Kugou imitation VUE.JS" href="https://www.php.cn/fr/toolset/js-special-effects/8067">[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Jeu de boîte de poussée HTML5 classique" href="https://www.php.cn/fr/toolset/js-special-effects/8066">[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="défilement jQuery pour ajouter ou réduire des effets d'image" href="https://www.php.cn/fr/toolset/js-special-effects/8065">[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effet de zoom de survol de la couverture de l'album personnel CSS3" href="https://www.php.cn/fr/toolset/js-special-effects/8064">[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" title="Modèle de page de guide de CV personnel aux couleurs fraîches" target="_blank">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" title="Modèle Web de CV de travail créatif de concepteur" target="_blank">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" title="Modèle HTML5 réactif pour les établissements de services éducatifs" target="_blank">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne" target="_blank">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" title="La technologie informatique résout le modèle de site Web d'entreprise Internet" target="_blank">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" title="Modèle de site Web de service de trading de devises de style violet" target="_blank">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3078" target="_blank" title="Matériau vectoriel d'éléments d'été mignons (EPS+PNG)">[Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3077" target="_blank" title="Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)">[Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3076" target="_blank" title="Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)">[image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3075" target="_blank" title="Matériau vectoriel de chapeau de graduation doré (EPS+PNG)">[Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3074" target="_blank" title="Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)">[Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3073" target="_blank" title="Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes">[Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3072" target="_blank" title="Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)">[image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3071" target="_blank" title="Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)">[Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" target="_blank" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" target="_blank" title="Modèle de page de guide de CV personnel aux couleurs fraîches">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" target="_blank" title="Modèle Web de CV de travail créatif de concepteur">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" target="_blank" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" target="_blank" title="Modèle HTML5 réactif pour les établissements de services éducatifs">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" target="_blank" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" target="_blank" title="La technologie informatique résout le modèle de site Web d'entreprise Internet">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" target="_blank" title="Modèle de site Web de service de trading de devises de style violet">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!</p> </div> <div class="footermid"> <a href="https://www.php.cn/fr/about/us.html">À propos de nous</a> <a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a> <a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1732314786"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>