Question

我为HTML，CSS和JavaScript中的页面编写了以下代码。如何将其转换为WordPress页面模板？

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/global.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.js"></script>
<body>
<div class="box1">
    <div class="top1"></div>
        <!-- Content Start Here -->
        <div id="m-container">
            <h1>Featured Clients &amp; Partners</h1>
            <ul class="filterClients" style="float:left; clear:both; margin:0 0 0 0px; ">
                <li><a href="#" class="it">IT</a></li>
            </ul>
        </div>
        <!-- Content Start Here --> 
    </div>    
</body>
</html>

Answer 1

用于创建Wp模板检查以下代码＆amp;将模板文件名保存在主题目录中。

<?php
/* Template Name: Custom Template */
get_header();
?>

    <div class="box1">
        <div class="top1"></div>
            <!-- Content Start Here -->
            <div id="m-container">
                <h1>Featured Clients &amp; Partners</h1>
                <ul class="filterClients" style="float:left; clear:both; margin:0 0 0 0px; ">
                    <li><a href="#" class="it">IT</a></li>
                </ul>
            </div>
            <!-- Content Start Here --> 
        </div>  



<?php get_footer(); ?>

Answer 2

在WordPress主题文件夹中创建一个新的.php文件，在第一行添加以下代码：

{% ckan_extends %}

{% block extras %}
  {% if pkg_dict.custom_text %}
    <tr>
      <th scope="row" class="dataset-label">{{ _("Custom Text") }}</th>
      <td class="dataset-details">{{ pkg_dict.custom_text }}</td>
    </tr>
  {% endif %}
{% endblock %}

随后是您自己的代码。

返回WordPress管理区域，创建新页面并通过模板下拉列表分配模板。

然后，您可以修改模板文件以获取常用的WordPress字段，标题，内容等。

如何将HTML，CSS，Javascript代码转换为WordPress

2 个答案: