使用Elementor架設網站的常見問題答疑

更新日期:2021-09-27
Share on facebook
Share on twitter
Share on linkedin

本文是讀者們在使用Elementor進行企業網站架設時遇到的問題與解決方法。本文不斷更新,有問題請留言。

可以用Elementor編輯WooCommerce產品嗎?

可以,請看下圖,在Elementor設置的文章類型中,勾選產品並保存。然後你在編輯產品時,就能看到使用Elementor編輯按鈕了。

image 41

Elementor能編輯產品的哪一部分內容?

可以用Elementor編輯產品的詳細介紹,也可以認為是產品的正文而產品的簡介(short description)是無法使用Elementor編輯的。

image 43

如何使用Elementor編輯Custom post type ui定義的文章

與上文同理,請在下圖的Elementor設置中勾選你添加的文章類型並保存

此圖像的alt屬性為空;文件名為image-41.png

使用Custom post type ui添加的新文章類型可以用Elementor Pro製作列表頁和詳情頁模板嗎?

可以,譬如你可以用Custom post type ui(CPT UI)添加名叫case的文章,便于管理公司的案例,如果你想以类似博客的形式展示case,那么你在用CPT UI添加case时,需要注意下图中的配置:将has archive选择为true,这样以来,才能用Elementor Pro製作針對case的文章列表模板(Archive),然後發布模板時設置display condition為case archive即可。

image 44

用Elementor編輯商店頁面/產品首頁報錯

原因是:这个页面在woocommerce的设置中已被设为商店页面,所以不可以用Elementor直接编辑。但你可以使用Elementor Pro制作Product archive模板,并在保存发布时,设置展示条件为shop page。

image 45
elementor pro create woocommerce shop page
用Elementor Pro制作产品列表模板时,设置展示条件为shop page

如何用Elementor製作圖文等比縮放的首頁Banner?

有读者反馈希望banner不因设备尺寸的改变而改变布局,譬如:不希望文字把背景图片挡住,又希望图片在不同设备上都能完整显示….emm,你只有把文案做到图片里直接作为banner了。

目前有几种方法:现在我比较推荐的是使用Eelementor的Image carousel元素来实现。

下面是我以前用的旧方法。

以Elementor Pro為例,你需要使用slider元素,將圖片上傳到背景中,同時設置size:contain,然後點擊height(高度)旁邊的設備圖標,切換到不同設備上,分別設置圖片的高度,以便圖片寬度能完整顯示。

image 46

接下來,切換到這個banner的content標籤頁,將內容、按鈕都清空,設置link(鏈接),將鏈接方式(apply link on)設置為whole slider。

image 47

如果你使用的是免費的Elementor,那麼你需要使用 Premium Addons For Elementor 高級元素擴展中的Premium Carousel / 輪播來製作banner。

推薦教學:

Astra主題教學:免費架設企業網站(入門級)或2021年架設B2B企業網站的終極教學(进阶级)

Elementor教學

點贊
0 / 5 0

Your page rank:

相關 教學

我自用的 架設網站資源

當你點擊本站的鏈接購買主機、主題、外掛,我會得到一些佣金用於運營網站,但不會影響你的購買價格,我只推薦自己在用的,感謝有你的支持~比心( •̀ ω •́ )y

Namesilo

註冊網域,購買時使用優惠券loyseo可減1美元
前往註冊→

Cloudways

速度快、續費不漲價的優質主機
了解詳情→

elementor logo gradient 01 1
Elementor

最熱門的網頁可視化設計編輯器,我的網站就是用它建的
了解詳情→

Astra

易用又輕快的WordPress主題,含超多免費模板
了解詳情→

Copyright © LOYSEO.COM

我的九成客户都在用的Cloudways超快独享主机,本站专属优惠码:LOYSEO,前2個月可優惠30%
讀者學習交流群,
歡迎微信掃碼加入