添加到主页的轮播

时间:2013-11-09 15:12:48

标签: javascript php wordpress templates wordpress-theming

我正在使用SimpleCorp主题,我需要将those四个图片和文本块的数量增加到六个。我甚至尝试重定向索引.php到我的自定义.php页面模板,但它根本不起作用...

接下来我试过的是,在/wp-content/themes/simplecorp/admin/options/homepage.php中,我在下面找到了这个代码(好了4个块,但是增加了数字)

$options[] = array( "name" => "Content Box 1 Title",
                    "id" => $shortname."_homecontent1title",
                    "std" => "Awesome Features",
                    "type" => "text");

$options[] = array( "name" => "Content Box 1 Text",
                    "id" => $shortname."_homecontent1",
                    "std" => "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.",
                    "type" => "textarea");

$options[] = array( "name" => "Content Box 1 Image",
                    "desc" => "Click to 'Upload Image' button and upload Content Box 1 image.",
                    "id" => $shortname."_homecontent1img",
                    "std" => "$blogpath/library/images/sampleimages/featured-img-01.png",
                    "type" => "upload");

$options[] = array( "name" => "Content Box 1 URL",
                    "id" => $shortname."_homecontent1url",
                    "std" => "#",
                    "class" => "sectionlast",
                    "type" => "text");

通过复制粘贴和递增数字6到达所需的数量,我创建了另外两个(第5和第6)。但是当我试图重新加载我的wp-admin面板时,希望会出现另外两组设置,它只是向我展示了一个空白页面。我想,主页块的数量与某些东西有关,这需要其中的四个。但是什么?......

如果有人能建议我解决方案,我将非常感激!

3 个答案:

答案 0 :(得分:1)

这看起来像是由behaviours.js文件和这些行控制的:

/*HOMEPAGE CAROUSEL STARTS*/
(function() {
    var jQuerycarousel = jQuery('#projects-carousel');
    if( jQuerycarousel.length ) {
        var scrollCount;
        if( jQuery(window).width() < 480 ) {
                scrollCount = 1;
        } else if( jQuery(window).width() < 768 ) {
                scrollCount = 1;
        } else if( jQuery(window).width() < 960 ) {
                scrollCount = 3;
        } else {
                scrollCount = 4;
        }
    jQuerycarousel.jcarousel({
        animation : 600,
        easing    : 'easeOutCirc',
        scroll    : scrollCount, 
        initCallback:   function() {jQuerycarousel.removeClass('loading')},
    });
}
})();
/*HOMEPAGE CAROUSEL ENDS*/

在这一行

jQuery(window).width() < 960 ) { scrollCount = 3; } else { scrollCount = 4; }

将4更改为6,看看是否有效。

答案 1 :(得分:0)

添加到admin / options / homepage.php另外两个框(5&amp; 6)应该会导致它们出现在admin的选项面板中。 如果你有一个空白页面,你可能用“,”或“;”做了一些小错误某处?或者您可能没有根据需要更改所有数字?

您应该再次尝试,并在管理员中显示5&amp; 6。 然后将它们添加到主题根文件夹中的home.php文件中。

答案 2 :(得分:0)

jQuery轮播与主页内容框无关 - 它仅控制底部的特色投资组合项目(如果在主题选项中激活)。

要向主页添加更多框,您需要复制一个现有的管理选项框,如admin所示,位于admin / options / homepage.php中。小心确保为每个盒子正确递增每个数字(每个盒子有几个要改变),例如&#34;内容框5标题&#34;等等。如果你得到一个空白页面,那意味着你做错了!回去仔细检查。

接下来,您需要修改theme / home.php页面以回显新的框内容。只需复制例如第四个在那里并再次粘贴下面,确保增加数字以表示新框:(&#39; sc_homecontent5img&#39;)等。请注意,每行的最后一行应包含CSS选择器&#34 ;最后&#34;表明最后的元素。

最后,您需要修改主题CSS以确保新框排列并正确显示。您可以将其修改为连续显示3,而不是例如2。