- 該話題包含 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]
- 哎呀，回覆話題必需登錄。
