WordPress中Elementor教程 每个元素都有示例

Posted 小Q的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WordPress中Elementor教程 每个元素都有示例相关的知识,希望对你有一定的参考价值。

虽然一直是做程序开发的,但一直都是从事后端开发,前端的程序也大多是Winform、小程序,对网站设计真的是一窍不通。虽然有一段时间学习过Html+Css,但苦于兴趣不高,没难坚持下来。公司是做跨境电商的,最近在别人的帮助下使用WordPress搭建个独立站,才重新拾起网站设计这块开发工作。

传送门
WordPress中Elementor教程 开篇+制作网站Header示例

WordPress中Elementor教程 基本面板元素示例

WordPress中Elementor教程 专业版元素示例

WordPress中Elementor教程 常规元素示例

WordPress中Elementor教程 其他面板元素示例

Wordpress - 使用类型为日期的自定义字段在 Elementor 页面中显示帖子

【中文标题】Wordpress - 使用类型为日期的自定义字段在 Elementor 页面中显示帖子【英文标题】:Wordpress - display posts in Elementor page using custom field where type is date 【发布时间】:2021-01-28 03:59:29 【问题描述】:

我尝试实现这一点,同时尝试应用从这里和那里获取的一些代码。

我在网站中使用 Elementor Page Builder,并使用 ACF 创建了自定义帖子类型。在该帖子类型中,有一个 start_date 字段。

这个想法是仅当日期等于或高于当前日期时才在主页上显示帖子。

现在代码是这样的:

add_action( 'elementor/query/por_data', function( $query ) 
// Here we set the query to display posts
// after specific date
$query->set( 'date_query', array(
array(
        'after' => 'May 17, 2020', 
    )
) ); 
 );

这显然只显示了 2020 年 5 月 17 日之后创建的帖子,这不是我想要的。这个想法是从该 ACF 字段中获取日期,将其与当前日期进行比较并相应地显示结果。自定义字段类型名称为“curso”

找到了这段代码,但似乎可以将两者合并在一起,因为我对编程知之甚少(还)

$args = array(
'post_type' => 'events',
'orderby'   => 'event_date',
'meta_key'  => 'event_date',
'order'     => 'ASC',
'meta_query' => array(
  array(
    'key' => 'event_date',
    'value' => date('Y-m-d',time()),
    'compare' => '>'
  )
),
);
$q = new WP_Query($args);
var_dump($q->request);

有人可以帮忙吗?谢谢

【问题讨论】:

【参考方案1】:

我试图在 cmets 中解释它 - 希望你现在能更好地理解它。

add_action( 'elementor/query/por_data', function( $query ) 

    $meta_query = $query->get( 'meta_query' );
    // Append our meta query instead of overwriting all elementors own metaqueries
    if($meta_query == "")
        $meta_query = array();
    
    $meta_query[] = array(
        array(
            'key' => 'start_date', //Or whatever you field is called
            'value' => date('Y-m-d',time()), //Make sure that the format is correct here
            'compare' => '>' //Means that the value should be higher than the key, so this is what you want - If you also need the current dates posts, then you need to use '>=' instead
        )
    );
    $query->set( 'meta_query', $meta_query ); //since we appended our query, you can safely set the meta querie now. 
 );

您可能需要稍微调整一下,但这会引导您走上正确的道路。

【讨论】:

实际上可能还需要 'relation' => 'AND', 在数组之前。不确定 感谢您的意见。试图将代码添加到主题的function.php,但继续显示所有帖子,似乎没有进行查询并将其与实际日期进行比较。格式为 d-m-Y,这是该字段的屏幕截图:prnt.sc/v1as1j

以上是关于WordPress中Elementor教程 每个元素都有示例的主要内容,如果未能解决你的问题,请参考以下文章

WordPress:Elementor 插件正在按钮中添加 <br>

我刚开始使用 Elementor for WordPress,我想知道如何为标题创建淡入/淡出下划线效果

Elementor编辑器 2018年最流行的WordPress页面构建插件

在 WordPress 的 Elementor 产品中为产品标题设置背景颜色

如何在 Wordpress Elementor 脚本完全加载后运行我的脚本?

在 wordpress elementor 页面中添加 css 和 js 文件的位置