HTML Insight Wordpress主题 - 欢迎Box内容示例代码

Posted 2021-05-24

[img-left]your-image-path-goes-here[/img-left]
<p>Welcome to the [yellow]<strong>INSIGHT - 10 in 1 Premium Portfolio Wordpress Theme.</strong>[/yellow] Take a look around the site and the different pages I promise you will like it.</p>
[button link="#"]Learn More[/button]

无法在 wordpress 上将我的 html 编辑为 wordpress 主题

【中文标题】无法在 wordpress 上将我的 html 编辑为 wordpress 主题

【英文标题】：Can not edit my html to wordpress theme on wordpress

【发布时间】：2016-08-05 16:04:52

【问题描述】：

我是 WordPress 新手。我最近制作了自己的 html 网站并将其转换为 WordPress。它在 WordPress 中运行良好。但是有一个问题，那就是我无法通过 WordPress 更改网站的内容。也许是因为我在我的主题的 index.php 中编码了 html，但我不确定这是否有任何效果。 现在我的主题有以下文件：

index.php

footer.php

header.php

style.css

screenshot.png

css（文件夹）

js(文件夹)

字体（文件夹）

img（文件夹）

我们将不胜感激任何形式的帮助。

【问题讨论】：

您要编辑 WordPress 网站的哪个部分？每个部分都需要一个模板。

你用的是什么主题？？

我只是想通过 wordpress 编辑我的页面内容。而且我创建的每个新页面看起来都一样。我知道这是因为我将 html 编码为 index.php 文件。

EntrePrAmar 我没有使用任何主题。我用自己的自定义 html 文件制作了 wordpress 主题。

@SHARJEELIMTIAZ，是的，模板是 php 文件，而 WP 页面是使用这些模板呈现的动态内容。请参阅下面的答案。

【参考方案1】：

不要对 index.php 中的所有 html 进行硬编码，而是使用 WP 循环创建模板，然后使用这些模板在 Wordpress Admin 中创建页面。例如，如果您使用的是 25 个 Wordpress 主题，您的主模板可能类似于：

 <?php
/**
 * The main template file
 * Template Name: Front_Page
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * e.g., it puts together the home page when no home.php file exists.
 *
 * Learn more: @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Fifteen
 * @since Twenty Fifteen 1.0
 */
    get_header(); ?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">

        <?php if ( have_posts() ) : ?>

            <?php if ( is_home() && ! is_front_page() ) : ?>
                <header>
                    <h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
                </header>
            <?php endif; ?>

            <?php
            // Start the loop.
            while ( have_posts() ) : the_post();

                /*
                 * Include the Post-Format-specific template for the content.
                 * If you want to override this in a child theme, then include a file
                 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
                 */
                get_template_part( 'content', get_post_format() );

            // End the loop.
            endwhile;

            // Previous/next page navigation.
            the_posts_pagination( array(
                'prev_text'          => __( 'Previous page', 'twentyfifteen' ),
                'next_text'          => __( 'Next page', 'twentyfifteen' ),
                'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
            ) );

        // If no content, include the "No posts found" template.
        else :
            get_template_part( 'content', 'none' );

        endif;
        ?>

        </main><!-- .site-main -->
    </div><!-- .content-area -->

<?php get_footer(); ?>

然后创建一个首页：在页面中选择添加新页面。将其命名为“家”。将您的 html 动态内容放在内容区域中。选择您之前创建的模板 Front_Page（从右侧栏）。更多详细信息请参见 WP codex 链接：WordPress Static Front Page Process

现在要更改页面的内容，您只需在 WP 管理面板中编辑页面。希望这会有所帮助。

编辑 1：您可以像传统方式一样将样式表和 Js 文件排入头文件中，也可以通过主题的 function.php 进行。有关信息，请参阅 Including CSS & JavaScript 和 wp_enqueue_style。

编辑2：是的，最好使用现有主题并对其进行自定义，或者使用现有主题WP Child Theme制作您自己的子主题

【讨论】：

这个“模板”文件的具体名称是什么。是page.php吗？？

@SHARJEELIMTIAZ，以上是主模板index.php的例子