-
作者帖子
-
1 、客户訂購 091616.com 一鍵克隆漢中微網並需要將整體風格調整為阿里雲官網樣式;
2 、為客户站點定製全新獨立首頁,樣式參考:https://www.dingtalk.com/ ;行業所屬電子設備和智能硬件,物聯網等等,可參考設計。
3 、調整產品頁佈局為簡潔排版;
4 、增加問答社區,此為附送產品服務,參考:https://bbs.weixiaoduo.com ;
備註:091616.com 採用的是 avada 主題,客户也明確要求對主題界面進行調整,需要重新制作阿里雲樣式的子主題才行。
使用 avada 主題來仿製阿里雲站點風格還是很不錯的,因為很多內置的模塊和阿里雲官網用的相似,使用起來也相對較為簡單,以下為調整後的預覽效果。
阿里雲子主題製作完成,已為 avada 主題的內置模塊添加了動態效果。
主題開發完成,並升級到了 5.4 版本,avada 主題仿製的阿里雲風格,製作過程中有一定的難度,我們儘量是採用主題是原生模塊進行改造,沒有寫太多的自定義代碼,不然後續主題升級後比較麻煩,改過的東西都會再進行修改一次。
效果預覽:
菜單效果調試為底部高亮:
圖文標效果樣式:
博客文章樣式:
第三版已調試完成,增加了幾個客户需要的獨立頁面。
總體來説效果還是很不錯了,因為這是我們純手工定製的,而且也算是和阿里雲主題最接近的風格。
客户已確認並支付尾款,此訂單完結,感謝支持!
我需要增加作品集,怎麼沒有作品級的頁面模板選擇?
另外,[fusion_code] 在哪裏編輯?
你好,作品集的頁面是通過內置模塊實現的,[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]
-
作者帖子
- 哎呀,回覆話題必需登錄。