srcmini因此, 我是Web开发的新手, 并希望开始为Wordpress开发主题。
我对自己的HTML和CSS技能充满信心, 但对了解PHP如何专门用于Wordpress还是有些困惑。
明确地说, 当我从wordpress.org下载基本主题并浏览所有模板文件时, 我看不到任何HTML代码。
我熟悉php等中的get函数, 但是观看有关主题开发的视频/教程使我非常困惑。
例如, 我看过的所有教程中的大多数都显示某人从其静态Web模板复制HTML代码并将其直接粘贴到PHP文件中。 (index.php等)。它有效, 并且被告知这是一种正确的方法, 但是我只是不明白为什么我看不到我下载的wordpress主题中的HTML代码。
有没有不显示HTML的方法？
预先谢谢你…
#1
html代码位于PHP文件中。有多种方法可以在PHP文件中编写HTML。例如
<?php
echo "<html><h1>header</h1></html>";
?>
将上述代码另存为PHP并在服务器上运行。你将从PHP文件获取html输出。
你还可以通过以下方式运行它
<?php
//your first php code here//
?>
<html>
my html here
</htm>
<?php
//your second php code here//
?>
这是在php文件中编写html代码的正确方法。你不能在html文件上运行php代码, 因此html代码应写在PHP文件上。
========问题答案===========
这就是你提到的主题：https://github.com/WordPress/twentyseventeen
检查index.php文件https://github.com/WordPress/twentyseventeen/blob/master/index.php
你会看见
get_header(); ?>
<div class="wrap">
<?php if ( is_home() && ! is_front_page() ) : ?>
<header class="page-header">
<h1 class="page-title"><?php single_post_title(); ?></h1>
</header>
这种编码在那里。
<h1 class="page-title"><?php single_post_title(); ?></h1>
仔细看线。 <h1 class =” page-title”>这是一个html标签(它是html代码)
你可以在PC上下载主题, 然后打开index.php文件和其他文件。你将看到html代码, 但它与PHP混合在一起。
#2
我建议你在本地主机上安装WAMP。
有一些Wordpress的PHP文件可以更改其功能, 但是除非你知道自己在做什么, 否则我不建议你编辑它们。
如果你在WAMP上安装Wordpress, 则可以访问所有这些内容, 还可以在WAMP上设置特定项目来开发和测试主题。
在这里进行设置https://premium.wpmudev.org/blog/how-to-set-up-wordpress-locally-for-pcwindows-with-wamp/?utm_expid=3606929-106可以很好地进行设置。 UePdqd0XSL687behGg-9FA.0＆utm_referrer = https％3A％2F％2Fwww.google.co.uk％2F
#3
基本上, 使用Wordpress模板所要做的就是使用HTML来保存从PHP获得的信息, 例如页面/帖子标题, 内容, 标签, 类别等。你可以执行以下操作
<h1 class =” title-class”> <？php get_the_title();？> </ h1>
#4
没有, 没有办法隐藏html, 也没有这样做的意义。但是, 如果你仔细查看wp-content-> themes文件夹, 你将看到所有主题目录。
在那里, 你可以找到html”代码”。在某些情况下, 可能找不到任何.html文件。
这样做的原因是因为wordpress主题的所有页面都包含至少一个动态部分(如标题)。因此, 要使html页面动态化, 你需要为文件设置.php扩展名, 而不是.html或.htm。
你有时会发现更少的html和更多的php, 因为大多数情况下, wordpress主题使用可重用的代码段和功能编码, 这些功能会生成一些代码块。
但是在.php文件中有html代码与php代码混合在一起：
例如：
<html>
<head>
<title><?php get_the_title(); ?></title>
<?php get_custom_css_files(); ?>
</head>
<body class="container">
<div class="col-md-8 text-center">
<?php foreach($posts as $post) {
<div class="title"><?php echo post['title']; ?></div>
<div class="desc"><?php echo post['text']; ?></div>
<?php } ?>
</body>
</html>
评论前必须登录！
注册