如何在wordpress主题中编辑html代码


How to edit the html code in wordpress theme

我有一个wordpress博客,我想对它进行一些自定义。我知道CSS和HTML,但不懂php。根据我的理解,php应该调用html代码,所以如果我能找到html代码,我将很容易自定义我的博客。

问题是,我找不到html代码。我看了一下外观-->编辑器,它全部是php文件和一个css。

有人知道如何编辑html代码/找到它?

感谢

如果您想编辑wordpress主题html、css等,请按照步骤操作。

始终使用子主题

在您开始编辑您的WordPress主题之前,请创建一个子主题。子主题很重要,因为它们可以保护您的原始主题文件。

 Appearance → Themes->your child theme-> activate

编辑WordPress主题HTML

转到外观→编辑器在您的WordPress面板中,然后选择您激活的子主题。

有index.php、functions.php、header.php、footer.php等

在最基本的形式中,PHP从WordPress网站获取内容,并将其输出到HTML页面中。具体看一下这段代码:

<div class="site-info">
<?php do_action( 'twentyfourteen_credits' ); ?>
 <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentyfourteen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyfourteen' ), 'WordPress' ); ?></a>
 </div><!-- .site-info -->

该代码翻译成以下HTML:

 <div class="site-info">
 <a href="http://wordpress.org">Proudly powered by WordPress</a>
 </div><!-- .site-info -->

试着像上面的代码php和html一样理解。你可以很容易地编辑它。

编辑WordPress主题CSS

     Appearance → Editor->style.css(child theme). 

您可以更改详细参考的样式单击此处

转到你的wp管理员,外观(在左侧边栏),编辑器。选择要编辑的主题和文件,然后按Save。

在WordPress仪表板>外观>编辑器中,您不能编辑HTML文件(仅PHP和CSS文件),因为您可以在Codex中阅读-"编辑文件"

您的问题可能会变成为什么在PHP文件中看不到HTML

这是因为PHP生成HTML代码,然后您可以在PHP文件中看到许多PHP代码,但不一定是HTML代码。为了了解PHP是如何工作的,我建议您阅读这个有用的教程。