Der gesamte Prozess der WordPress-Theme-Erstellung (5): header.php erstellen

青灯夜游
Freigeben: 2023-02-23 19:46:16
nach vorne
1881 Leute haben es durchsucht

Ich habe Ihnen „Der gesamte Prozess der WordPress-Theme-Produktion (4): Ein kleiner Test“ vorgestellt Schauen Sie es sich gemeinsam an. Nun ~

Sie können versuchen, die Datei .html zu öffnen, die Sie von WordPress Theme Production Whole Process (3): HTML Static Template Production heruntergeladen haben Ich frage mich, ob Sie die Codes in allen Teilen gefunden haben, die sehr ähnlich sind. Tatsächlich können wir diesen Teil eines ähnlichen Codes extrahieren und in eine separate Datei header.php einfügen. Wenn jede Seite diesen Teil des Codes verwenden möchte, verwenden Sie PHPs include() Oder fügen Sie WordPresss <code>get_header() ein. Dieser Teil des Codes muss auf jeder Seite in der Provinz geschrieben werden. .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>
Nach dem Login kopieren

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

&lt;?php get_header(); ?&gt;
Nach dem Login kopieren

好,现在打开你的测试博客主页,看看我们制作的主题是否还可以正常工作,答案是可以的,跟原来几乎没什么两样,但还是一片混乱。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">Nach dem Login kopieren</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">Nach dem Login kopieren</div></div></div><p>聪明的你可能问:<code>wp-contentthemesAurelius</code>目录下不是已经有一个 <code>style.css</code> 吗?那为什么 <code>header.php</code></p><strong>Erinnern Sie sich noch einmal:</strong> Wenn Sie nicht vorhaben, Code zu schreiben, lesen Sie diese Tutorialreihe nicht, sie wird Ihnen nicht weiterhelfen! <div rel="PHP" class="code"></div>Gehen Sie in das Theme-Verzeichnis <code>wp-contentthemesAurelius</code>, das wir letztes Mal erstellt haben, erstellen Sie eine neue PHP-Datei <code>header.php</code> in diesem Verzeichnis und extrahieren Sie <code>index.php< Kopieren Sie den Header-Code in /code> und fügen Sie ihn in <code>header.php</code> ein. Der folgende Code ist derzeit der gesamte Code in <code>header.php</code> (natürlich die Header verschiedener Themen). Codes sind alle unterschiedlich, Sie können sie in Ihrem tatsächlichen Projekt anpassen): 🎜<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">Nach dem Login kopieren</div></div>🎜🎜 Dann verwenden Sie einen Texteditor, um <code>index.php</code > zu öffnen, <code>archive.php</code>, <code>contact.php</code>, <code>full_width.php</code>, <code>page.php</code> und <code>single .php </code>, lösche den obigen ähnlichen Code und ändere ihn in: 🎜🎜<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">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div>🎜🎜Okay, öffne jetzt deine Test-Blog-Homepage, um zu sehen, ob das von uns erstellte Theme noch normal funktionieren kann. Die Antwort ist ja, genau wie das ursprüngliche Pretty weitgehend das Gleiche, aber immer noch Chaos. <code>get_header()</code> entspricht dem Kopieren des Codes in <code>header.php</code> in die aktuelle PHP-Datei. Als nächstes schauen wir uns den dynamischen Inhalt in <code>header.php</code> genauer an. <code>header.php</code> wird in alle Vorlagenseiten (Homepage, Kategorieseiten, Seiten, Registerkarten usw.) eingebunden, daher sollte der Code in <code>header.php</code> dynamisch und geeignet sein Für verschiedene Seiten muss daher PHP-Code anstelle von einfachem HTML verwendet werden. Lassen Sie uns gemeinsam <code>header.php</code> ändern: 🎜<h3 id="title-0"><strong>1. Ändern Sie <title></strong></h3>🎜Wir alle kennen die Titel von Verschiedene Seiten sind unterschiedlich und die Einstellung des Titels wirkt sich direkt auf den SEO-Effekt aus. Daher sollten Sie ihn hier sorgfältig festlegen. Im Folgenden finden Sie eine SEO-optimierte Methode zum Schreiben von Titeln Titel finden Sie hier eine Erklärung dieser bedingten Tags. 🎜<ul><li><code>is_home()</code>: Gibt „true“ zurück, wenn die aktuelle Seite die Startseite ist.</li><li><code>is_category()</code>: Gibt „true“ zurück, wenn die aktuelle Seite ist ist eine Kategorieseite true</li><li><code>is_single()</code>: Gibt true zurück, wenn die aktuelle Seite eine einzelne Artikelseite ist</li><li><code>is_page()</code >: Die aktuelle Seite ist eine einzelne Artikelseite. Gibt „true“ zurück, wenn die Seite angezeigt wird</li></ul>🎜Bisher haben Sie möglicherweise kein tiefes Verständnis für diese bedingten Beurteilungs-Tags und verstehen es nicht Wie sich die Verwendung dieser Tags auf das Thema auswirkt, werden Sie im Laufe des Tutorials langsam verstehen. Wenn Ihnen die Schreibweise des Titels oben nicht gefällt, können Sie den entsprechenden Code online suchen: <code>WordPress SEO title</code>🎜<h3 id="title-1"><strong>2 Ändern Sie den Stylesheet style.css path< /strong></h3>🎜Die Homepage, die Sie zuvor gesehen haben, ist im Chaos, weil der CSS-Stil noch nicht geladen wurde. Jetzt fügen wir die Stile zusammen. Sie finden diesen Code in <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: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">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div>🎜🎜Wenn Sie schlau sind, fragen Sie sich vielleicht: <code>wp- contentthemesAurelius</ Gibt es nicht bereits eine <code>style.css</code> im code>-Verzeichnis? Warum lädt <code>header.php</code> kein CSS? Wie Sie im Ergebnis sehen können, ist die Seite durcheinander und Sie können sicher sein, dass das CSS nicht geladen ist. Da es sich um ein Thema von WordPress handelt, muss es vom Hauptprogramm von WordPress aufgerufen werden, und Ihr Blog kann nach mehreren Analyseebenen angezeigt werden, anstatt einer einfachen statischen HTML-Webseitendatei. Richtige Änderung: 🎜🎜<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">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</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">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</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">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</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">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</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;"><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">Nach dem Login kopieren</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">Nach dem Login kopieren</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">Nach dem Login kopieren</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">Nach dem Login kopieren</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">Nach dem Login kopieren</div></div></div> <p>Die folgenden beiden Artikel stellen vor, wie man ein WordPress-Menü erstellt. Sie können sich auch darauf beziehen: </p> <ul style="list-style-type: disc;"> <li><p><a href="https://www.php.cn/cms/wordpress/501253.html" target="_blank">So erstellen Sie ein Theme-Navigationsmenü in WordPress (1)</a></p></li> <li> <p><a href="https://www.php.cn/cms/wordpress/501328.html" target="_blank">So erstellen Sie ein Theme-Navigationsmenü in WordPress (2)</a></p> </li> </ul> <h3 id="title-8"><strong>9. Aktualisieren Sie den Cache </strong></h3> <p> Fügen Sie PHP-Code vor <code><body></code> und nach <code></head></code> hinzu Verbessern Sie die Effizienz der Programmausführung: <?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">Zusammenfassung</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="Der gesamte Prozess der WordPress-Theme-Erstellung (5): header.php erstellen" >Okay, diese Übung ist vorbei! Fassen Sie nun einige der heute erwähnten wichtigeren Wissenspunkte zusammen: </a></p> <ul> <code>&lt;?php get_header(); ?&gt;</code> Fügen Sie die Datei header.php aus dem aktuellen Theme-Ordner hinzu<p><a href="https://www.php.cn/cms/wordpress/" target="_blank">is_home(), is_single(), is_category() und mehrere andere bedingte Beurteilungs-Tags</a></p> <code><?php bloginfo('stylesheet_url'); ?></code> Ausgabe-Themenordner Der Pfad zur style.css-Datei in 🎜🎜<code><?php bloginfo('pingback_url'); ?></code> Geben Sie die Blog-Pingback-URL aus 🎜🎜<code><?php bloginfo('template_url') ; ?></code> Geben Sie die URL des Blog-Themenverzeichnisses aus🎜🎜<code><?php echo get_option('home'); ?></code> Geben Sie die URL Ihrer Blog-Homepage aus🎜🎜<code>< ?php bloginfo('name'); ?></code> Geben Sie Ihren Blog-Namen aus🎜🎜<code><?php bloginfo('description'); ?></code> Blog-Beschreibung ausgeben🎜🎜 >&lt;?php wp_head(); ?&gt; Wird verwendet, um die Ausgabe-Header-Informationen des WordPress-Programms einzuschließen. 🎜🎜<code><?php wp_list_categories(); ?></code> Wird verwendet, um die Kategorieseite von Blogs aufzulisten 🎜🎜<code><?php wp_list_pages(); ?></code> wird zum Auflisten von Blogseiten verwendet🎜🎜🎜Bisher kann Ihr Blog nur die Startseite sehen, lassen Sie sich nicht entmutigen, machen Sie alles in einem Schritt Zu einem Zeitpunkt Footprints werden die Tutorials in Zukunft schrittweise vertieft. Schließlich wird die Themendatei <code>Aurelius</code> nach dieser Änderung bereitgestellt. Sie können sie mit einem Texteditor öffnen und mit der von Ihnen geänderten Datei vergleichen (insbesondere <code>header.php</code>), siehe Wie hast du es geändert? 🎜🎜🎜🎜🎜🎜🎜Empfohlenes Lernen: „🎜WordPress-Tutorial🎜“🎜</ul><p>Das obige ist der detaillierte Inhalt vonDer gesamte Prozess der WordPress-Theme-Erstellung (5): header.php erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Verwandte Etiketten:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=php" target="_blank">php</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=wordpress" target="_blank">wordpress</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle:ludou.org</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/de/faq/501088.html" title="Der gesamte Prozess der WordPress-Theme-Erstellung (11): page.php erstellen"> <span>Vorheriger Artikel:Der gesamte Prozess der WordPress-Theme-Erstellung (11): page.php erstellen</span> </a> <a href="https://www.php.cn/de/faq/501091.html" title="Der gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellen"> <span>Nächster Artikel:Der gesamte Prozess der WordPress-Theme-Erstellung (6): Footer.php erstellen</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Erklärung dieser Website</div> <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an 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">Neueste Artikel des Autors</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/529366.html">Verstehen Sie den Sentinel in Redis im Detail</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/de/faq/529362.html">[Organisation und Freigabe] 7 beliebte React-Statusverwaltungstools</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/de/faq/529360.html">In einem Artikel wird der Unterschied zwischen Schlüssel in Vue2 und Schlüssel in Vue3 erläutert</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/de/faq/529358.html">Ein Artikel über Speichersteuerung in 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/de/faq/529356.html">Praktische Excel-Kenntnisse weitergeben: 4 Tipps zum Löschen doppelter Werte!</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/de/faq/529350.html">Vermittlung praktischer Word-Kenntnisse: Auf diese Weise kann die Konvertierungsfunktion vom Vereinfachten zum Traditionellen genutzt werden!</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/de/faq/528167.html">Wie lassen sich domänenübergreifende Probleme lösen? Eine kurze Analyse gängiger Lösungen</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/de/faq/528165.html">Ein Artikel zum Verständnis des Singleton-Musters in 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/de/faq/528163.html">Erfahren Sie mehr über Puffer in 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/de/faq/528161.html">Erfahren Sie, wie Sie Unit-Tests in Vue3 schreiben</a> </div> <div>2023-04-25 19:41:54</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Aktuelle Ausgaben</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176400.html" target="_blank" title="Aus URL-Parametern erhaltene PHP-Arrays verhalten sich nicht wie erwartet" class="wdcdcTitle">Aus URL-Parametern erhaltene PHP-Arrays verhalten sich nicht wie erwartet</a> <a href="https://www.php.cn/de/wenda/176400.html" class="wdcdcCons">Ich habe einen URL-Parameter, der die Kategorie-ID enthält, und ich möchte ihn als Array w...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 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/de/wenda/176398.html" target="_blank" title="Wo soll ich die CustomLog-Direktive in Apache platzieren?" class="wdcdcTitle">Wo soll ich die CustomLog-Direktive in Apache platzieren?</a> <a href="https://www.php.cn/de/wenda/176398.html" class="wdcdcCons">Ich verwende php:7.2-apachedocker. Ich muss das URL-Anmeldezugriffsprotokoll zur Gesundhei...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 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/de/wenda/176397.html" target="_blank" title="Welches Format haben die Variablen im Rückgabewert?" class="wdcdcTitle">Welches Format haben die Variablen im Rückgabewert?</a> <a href="https://www.php.cn/de/wenda/176397.html" class="wdcdcCons">Ich bin ein PHP-Neuling. Ich habe einen Code gefunden: if($x<time()){return[false,'erro...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 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/de/wenda/176382.html" target="_blank" title="Bei der Verwendung von opentbs zum Generieren von ODT-Dateien sind Probleme aufgetreten: Werte desselben Schlüssels werden in derselben Zeile statt in separaten Spalten angezeigt." class="wdcdcTitle">Bei der Verwendung von opentbs zum Generieren von ODT-Dateien sind Probleme aufgetreten: Werte desselben Schlüssels werden in derselben Zeile statt in separaten Spalten angezeigt.</a> <a href="https://www.php.cn/de/wenda/176382.html" class="wdcdcCons">Ich verwende eine Bibliothek namens OpenTbs, um ODT mit PHP zu erstellen. Ich verwende sie...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 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/de/wenda/176363.html" target="_blank" title="Gruppieren Sie MySQL-Ergebnisse nach ID für die Schleife" class="wdcdcTitle">Gruppieren Sie MySQL-Ergebnisse nach ID für die Schleife</a> <a href="https://www.php.cn/de/wenda/176363.html" class="wdcdcCons">Ich habe eine Tabelle mit Flugdaten in MySQL. Ich schreibe einen PHP-Code, der Daten mithi...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 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>verwandte Themen</div> <a href="https://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="So öffnen Sie eine PHP-Datei" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/phpwjzmdk" class="title-a-spanl" title="So öffnen Sie eine PHP-Datei"><span>So öffnen Sie eine PHP-Datei</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="WordPress SEO" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/wordpressseo" class="title-a-spanl" title="WordPress SEO"><span>WordPress SEO</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="So entfernen Sie die ersten paar Elemente eines Arrays in PHP" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/phpzmqcszys" class="title-a-spanl" title="So entfernen Sie die ersten paar Elemente eines Arrays in PHP"><span>So entfernen Sie die ersten paar Elemente eines Arrays in PHP</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="Was tun, wenn die PHP-Deserialisierung fehlschlägt?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/phpfxlsb" class="title-a-spanl" title="Was tun, wenn die PHP-Deserialisierung fehlschlägt?"><span>Was tun, wenn die PHP-Deserialisierung fehlschlägt?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="So verbinden Sie PHP mit der MSSQL-Datenbank" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/phpljmssql" class="title-a-spanl" title="So verbinden Sie PHP mit der MSSQL-Datenbank"><span>So verbinden Sie PHP mit der MSSQL-Datenbank</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="So verbinden Sie PHP mit der MSSQL-Datenbank" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/phpljmssqlsjk" class="title-a-spanl" title="So verbinden Sie PHP mit der MSSQL-Datenbank"><span>So verbinden Sie PHP mit der MSSQL-Datenbank</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="So laden Sie HTML hoch" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlzmsc" class="title-a-spanl" title="So laden Sie HTML hoch"><span>So laden Sie HTML hoch</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/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="So lösen Sie verstümmelte Zeichen in PHP" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/phpcxlmzmjj" class="title-a-spanl" title="So lösen Sie verstümmelte Zeichen in PHP"><span>So lösen Sie verstümmelte Zeichen in PHP</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Beliebte Empfehlungen</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So erstellen Sie Ihre eigene Webseite" href="https://www.php.cn/de/faq/428604.html">So erstellen Sie Ihre eigene Webseite</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Wie lautet die offizielle Website-URL von WordPress?" href="https://www.php.cn/de/faq/425548.html">Wie lautet die offizielle Website-URL von WordPress?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So betreten Sie das Backend von WordPress" href="https://www.php.cn/de/faq/426766.html">So betreten Sie das Backend von WordPress</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Welches CMS-System ist besser? Die zehn besten Open-Source-CMS-Website-Building-Systeme [Zusammenfassende Empfehlungen]" href="https://www.php.cn/de/faq/494362.html">Welches CMS-System ist besser? Die zehn besten Open-Source-CMS-Website-Building-Systeme [Zusammenfassende Empfehlungen]</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Wie man WordPress verwendet, Tutorial zur WordPress-Nutzung" href="https://www.php.cn/de/faq/427223.html">Wie man WordPress verwendet, Tutorial zur WordPress-Nutzung</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>Beliebte Tutorials</div> <a target="_blank" href="https://www.php.cn/de/course.html">Mehr> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Verwandte Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Beliebte Empfehlungen<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Aktuelle Kurse<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/de/course/334.html" title="WordPress中文手册文档" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590d5462ba9723.png" alt="WordPress中文手册文档"/> </a> <div class="wzrthree-right"> <a target="_blank" title="WordPress中文手册文档" href="https://www.php.cn/de/course/334.html">WordPress中文手册文档</a> <div class="wzrthreerb"> <div>267795 <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/de/course/609.html" title="WordPress视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/626121f4afe91503.jpg" alt="WordPress视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="WordPress视频教程" href="https://www.php.cn/de/course/609.html">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/de/course/1221.html" title="WordPress10小时快速入门课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625fa1e273547867.jpg" alt="WordPress10小时快速入门课程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="WordPress10小时快速入门课程" href="https://www.php.cn/de/course/1221.html">WordPress10小时快速入门课程</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/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="https://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1420014 Lernzeiten</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/de/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初级入门视频教程" href="https://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >2505420 Lernzeiten</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/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="https://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >505453 Lernzeiten</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/de/course/901.html" title="Web前端开发极速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端开发极速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端开发极速入门" href="https://www.php.cn/de/course/901.html">Web前端开发极速入门</a> <div class="wzrthreerb"> <div >215519 Lernzeiten</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/de/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基础精通 PS 视频教程" href="https://www.php.cn/de/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >884023 Lernzeiten</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/de/course/1648.html" title="【web前端】Node.js快速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入门" href="https://www.php.cn/de/course/1648.html">【web前端】Node.js快速入门</a> <div class="wzrthreerb"> <div >6991 Lernzeiten</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/de/course/1647.html" title="国外Web开发全栈课程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="国外Web开发全栈课程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="国外Web开发全栈课程全集" href="https://www.php.cn/de/course/1647.html">国外Web开发全栈课程全集</a> <div class="wzrthreerb"> <div >5433 Lernzeiten</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/de/course/1646.html" title="Go语言实战之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go语言实战之 GraphQL" href="https://www.php.cn/de/course/1646.html">Go语言实战之 GraphQL</a> <div class="wzrthreerb"> <div >4581 Lernzeiten</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/de/course/1645.html" title="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉丝大佬手把手从零学JavaScript" href="https://www.php.cn/de/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a> <div class="wzrthreerb"> <div >659 Lernzeiten</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/de/course/1644.html" title="python大神Mosh,零基础小白6小时完全入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh,零基础小白6小时完全入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh,零基础小白6小时完全入门" href="https://www.php.cn/de/course/1644.html">python大神Mosh,零基础小白6小时完全入门</a> <div class="wzrthreerb"> <div >23156 Lernzeiten</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>Neueste Downloads</div> <a href="https://www.php.cn/de/xiazai">Mehr> </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">Web-Effekte <div></div></div> <div class="swiper-slide" data-id="twof">Quellcode der Website<div></div></div> <div class="swiper-slide" data-id="threef">Website-Materialien<div></div></div> <div class="swiper-slide" data-id="fourf">Frontend-Vorlage<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kontaktcode für das jQuery-Enterprise-Nachrichtenformular" href="https://www.php.cn/de/toolset/js-special-effects/8071">[Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Wiedergabeeffekte für HTML5-MP3-Spieluhren" href="https://www.php.cn/de/toolset/js-special-effects/8070">[Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte" href="https://www.php.cn/de/toolset/js-special-effects/8069">[Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare" href="https://www.php.cn/de/toolset/js-special-effects/8068">[Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitiert den Kugou-Musik-Player-Code" href="https://www.php.cn/de/toolset/js-special-effects/8067">[Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Klassisches HTML5-Pushing-Box-Spiel" href="https://www.php.cn/de/toolset/js-special-effects/8066">[HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten" href="https://www.php.cn/de/toolset/js-special-effects/8065">[Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt" href="https://www.php.cn/de/toolset/js-special-effects/8064">[Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt</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/de/toolset/website-source-code/8328" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen" target="_blank">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8327" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben" target="_blank">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8326" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer" target="_blank">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8325" title="Website-Vorlage eines modernen Ingenieurbauunternehmens" target="_blank">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8324" title="Responsive HTML5-Vorlage für Bildungseinrichtungen" target="_blank">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8323" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren" target="_blank">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8322" title="IT-Technologie löst Website-Vorlage für Internetunternehmen" target="_blank">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8321" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil" target="_blank">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</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/de/toolset/website-materials/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG material] 可爱的夏天元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[PNG material] 金色的毕业帽矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[Banner image] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG material] 九个漫画风格的爆炸聊天气泡矢量素材(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/de/toolset/website-source-code/8328" target="_blank" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8327" target="_blank" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8326" target="_blank" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8325" target="_blank" title="Website-Vorlage eines modernen Ingenieurbauunternehmens">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5-Vorlage für Bildungseinrichtungen">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8323" target="_blank" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8322" target="_blank" title="IT-Technologie löst Website-Vorlage für Internetunternehmen">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8321" target="_blank" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</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>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p> </div> <div class="footermid"> <a href="https://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://www.php.cn/de/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?1732315658"></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>