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

时间:2016-05-05 07:39:26

标签: php html wordpress

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

事情是,我找不到html代码。我看着外表 - >编辑器,这是所有的PHP文件和一个CSS。

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

感谢

4 个答案:

答案 0 :(得分:6)

如果你想编辑你的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). 

您可以更改详细参考click here

的样式

答案 1 :(得分:2)

转到你的wp-admin,外观(左侧边栏),编辑。选择要编辑的主题和文件,然后按“保存”。

答案 2 :(得分:0)

这是一个完整的页面模板,它利用上面描述的所有内容和附加标记,并包含循环:

<asp:ScriptManager runat="server"></asp:ScriptManager>
 <asp:UpdatePanel ID="panelLinkButton" runat="server" UpdateMode="Conditional">
   <triggers>
       <asp:AsyncPostBackTrigger ControlID="LinkButton6" EventName="Click" />
   </triggers>
 <contenttemplate>
       <asp:LinkButton ID="LinkButton6" runat="server" CssClass="btn btn-info" OnClick="lnkAddToGroup_Click"><i class="fa fa-search"></i></asp:LinkButton>
 </contenttemplate>
</asp:UpdatePanel>

答案 3 :(得分:0)

在WordPress信息中心&gt;外观&gt;编辑器您无法编辑HTML文件(仅限PHP和CSS文件),因为您可以在Codex - "Editing files"中阅读

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

这是因为 PHP生成HTML代码,然后您可以在PHP文件中看到许多PHP代码,但不一定是HTML代码。为了理解PHP的工作原理,我建议您阅读this useful tutorial