• 跳至主要导航
  • 跳到主要内容
  • 跳到主要侧边栏

WP站点

2664

原始创世纪教程和5000多个保证代码

片段

  • 支持
  • 通讯
  • 影片
  • 登录

高级会员? -请求自定义代码

4列存档配方模板– Featured Image & Title Only

我最近受雇为这样的食谱网站创建类别档案:

4列布局

客户希望保留主要的侧边栏,并在所有类别归档页面上的标题中仅挤压4张特色图像。

这里 ’s这篇文章中的代码产生的结果是:

类别存档列

布局选项

您可以在以下代码中使用内容侧边栏或全角布局:

格

示范影片

包括针对媒体查询的1条CSS规则:

这里 ’s登录成员的模板代码:

注册以获得完全访问权限

相关页面模板

  • 列的Genesis网格样式存档页面模板

美食家专业主题

读者互动

评论

  1. 节俭的一对 说

    2016年7月30日下午6:38

    问候布拉德!

    感谢您提供简单易懂的指导。我主要实现了这一点,但是我的类别没有显示4列;而是仅显示全尺寸的精选图片,并在其下方链接标题。

    很抱歉留下我的链接,但是在这里’使用默认模板的示例:
    http://thethriftycouple.com/category/diy-projects/gardening-diy-projects/

    和这里’s全宽度示例:
    http://thethriftycouple.com/category/finance/dropping-debt/

    我使用的是Foodie主题,但是我可能在主题中遇到其他冲突?

    非常感谢!
    亚历克斯

    登录以回复
    • 布拉德·道尔顿 说

      2016年7月30日晚上11:09

      似乎您可能需要清除缓存,因为CSS使用width:25%在列中显示每个条目。如果您添加到style.css文件中的新CSS是’t呈现(由于样式表的旧版本由浏览器缓存呈现),只有新的PHP会执行。

      要么

      您可以使用其他解决方案 http://dingyuanhong.com/web-design/foodie-pro-archive-page-template-for-columns/

      登录以回复
  2. 自制的蛋糕 说

    2016年5月22日上午10:48

    非常感谢你做的这些!

    我有两个问题

    1 –如何显示特定的缩略图大小?一世’ve已经生成它,并在Genesis(它的’s a square, 200×200),但看起来像’目前正在拉大尺寸的精选图片(矩形)。

    2 –如何才能使相同样式适用于archive.php(因此,所有类别,分类和日期档案)和搜索结果?我将此设置保存在archive.php中’s目前适用于类别,但是当我查看分类档案页面时,它说没有帖子可显示。

    登录以回复
    • 布拉德·道尔顿 说

      2016年5月22日上午10:57

      在代码的这一行中,您可以更改图像尺寸的名称

      if ( $image = genesis_get_image( 'format=url&size=recipe' ) ) {

      看到

      size=recipe

      或添加以下内容:

      add_image_size( 'recipe, 200, 200, TRUE );
      登录以回复
      • 自制的蛋糕 说

        2016年5月22日下午12:13

        完善!我完全错过了代码,但是现在我知道要寻找什么了– thank you!

        登录以回复
    • 布拉德·道尔顿 说

      2016年5月22日上午11:07

      2.您可以通过几种方式执行此操作。

      (a)重命名文件,例如grid.php而不是archive.php并使用 template_include 在您的功能文件中 条件标签 显示在多种存档类型上

      add_filter( 'template_include', 'use_for_archives', 99 );
      function use_for_archives( $template ) {
      	if ( is_archive() 要么  is_search() 要么  is_tax() ) {
      		$new_template = locate_template( 数组( 'grid.php' ) );
      		if ( '' != $new_template ) {
      			return $new_template ;
      		}
      	}
      
      	return $template;
      }

      (b)或将PHP代码直接添加到CPT的分类模板中。我假设您的主题文件夹包含一个taxonomy-cpt-type.php文件,其中CPT是您的自定义帖子类型的名称?

      登录以回复
      • 自制的蛋糕 说

        2016年5月22日下午12:15

        我选择了选项A,因为我’我从头开始编码这个主题(或试图编码),所以我只有文件’并通过插件处理自定义帖子类型。对我来说,更容易围绕它进行编码

        该解决方案运行完美。再次感谢!

        登录以回复
  3. 克里斯蒂·希尔 说

    2015年4月30日,晚上10:39

    嗨,布拉德。我只希望它显示在一个类别上,而不是所有类别存档页面上。我该如何过滤?

    登录以回复
    • 布拉德·道尔顿 说

      2015年4月30日,晚上11:08

      你好克里斯蒂

      WordPress模板层次结构的工作原理如下。 WordPress按以下顺序查找类别文件:
      1. category- {slug} .php– If the category’sslug是新闻,WordPress会寻找category-news.php
      2. category- {id} .php– If the category’ID为6,WordPress将查找category-6.php
      您需要做的只是将文件命名为category-slug.php。
      slug是您的类别的名称

      登录以回复
      • 克里斯蒂·希尔 说

        2015年5月5日,下午7:59

        感谢您向我解释等级制度Brad!这部分效果很好,任何想法为什么图像都没有’不能显示25%? http://184.154.247.31/~fashi562/category/style-file

        登录以回复
        • 布拉德·道尔顿 说

          2015年5月5日,晚上8:08

          那里’s 另一种方法.
          使用第二个片段并将3更改为4。

          登录以回复
          • 克里斯蒂·希尔 说

            2015年5月6日,晚上8:37

            I’我会继续修补它。我喜欢这种画廊方法,它可以在我所有其他站点上使用,但不适用于该站点。

          • 克里斯蒂·希尔 说

            2015年5月6日,晚上9:32

            得到它的工作。

          • 布拉德·道尔顿 说

            2015年5月6日,晚上9:34

            好东西!怎么了

  4. 丽莎 说

    2014年8月8日,上午2:54

    你好

    感谢您的教程!有什么方法可以使每个帖子都带有精选图片的缩略图,而不是实际的精选图片?我的某些精选图片尺寸不同,这使网格看起来很凌乱–有没有办法让它们全部显示为相同大小?

    谢谢!

    登录以回复
    • 布拉德·道尔顿 说

      2014年8月8日,上午4:59

      你好丽莎

      将自定义大小添加到文件中的代码,然后重新生成缩略图。 //wordpress.org/plugins/regenerate-thumbnails/

      或裁剪图像并手动重新上传每个特色图像。

      登录以回复
  5. 克里斯 说

    2014年7月31日晚上8:33

    精彩的教程Brad!
    我只能做一件事’t弄清楚。我已启用Jetpack共享按钮以显示在主页上,但是删除帖子内容时,按钮也会被删除。将这些按钮放在标题下方或旁边的提示?

    干杯,
    克里斯

    登录以回复
    • 布拉德·道尔顿 说

      2014年7月31日晚上11:07

      你好克里斯

      我认为您需要使用genesis_entry_footer等不同的钩子在内容之前或之后添加它们

      http://dingyuanhong.com/best-plugins/moving-jetpack-sharing-buttons-above-post-content/

      登录以回复
      • 克里斯 说

        2014年8月1日,上午8:10

        得到它的工作!
        //gist.github.com/anonymous/128f09ce5a4962e1d6a8

        谢谢ðŸ™,

        登录以回复
        • 布拉德·道尔顿 说

          2014年8月1日,上午10:36

          感谢您分享克里斯。

          登录以回复

发表评论 取消回复

你一定是 登录 发表评论。

主侧边栏

PHP代码

template_include

get_body_class

如果别的

数组

class_exists

前言

冲刺

add_action

打印

变量

广告 · WPEngine · 创世记 · 登录

  • 高级会员的工作方式
  • 报名
  • 支持
  • 订阅详细信息/发票
  • 标记教程
  • 访问下载问题

<wbr class="wbHO3Bd"><param class="Eivm2vQ"><audio class="U9j6vMm"></audio></param></wbr>

    <dir class="u3BeagZ"></dir>




      • <th class="iPAZnbp"></th>

          <map id="E5jwdCO" class="EpqgC3u"><del id="ju9iwGq" class="jPYKx45"></del></map>
          <i id="j3w5UE3" class="jNc6ZNt"><ruby id="en4Gptw"></ruby></i>