-
作者帖子
-
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]
-
作者帖子
- 哎呀,回覆話題必需登入。