在wordpress的主页添加一个幻灯片


Adding a slideshow to the main page of wordpress

我想为一个网站创建WordPress主题,并想添加一个幻灯片到index.php。因为我不想在索引上显示帖子,只显示幻灯片,我可以删除WordPress循环吗?还是我要留着它?如果我必须保留它,我怎么做才能只显示幻灯片?

谢谢。

我不会为了删除首页的循环而破坏index.php页面。您应该创建一个名为home.php的新文件,从index.php复制所有内容,并删除那里的循环。Home.php将用作您的主页,如果您想使用普通的index.php,那么您仍然可以使用它。

你甚至可以创建一个自定义页面模板,这是非常容易做到的。

  1. 创建一个新文件,无论你想要什么标题。比如template-home。php
  2. 添加注释/*模板名称:首页*/.
  3. 从另一个文件(如page.php)复制内容并进行首选编辑
  4. 新建页面,在页面属性下选择页面模板
  5. 进入设置>阅读,为你的主页选择一个静态页面,选择你刚刚创建的页面。

您可能不希望在主页上显示帖子。

如果是这样,那么我建议您创建一个静态首页或Splash页面。

如果你不需要检索帖子或回复等,你可以删除wordpress循环。

**但是,我不建议这样做,因为您可能希望从特定页面提取图像,这将需要the loop

你可以添加你自己的HTML和JS的一个只是按照这些步骤1-使用记事本创建一个新的HTML文件(保存为slideshow.html),并在其中传递以下代码

    <html>
      <head>
          <title>Image Slideshow</title>
              <style type="text/css">
                  /* All Styles Optional */
                   * {
            font-family:calibri,arial;
                font-size:16pt;
                }
                div#show {
                background-color:#efefe7;
                width:400px;
                margin:0; padding:2px;
                border:1px solid #909090;
                }
                div#show table input,  div#show4 table input {
                outline-style:none;
                }
                </style>
                <!--[if IE]>
                <style type="text/css">
                div#show table td, div#show4 table td {
                height:21px;
                }
                </style>
                <![endif]-->
                <script src="swissarmy.js" type="text/javascript"></script>
                <script src="slideshow.js" type="text/javascript"></script>
                </head>
                <body style="margin:0; padding:0;">
                <div id="show"><script type="text/javascript">new                                                                                                                                      
                 inter_slide(slideShow)</script></div>
               </body>
               </html>

2-然后用记事本创建一个新文件,并将其保存为swissarmy.js,并在其中键入"这是代码"

3-用记事本创建另一个文件,并将其保存为slideshow.js,并将图像url替换为其中的url。

4-把所有这些文件放在一个文件夹中,打开slideshow.js,然后用你自己的图像和你想要的文本替换图像5-打开HTML文件,它将工作