我用Shaybock的美食家WordPress主题有一段时间了,并且已经被新的推迟了免费升级到了她Foodie Pro Theme" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external">美食家临*主题为。最长。时间。我想用配方索引功能目录我的文章归档和分类,因为它看上去那么干净,但无法找到一个简单的方法来做到这一点。而且,为什么要限制这样一个伟大的功能,只有一个页面?以下是我能够创造美食家临主题的范围内的多个食谱索引页。哦,如果你没有Foodie Pro Theme" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external">美食家临*, 得到它!我爱这两个美学的简单性和代码的cleaniness,这使得它易于定制您认为合适的任何方式。
在我开始之前,一个警告。如果您不喜欢编辑php文件,或者直接在博客的文件系统中工作,那么本教程可能不适合您。这不是一个按键式的改变。
好 啊。向前,向上!
如果您担心编辑生产站点,请考虑首先在临时站点上进行这些更改。我用过WP驿马*,它允许您创建要在其中工作的临时站点,并在准备就绪时将其复制到实时站点。推动现场制作有时会遗漏一些细节,但我能够很快地解决这些问题,他们的支持团队太棒了!实际上,我使用Google Hangout,在我的支持人员修复我的网站时,我和他聊天(这是我的错误)。即使是轻微的小故障,能够调整我的css和php文件,而不篡改我的现场网站是这样一种解脱!所以,除非你喜欢大胆的生活,否则就考虑一个舞台!
这些说明将包括使用WP驿站马车的注意事项,如果你碰巧要走那条路线。另外,在开始之前,请确保备份博客。不需要编码,只需复制和粘贴,但比惊慌失措更安全!
1。进入您的托管服务的文件管理器,并找到与美食家临主题的文件夹。每个人的主机是不同的,但它通常进入一个的cPanel - >文件管理器,然后到这个文件夹结构:'public_html/wp content/themes/foodiepro'。
里面,你会看到一个recipes.php文件。创建一个新文件,并将其命名为recipes2.php。如果需要更多页面,请创建更多文件。我创造了recipes2.php和配方3.php。
2。现在我们将在WordPress中工作。(如果您使用的是WP Stagecoach,可以在这里创建您的登台站点。以下步骤应在登台时完成。)在WP管理站点的左侧边栏菜单中,转到“外观”->“编辑器”。你应该看看recipes.php还有你的新菜谱2.php。
3。复制的内容recipes.php成菜谱2.php。
4。在recipes2.php,将模板名称更改到新的东西,即。配方指数3:假日。然后再通过该文件,并替换所有“食谱顶”和'食谱底部'具有'食谱-top2'和'食谱-底部2',分别是。保存新文件。
5。同时还在外观 - >编辑,现在去文件widgeted-areas.php. 在文件的底部,您将看到通过向Genesis(Genesis register侧边栏函数)注册不同的小部件区域来创建它们的位置。复制并粘贴“食谱顶”和'食谱底部'段,变粘贴部分的ID名称'食谱-top2'和'食谱-底部2'. 你也可以把名字和描述改成你需要的任何东西来帮助你记住它们的用途。保存文件。
6。仍然在Appearance->Editor中,我们将注意力转向CSS样式表(样式表). 向下滚动,直到看到Recipes页面的部分。小心,这不是一个简单的食谱插件。在Recipes Page部分,将新的id名称添加到每个css块中,使用逗号分隔它们。保存你的工作。
7号。现在,转到外观 - >小工具,你应该看到放到新的小部件,并准备为您定制。在美食家临拖 - 精选文章插件并定制它来显示不同的类别,岗位#等。
8个。转到所有页面,选择现有页面或创建新页面。在右侧边栏上,有一个页面Attibutes块,其中有一个用于页面模板的下拉列表。如果一切顺利,你应该看到你的新食谱索引:假日页面模板作为一个选项。请记住,当您切换到这个widgeted模板时,您在文章正文中编写的任何内容都将不再显示。选择您创建的新模板并更新页面。
看看你的网站应该会显示你的新的索引文章!
如果您使用的是WP Stagecoach,则可以在此时导入更改。导入后,请确保检查页面是否使用了正确的模板-我的模板没有,但很容易修复。
就这样!通过这些步骤,您可以创建任意多的索引页。如果希望不同的索引页具有不同的外观,只需在CSS样式表中通过分隔不同的页id相应地更改它们。
现在怎么办?探索更多BET必威博客技巧,找到我脸谱网,推特或者跟我来一款图片分享应用!
*附属链接用星号表示。通过其中一个链接进行的购买可以帮我赚取一点佣金,更好地为您带来伟大的内容!
www.wineweb.com网站说
国际广告主要集中在广告和营销理论以及
全球跨文化培训。
阿南达说
嗨,奇伟,太棒了!!!你的索引页看起来很完美!!我马上就来!谢谢您!!
丽贝卡说
我已经钩针编织45年了,哇你真是太棒了。我20岁的女儿受不了你的独角兽。你猜我要为她做什么项目?!我喜欢这双婴儿鞋多么整洁。还有一种使用所有这些有趣按钮的方法。你真是一个了不起的天才谢谢你世界上有你这样的人是幸运的!
查尔斯的好东西说
只要找到你的博客我就喜欢!
我还得到了专业的美食家,并试图为我的DIY做一个索引页
但不知为什么我的菜单不见了-你能帮帮我吗?
爱,查尔斯
/*配方页
--------------- * /
.recipes顶,.recipe-TOP2 {
背景:f5f5f5;
衬垫:20px;
}
.recipes top.小部件,
.recipe-TOP2 .widget {
向左飘浮;
右边距:1%;
宽度:32%;
}
.recipes底部,.recipe-bottom2{
上缘:20px;
}
.recipes底.widget,
.recipe-bottom2.小部件{
边框底部:1px点#333;
清楚:两者都清楚;
显示:块;
溢出:隐藏;
填充:20像素0;
}
。食谱底部。维吉蒂尔,
.配方底部2。威吉特莱{
字号:22px;
}
。食谱底部。gfwa-1,
。食谱底部。gfwa-5,
.recipes底.gfwa-9,
。食谱底部。gfwa-13,
。食谱底部。gfwa-17,
。食谱底部。gfwa-21,
。食谱底部。gfwa-25,
。食谱底部。gfwa-29,
。食谱底部。gfwa-33,
。食谱底部。gfwa-37,
。食谱底部。gfwa-51,
.recipes底.gfwa-55,
.recipes底.gfwa-59,
。食谱底部。gfwa-63,
.recipes底.gfwa-67,
。食谱底部。gfwa-71,
。食谱底部。gfwa-75,
.recipes底.gfwa-79,
。食谱底部。gfwa-83,
。食谱底部。gfwa-87,
.recipes底.gfwa-91,
。食谱底部。gfwa-95,
.recipes-bottom2 .gfwa-1,
.recipes-bottom2 .gfwa-5,
.食谱-底部2.gfwa-9,
.食谱-底部2.gfwa-13,
.食谱-底部2.gfwa-17,
.食谱-底部2.gfwa-21,
.食谱-底部2.gfwa-25,
.食谱-底部2.gfwa-29,
.食谱-底部2.gfwa-33,
.食谱-底部2.gfwa-37,
.recipes-bottom2 .gfwa-51,
.recipes-bottom2 .gfwa-55,
.食谱-底部2.gfwa-59,
.recipes-bottom2 .gfwa-63,
.recipes-bottom2 .gfwa-67,
.食谱-底部2.gfwa-71,
.recipes-bottom2 .gfwa-75,
.recipes-bottom2 .gfwa-79,
.食谱-底部2.gfwa-83,
.recipes-bottom2 .gfwa-87,
.食谱-底部2.gfwa-91,
.配方-底部2.gfwa-95{
清楚:两者都清楚;
左边距:0;
}
。食谱底部。特性后h2,
。存档。三分之一。条目标题,
。存档。四分之一。条目标题,
.ARCHIVE。一十六.entry标题,
.search。一三分之一.entry标题,
.search。一十四.entry标题,
.search。一十六.entry标题,
。页面-模板-页面-博客。三分之一。条目标题,
。页面-模板-页面-博客。四分之一。条目标题,
。第-模板page_blog。一十六.entry标题,
.recipes-bottom2 .featuredpost H2,
。存档。三分之一。条目标题,
。存档。四分之一。条目标题,
.ARCHIVE。一十六.entry标题,
.search。一三分之一.entry标题,
.search。一十四.entry标题,
.search。一十六.entry标题,
。页面-模板-页面-博客。三分之一。条目标题,
。页面-模板-页面-博客。四分之一。条目标题,
.page-template-page\u博客。六分之一。条目标题{
字号:13px;
字号:400;
文本转换:无;
}
Uj公司说
优秀的文章。正是我期待的。谢谢
AO胃化学家说
谢谢你写这个!我有一些小问题(我自己的错),但解决了。对我来说,这是一个很好的办法来解决这个问题。
米歇尔(拉布芬)说
非常感谢!!!我很久以前就想要很多这样的东西了,但一直没办法解决
克里斯汀·安德伍德说
这是我发现的添加配方索引页最好的教程和我到处找!我很容易地添加4个索引页到我的博客,这是小菜一碟。我不知道怎么感谢你够本教程!真棒!
艾玛·路易斯说
如果这行得通,这将是这个月发生在我身上的最好的事情。需要把我的博客文章和菜谱文章分开,我认识的人都不知道该怎么做。我会让你知道的!
艾玛·路易斯说
成功了,非常高兴,谢谢。看看吧,如果你喜欢,这只是一个全新的婴儿博客,Dinewithemma.com网站
亚伦赛尼说
嗨,我有点麻烦了。有人能帮我吗?我的第二个食谱页工作不正常。这是我的样式.css工作表:
/*配方页
--------------- * /
.recipes顶,.recipes-TOP2 {
背景:f5f5f5;
衬垫:20px;
}
.recipes top.小部件,
.recipes-top2.小部件{
向左飘浮;
右边距:1%;
宽度:32%;
}
.食谱底部,
.食谱-底部2{
上缘:20px;
}
.recipes底部.widget
.recipes-bottom2.小部件{
边框底部:1px点#333;
清楚:两者都清楚;
显示:块;
溢出:隐藏;
填充:20像素0;
}
.recipes底部.widgetitle
.recipes-bottom2 .widgettitle {
字号:22px;
}
。食谱底部。gfwa-1,
。食谱底部。gfwa-5,
.recipes底.gfwa-9,
。食谱底部。gfwa-13,
。食谱底部。gfwa-17,
。食谱底部。gfwa-21,
。食谱底部。gfwa-25,
。食谱底部。gfwa-29,
。食谱底部。gfwa-33,
。食谱底部。gfwa-37,
。食谱底部。gfwa-51,
.recipes底.gfwa-55,
.recipes底.gfwa-59,
。食谱底部。gfwa-63,
.recipes底.gfwa-67,
。食谱底部。gfwa-71,
。食谱底部。gfwa-75,
.recipes底.gfwa-79,
。食谱底部。gfwa-83,
。食谱底部。gfwa-87,
.recipes底.gfwa-91,
.recipes底.gfwa-95 {
清楚:两者都清楚;
左边距:0;
}
。食谱底部。特性后h2,
。存档。三分之一。条目标题,
。存档。四分之一。条目标题,
.ARCHIVE。一十六.entry标题,
.search。一三分之一.entry标题,
.search。一十四.entry标题,
.search。一十六.entry标题,
。页面-模板-页面-博客。三分之一。条目标题,
。页面-模板-页面-博客。四分之一。条目标题,
.page-template-page\u博客。六分之一。条目标题{
字号:13px;
字号:400;
文本转换:无;
}
/*
热门广告
我还有别的事要做吗?
肖恩·墨菲说
嘿!伟大的教程,帮我出这么多!
那么,你是如何让分类页面在你的网站上显示为菜谱索引布局的呢?我似乎没有更改类别页的模板布局的选项。
谢谢你的帮助!
Deidre遗产说
我水母彭定康后或有
伊莱古列维奇说
你好。
我遵循了这些指示,一切似乎都很好,但我有两个小问题的网页创建。
1)使用模板配料和烹饪新页面不禁用页面的文本部分,只允许小部件。我不会在默认食谱页面在后端,由于该页面只由小部件驱动的自定义文本被禁用的顶部得到该消息。自己的网页看上去正常不过。
http://www.ancientrecipes.org/配料/
http://www.ancientrecipes.org/cookbooks/
2) 在我做了这些修改之后,我的博客页面切换到使用归档模板而不是博客模板。所以它不再显示文章的内容,而是将每个文章的宽度缩短为1/2,就像菜谱一样。但是,在Genesis主题设置中,它仍然设置为显示内容,在博客页面后端设置中,它设置为博客模板,而不是存档模板。我该怎么解决?
请帮忙,因为支持不想帮我。
谢谢
礼
乔伊斯说
非常感谢。这正是我要找的,这让我很容易!工作完美
阿卡迪说
哇,很棒的教程!第一次在一个文件里追逐任何东西,那太容易了!我同时创建了3个额外的配方索引!
阿卡迪说
我不认为这个线程仍然是“活动的”?我成功地创建了额外的配方索引,但是当我使用这些小部件时,recipe2 top和recipe2 bottom显示得很笨拙,而不是一个接一个。
我一直在解决此问题无济于事了好几天,现在: - /原始配方指数和recipe2指数代码长得一模一样,但常规指标显示细腻。
有人能帮忙吗?
丹妮尔说
多棒的教程啊!我按照指示做了三通,效果很好。谢谢你的好消息。
露西说
你好!不确定是否有人还在跟踪,但我终于弄明白了!在“外观自定义配方索引2”页面模板中,确保它是这样的(不要更改div类名,因为它会破坏格式):
功能foodie_pro_recipes_loop_helper(){
genesis_widget_区域('recipes-top2',数组(
'之前'=>“,
'在'=>''之后,
));
genesis_widget_区域('recipes-bottom2',数组(
'之前'=>“,
'在'=>''之后,
));
}
露西说
否则我也会确保样式.css所有东西上下都是2
梅丽莎·李说
太感谢你了!它就像一个符咒,你让我这样的新手很容易理解。谢谢你这么有用的帖子。