Flatsome 主题 更换字体,更换字体大小. 登陆 https://zls.bndstone.com 后台 方法一: 从后台一种字体一种字体测试. 方法二: 直接写一个css上传. 更直接快速. 1https://docs.uxthemes.com/article/224-add-custom-fonts-to-flatsome. 1234body{font-family: "Helvetica", sans-serif;} .nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Helvetica", sans-serif;} h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Helvetica", sans-serif;} .alt-font{font-family: "Helvetica", sans-serif;} 1234body{font-family: "Microsoft YaHei", sans-serif;padding: 5px;} .nav > li > […]
Category Archives: Flatsome
WooCommerce插件上如何设置Featured Products 12https://www.minutesguide.com/set-featured-products-woocommerce/ https://docs.uxthemes.com/article/95-how-to-set-featured-products 1. 登陆Wordpress后台. 2. Products —> All Products 3. 选中 热销产品,打上小星星. 4. 如果页面找不到这个小星星的按钮。
【flatsome】flatsome 如何把喜欢的产品调到首页显示. 123456789[ux_products products="14" show="featured"] [ux_products products="8" orderby="sales"] [ux_product_categories number="20"] 1. 新建Blocks 123456browse-our-catalogues granite-vanity-top-catalogues marble-vanity-top-catalogues granite-countertop-catalogues […]
1234567891011121314151617<div> <a href="https://plus.google.com/u/0/101641800527868173429" target="_blank" title="Follow on Google+"><img src="/wp-content/themes/pic/google-plus01.png" onmouseover=’src="/wp-content/themes/pic/google-plus02.png"’ onmouseout=’src="/wp-content/themes/pic/google-plus01.png"’ /></a> <a href="https://www.facebook.com/hongshengstonecom" target="_blank" title="Follow on Facebook"><img src="/wp-content/themes/pic/facebook01.png" onmouseover=’src="/wp-content/themes/pic/facebook02.png"’ onmouseout=’src="/wp-content/themes/pic/facebook01.png"’ /></a> <a href="https://www.twitter.com/hongshengstone" target="_blank" title="Follow on Twitter"><img src="/wp-content/themes/pic/twitter01.png" onmouseover=’src="/wp-content/themes/pic/twitter02.png"’ onmouseout=’src="/wp-content/themes/pic/twitter01.png"’ /></a> <a href="https://www.instagram.com/hongshengstone" target="_blank" title="Follow on Instagram"><img src="/wp-content/themes/pic/instagram01.png" onmouseover=’src="/wp-content/themes/pic/instagram02.png"’ onmouseout=’src="/wp-content/themes/pic/instagram01.png"’ /></a> <a href="https://www.pinterest.com/hongshengstone" target="_blank" title="Follow on Pinterest" ><img src="/wp-content/themes/pic/pinterest01.png" onmouseover=’src="/wp-content/themes/pic/pinterest02.png"’ onmouseout=’src="/wp-content/themes/pic/pinterest01.png"’ /></a> <a href="mailto:info@chinastonetops.com" target="_blank" […]
1 Page-Classic Shop 1-1 幻灯片: 1 1 1 1 bg_pos=”57% 49%” 不知道是指什么
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748Css 加粗: <strong>…</strong> //好像是<p></p>里面加<strong>才有效 文字左对齐/右对齐/中间对齐: //好像是里面加pos才有效 <p style="text-align: left;">…</p>[style里面的]<p><div><a>都可以用 文字左对齐/右对齐/中间对齐: text-align: left; 字体颜色: color: #fe6f12; 字体大小: font-size: 31px; 背景颜色: background-color: #fe6f12; 背景颜色(渐变): background-color:rgba(94, 94, 94, 0.43); 四个角倒圆: border-radius:5px 5px 5px 5px; 行高: line-height:20px; border:1px 按纽: <p><a class="button" style="line-height: 50px; height: 50px; font-size: 14px; padding: 0 50px; background-color: #fe6f12;" […]
1. 插件安装 Plugin > add new > upload plugin > 选择文件 > install now > 2. Mega Menu > Menu Locations > main menu :MAIN> 这步已经自动配置好了,不用修改 Mega Menu > Menu Locations > Max Mega Menu Settings > Enable 打勾 > Save 3. Appearance > Menu > 勾选 Main Menu (Currently set to:MAIN) 4. Appearance > […]
1. 安装好wordpress 及flatsome 1-1 wordpress解压并移到 /demo 目录下tar -zxvf wordpress mv /home/wwwroot/default/wordpress /home/wwwroot/default/demo/smcgroupca 1-2 新建数据库 demo_smcgroupca 1-3 安装wordpress https://demo.chinastonetops.com/smcgroupca/ if(is_admin()) { add_filter(‘filesystem_method’, create_function(‘$a’, ‘return “direct”;’ )); define( ‘FS_CHMOD_DIR’, 0751 ); } chmod -R 777 /home/wwwroot/default/demo/smcgroupca/wp-content chmod -R 777 /home/wwwroot/default/demo/smcgroupca/wp-content/themes 2. 安装flatsome-3.7.zip主题 2-1 Appearance > themes > add new > upload > flatsome-3.7.zip > active > Let’s […]
7-7-5 隐藏顶部黑条 Users > admin > Edit > Toolbar > Show Toolbar when viewing site > 前面的勾去掉 > Update Profile > 隐藏顶部黑条 7-7-5 改密码 Users > admin > Edit > New Password > Generate password 7-7-6 创建首页内容 Pages > add new > homepage > 内容复制进去 > Template > Full Width – Transparent Header > Publish […]
实验没成功,可能这案例是旧版本的,新版本改了好多 Flatsome是一款强大的多功能电商主题。昨天我们讲了一下【如何使用Flatsome主题创建淘宝客网站】,今天我们继续通过Flatsome讲一下如何实现外 贸网站。我们的目标是: 后台中文前台英文 实现产品展示 整合咨询表单 本文展示地址:http://115.29.147.81/shop2/ 一、Flatsome汉化版实现后台中文前台英文 为什么要是后台中文?对于部分客户,方便操作。为了实现这点,首先你安装了wordpress后,到设置-常规里把站点设置为英文,然后到plugins里安装 wp native dashbord插件,如下图: 点settings-native dashboad,对插件进行设置如下: 保存后,点: 这样后台就变成了中文。 接下来安装flatsome主题和woocomerce及其它插件。 二、开启Flatsome产品展示模式 默认情况下,flatsome是购物模式,所以我们需要开启其产品展示模式。需要点外观-主题选项-目录模式,如下图: 现在通过产品(products)添加一个产品看看,是不是没有价格和添加购物车按钮,这样就实现了产品展示方式。 三、整合咨询表单 Flatsome完美整合了表单插件: 现在按照您的需求添加一个表单,并增加相应的表单字段。之后您会有一个简码,例如: [ninja_forms id=1] 把这个简码复制到【主题选项】下图的位置: 这样前台展示如下: 在快速查看(quick view)里如下: 好了,至此,我们的目标实现了。
- 1
- 2