最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】WordPress中参考实现POFO各种页面的主页实现流程部分

WordPress crifan 1175浏览 0评论
折腾:
【记录】用POFO主题搭建xxx官网WordPress页面
期间,继续去实现:
流程
行业解决方案咨询
互联网架构咨询
产品原型开发
技术开发
上线及推广
运维迭代
http://wpdemos.themezaa.com/pofo/home-classic-start-up/
或:
http://wpdemos.themezaa.com/pofo/home-classic-digital-agency/
2行
1-2-3
4-5-6
然后注意到:
官网也有:
http://wpdemos.themezaa.com/pofo/process-step/
-》
那自己可以去试试:
直接新建插入对应的,看看是否有 process step插件
如果有的话,且效果一样,则无需费事的拷贝代码了
新增插件时,没有这个:
process step
然后去从:
home-classic-start-up
拷贝源码:
拷贝出:
[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后,变成:
结果:
是我们要的效果了。
对于背景色影响显示效果,后续再优化。

转载请注明:在路上 » 【已解决】WordPress中参考实现POFO各种页面的主页实现流程部分

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
83 queries in 0.194 seconds, using 22.13MB memory