- 该话题包含 11 个回复，4 人参与，最后由
更新于 7 年、 7 月前 。
-
帖子
-
1 、客户订购 091616.com 一键克隆汉中微网并需要将整体风格调整为阿里云官网样式；
2 、为客户站点定制全新独立首页，样式参考：https://www.dingtalk.com/ ；行业所属电子设备和智能硬件，物联网等等，可参考设计。
3 、调整产品页布局为简洁排版；
4 、增加问答社区，此为附送产品服务，参考：https://bbs.weixiaoduo.com ；
备注：091616.com 采用的是 avada 主题，客户也明确要求对主题界面进行调整，需要重新制作阿里云样式的子主题才行。
使用 avada 主题来仿制阿里云站点风格还是很不错的，因为很多内置的模块和阿里云官网用的相似，使用起来也相对较为简单，以下为调整后的预览效果。
主题开发完成，并升级到了 5.4 版本，avada 主题仿制的阿里云风格，制作过程中有一定的难度，我们尽量是采用主题是原生模块进行改造，没有写太多的自定义代码，不然后续主题升级后比较麻烦，改过的东西都会再进行修改一次。
效果预览：
第三版已调试完成，增加了几个客户需要的独立页面。
总体来说效果还是很不错了，因为这是我们纯手工定制的，而且也算是和阿里云主题最接近的风格。
你好，作品集的页面是通过内置模块实现的，[fusion_code] 不用编辑，后台页面如果是代码的话就点击融合编辑器按钮即可。
自己手动修改代码容易导致加载错误。
以下我们作品集页面代码，新建一个页面，然后复制进去即可。
[fusion_builder_container background_color="#ffffff" background_image="" background_parallax="none" enable_mobile="no" parallax_speed="0.3" background_repeat="no-repeat" background_position="left top" video_url="" video_aspect_ratio="16:9" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" video_mute="yes" video_loop="yes" fade="no" border_size="0px" border_color="" border_style="solid" padding_top="40" padding_bottom="40" padding_left="20px" padding_right="20px" hundred_percent="yes" equal_height_columns="no" hide_on_mobile="no" menu_anchor="" class="" id=""][fusion_builder_row][fusion_builder_column type="1_1" layout="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding_top="" padding_right="" padding_bottom="" padding_left="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none" last="no" hover_type="none" link="" border_position="all"][fusion_text] <h2 style="text-align: center;"> 简约却并不简单，实用且无需华丽</h2> [/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent="yes" overflow="visible" padding_right="20px" padding_left="20px"][fusion_builder_row][fusion_builder_column type="1_1" layout="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding_top="" padding_right="" padding_bottom="" padding_left="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none" last="no" hover_type="none" link="" border_position="all"][fusion_section_separator divider_candy="bottom" icon="fa-trophy" icon_color="#333333" bordersize="1px" bordercolor="#ffffff" backgroundcolor="#ffffff" class="" id="" /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container background_color="yes" background_image="" background_parallax="none" enable_mobile="no" parallax_speed="0.3" background_repeat="no-repeat" background_position="left top" video_url="" video_aspect_ratio="16:9" video_webm="" video_mp4="" video_ogv="" video_preview_image="" overlay_color="" video_mute="yes" video_loop="yes" fade="no" border_size="0px" border_color="" border_style="solid" padding_top="0px" padding_bottom="0px" padding_left="" padding_right="" hundred_percent="no" equal_height_columns="no" hide_on_mobile="no" menu_anchor="" class="" id=""][fusion_builder_row][fusion_builder_column type="1_1" layout="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding_top="" padding_right="" padding_bottom="" padding_left="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none" last="no" hover_type="none" link="" border_position="all"][fusion_separator style_type="none" top_margin="40" bottom_margin="40" sep_color="" border_size="" icon="" icon_circle="" icon_circle_color="" width="" alignment="center" class="" id="" /][/fusion_builder_column][fusion_builder_column type="1_1" layout="1_1" last="yes" spacing="yes" center_content="no" hide_on_mobile="no" background_color="" background_image="" background_repeat="no-repeat" background_position="left top" hover_type="none" link="" border_position="all" border_size="0px" border_color="" border_style="" padding_top="" padding_right="" padding_bottom="" padding_left="" margin_top="" margin_bottom="" animation_type="" animation_direction="" animation_speed="0.1" animation_offset="" class="" id="" min_height=""][fusion_portfolio layout="grid" picture_size="auto" text_layout="boxed" grid_box_color="" grid_element_color="" grid_separator_style_type="" grid_separator_color="" columns="4" one_column_text_position="below" column_spacing="25" equal_heights="no" number_posts="18" portfolio_title_display="all" portfolio_text_alignment="default" padding_top="" padding_right="" padding_bottom="" padding_left="" filters="yes" pull_by="category" cat_slug="" exclude_cats="original" tag_slug="" exclude_tags="" pagination_type="infinite" hide_url_params="off" offset="" orderby="date" order="DESC" content_length="excerpt" excerpt_length="0" strip_html="yes" carousel_layout="title_on_rollover" scroll_items="3" autoplay="no" show_nav="yes" mouse_scroll="no" hide_on_mobile="small-visibility,medium-visibility,large-visibility" animation_type="" animation_direction="down" animation_speed="0.1" animation_offset="" class="" id="" /][/fusion_builder_column][fusion_builder_column type="1_1" layout="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding_top="" padding_right="" padding_bottom="" padding_left="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none" last="no" hover_type="none" link="" border_position="all"][fusion_separator style_type="none" top_margin="20" bottom_margin="20" sep_color="" border_size="" icon="" icon_circle="" icon_circle_color="" width="" alignment="center" class="" id="" /][fusion_text] <p style="text-align: center;"><em><span style="color: #999999; font-family: Georgia;">Powered by Weixiaoduo.com</span></em></p> [/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]
- 哎呀，回复话题必需登录。
