将幻灯片添加到wordpress的主页面

时间:2013-03-29 23:10:31

标签: php html wordpress slideshow

我正在尝试为网站创建WordPress主题,并希望向index.php添加幻灯片。由于我不想在索引上显示帖子并只显示幻灯片,我可以删除WordPress循环吗?或者我需要保留它?如果我必须保留它,我该怎么做只显示幻灯片?

感谢。

4 个答案:

答案 0 :(得分:2)

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

您甚至可以创建一个非常容易的自定义页面模板。

  1. 创建一个标题为您想要的新文件。我会使用像template-home.php
  2. 之类的东西
  3. 添加评论/ *模板名称:主页* /。
  4. 复制其他文件(如page.php)中的内容并进行首选修改
  5. 创建新页面并在页面属性下选择页面模板。
  6. 转到设置>阅读并为您的主页选择静态页面,然后选择您刚刚创建的页面。

答案 1 :(得分:1)

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

如果是,那么我建议您改为创建Static Front Page or Splash page

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

您可以添加自己的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并将其保存为“here is the code

3-使用记事本创建另一个文件并将其另存为slideshow.js并将图片网址替换为其中的网址Here is the Code

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