tips
教程需要,本站采用的国外服务器,国内访问较慢,感谢耐心等待。

怎么用Elementor编辑侧边栏(Hello Elementor添加Sidebar)

我们在使用Elementor建网站的时候会考虑到网站边栏的内容调用,通常情况下边栏都是在外观选项下,而如果我们使用的是Hello Elementor这个主题的话,是不带侧边栏的,那么我们需要怎么来编辑侧边栏内容呢?有两种方法:

WordPress侧边栏区域

方法一:直接编辑到网站模板里面

参考之前的“使用Elementor Pro美化文章布局”教程,我们创建一个页面模板或者文章模板,结构选择左右结构。

elementor左右结构

然后在右侧的边栏区域直接把自己希望展示的内容用元素编辑出来。

elementor编辑边栏

编辑完毕之后保存发布就行了。

方法二:通过边栏小工具调用

通常情况下大多数主题都会带有边栏区域Sidebar区域,而hello elementor这个主题是极简到不带边栏区域的,我们需要先自己创建一个边栏,方法如下:

打开主题的函数文件functions.php 把下面的代码粘贴进去保存,然后在主题菜单下就可以看到小工具了。
function my_custom_sidebar() {
register_sidebar(
array (
'name' => __( '自定义边栏区域', 'hello-elementor' ),
'id' => 'custom-side-bar',
'description' => __( '通过代码自定义的边栏', 'hello-elementor' ),
'before_widget' => '<div class="widget-content">',
'after_widget' => "</div>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
)
);
}
add_action( 'widgets_init', 'my_custom_sidebar' );

创建完毕之后,我们回到方法一的创建左右布局之后,直接元素里面找到侧边栏,拖动过来。

elementor添加边栏

然后在主题菜单下面的小工具,就可以添加小工具到边栏,以后需要替换侧边栏内容的时候直接后台修改即可,不需要每次都去编辑elementor模板了。

随便看看

#!trpst#trp-gettext data-trpgettextoriginal=578#!trpen#發佈留言#!trpst#/trp-gettext#!trpen#

#!trpst#trp-gettext data-trpgettextoriginal=577#!trpen#發佈留言必須填寫的電子郵件地址不會公開。#!trpst#/trp-gettext#!trpen# #!trpst#trp-gettext data-trpgettextoriginal=572#!trpen#必填欄位標示為 *#!trpst#/trp-gettext#!trpen#