折腾:
【记录】用POFO主题搭建xxx官网WordPress页面
期间,继续去实现:
流程
行业解决方案咨询
互联网架构咨询
产品原型开发
技术开发
上线及推广
运维迭代

或:

2行
1-2-3
4-5-6
然后注意到:
官网也有:

-》
那自己可以去试试:
直接新建插入对应的,看看是否有 process step插件
如果有的话,且效果一样,则无需费事的拷贝代码了

新增插件时,没有这个:
process step
然后去从:
home-classic-start-up
拷贝源码:


拷贝出:
1 | [vc_row full_width = "stretch_row" ][vc_column pofo_column_animation_style = "fadeInUp" width = "1/3" desktop_alignment = "text-center" pofo_enable_responsive_css = "1" pofo_hidden_markup_1507185298_2_77 = " " alignment_setting=" 1 " offset=" vc_col - xs - 12 " responsive_css=" margin_bottom_mobile: 20px "][pofo_feature_box pofo_feature_type=" featurebox10 " feature_box_preview_image=" featurebox10 " pofo_border_size=" 2px " pofo_hidden_markup_1496730788_2_64=" " pofo_hidden_markup_1496730656_2_94=" " border_color=" " border_size=" " border_type=" " pofo_token_class=" pofo_featurebox_1490093547 - 2 - 48 " pofo_number_text=" 01 " pofo_feature_title=" Discussion of the Idea "]Lorem Ipsum is simply text of the printing and typesetting industry. Lorem Ipsum has been standard dummy.[/pofo_feature_box][/vc_column][vc_column pofo_column_animation_style=" fadeInUp " width=" 1 / 3 " desktop_alignment=" text - center " pofo_enable_responsive_css=" 1 " pofo_hidden_markup_1507185298_2_77=" " alignment_setting=" 1 " offset=" vc_col - xs - 12 " pofo_column_animation_delay=" 200 " responsive_css=" margin_bottom_mobile: 20px "][pofo_feature_box pofo_feature_type=" featurebox10 " feature_box_preview_image=" featurebox10 " pofo_enable_process_line=" 1 " pofo_border_size=" 2px " pofo_enable_number_highlight=" 1 " pofo_hidden_markup_1496730788_2_64=" " pofo_hidden_markup_1496730656_2_94=" " border_color=" " border_size=" " border_type=" " pofo_token_class=" pofo_featurebox_1490093547 - 2 - 48 " pofo_feature_title=" Handcrafted Templates " pofo_number_text=" 02 "]Lorem Ipsum is simply text of the printing and typesetting industry. Lorem Ipsum has been standard dummy.[/pofo_feature_box][/vc_column][vc_column pofo_column_animation_style=" fadeInUp " width=" 1 / 3 " desktop_alignment=" text - center " pofo_hidden_markup_1507185298_2_77=" " alignment_setting=" 1 " offset=" vc_col - xs - 12 " pofo_column_animation_delay=" 400 "][pofo_feature_box pofo_feature_type=" featurebox10 " feature_box_preview_image=" featurebox10 " pofo_border_size=" 2px " pofo_hidden_markup_1496730788_2_64=" " pofo_hidden_markup_1496730656_2_94=" " border_color=" " border_size=" " border_type=" " pofo_token_class=" pofo_featurebox_1490093547 - 2 - 48 " pofo_feature_title=" Testing for Perfection " pofo_number_text=" 03 "]Lorem Ipsum is simply text of the printing and typesetting industry. Lorem Ipsum has been standard dummy.[ / pofo_feature_box][ / vc_column][ / vc_row] |
粘贴到:

效果:
还行:

只是背景色导出高亮不够突出
再去更改文字,且再复制一行,4,5,6出来:


效果:

果然和想象的类似:
两行间距太大
而之前是想要单个feature box 可以在同一行内的,但是复制出来后,却变成上下的了:

感觉不是要的,所以才复制整个行的:

但是现在看起来貌似是对的,所以去复制单个feature box后,变成:


结果:

是我们要的效果了。
对于背景色影响显示效果,后续再优化。