Welcome to Rongchuang Media. I believe you will reap the most advanced digital operation solutions in the foreign trade industry!
National Service Hotline:400-0430- 678

Rongchuang Cloud Marketing Platform

18Years focus on the enterpriseGlobal digital marketing platformBuilding operations, search engine marketing, social media marketing, brand marketing overseasAll staff, whole network, panoramaNew business model!
You are here: Home » Documentation Help Center » Graphic help » Components » Basic components » How to use slide components?

How to use slide components?

Views:0     Author:Site Editor     Publish Time: 2016-06-28      Origin:Site Inquire

Slide components
[Introduction to components] The slideshow component can realize the carousel display of multiple banners.
[Application scenario] The slideshow component is generally applied under the navigation on the homepage, using multiple banner pictures to carousel to highlight the company’s core competitiveness. The banner can display the company’s image, company values ​​and slogans, core products, core competitiveness, etc. For information and slides, it is generally recommended to put 3 to 5 pictures of the same size. You can add a hyperlink to each picture to the page associated with the banner. The recommended size of the slide: full screen banner on the first page: 1920px*450px (450~650), within 200k, non-full screen banner on the first page: 1920px*400px (400~650), within 200K, small banner on the inner page: 1920px*200px (180~ 220).How to check the size of pictures on the webpage?Suggested sizes for other pictures on the website
【 Instructions】

1. How to add slide components?

Step 1: Find the entry for adding components. Put the mouse on the area where you want to add slide components, a small water drop (that is, add component button) appears, click on the small water drop, and a pop-up box \"Add component\" will pop up;
Find the add component entry
Step 2: Add \"Slide\" components. In the basic components, find the \"Slides\" component, click the \"Slides\" component, the \"Set Slideshow Options\" dialog box pops up, and set the content, style, and special effects of the slide components. Add slide components;

Add slide

2. How to set the slide components?

In the pop-up \"Set Slideshow Options\" dialog box, you can set the slide content, style, and special effects:


Component title: You can enter the title text of the slide component here, but this is not commonly used;
Add picture: Click \"Local Upload\" to upload the picture from your own computer. If you have uploaded this picture to the backstage before, you can choose \"Select from the database\" because this picture has been uploaded before A copy will be saved in the database by default;
Lossless compression tool: If the picture is too large, it will affect the website loading speed. It is recommended to compress the picture through the picture lossless compression tool. It is recommended that the size of a single picture be within 200K. The entrance is shown in the following figure;
Edit picture: After adding the picture, there is an edit button in the lower left corner of the picture. Click it to enter the Alt attribute of the picture and add a hyperlink to the picture;
Picture Alt attribute: The search engine has no ability to recognize the picture itself. The only tag that can be recognized is the Alt attribute of the picture. Therefore, it must be filled in here. It can be combined with the actual meaning of the picture and the keywords to be promoted on the page where the picture is located. Input, so it is good for SEO, and it is also an alternative text when the picture cannot be displayed;
Picture link: if necessary, you can add a hyperlink to this picture, so that clicking on this picture will jump to a specified page, insert the link type as shown below;
Delete button: There is a delete button in the lower right corner of each picture. Click the delete button to delete this picture.

Content jpg


Click \"Style\" to switch to the style tab, where you can set the following:

Set the slideshow duration of each page: You can adjust the slideshow duration of each page by dragging the button shown in the figure below;
Select arrow and navigation style: select the arrow and navigation style displayed on the slide as needed;

Slide style

Special effects

Click \"Special Effects\" to switch to the Special Effects tab, where you can set the following:
Select picture switching special effects: Here you can select the special effects when switching between pictures and pictures;

Special effects

After setting the above content, click Save to successfully add the slide component. If the slide location is not requested, you can drag this slide to the specified location.

After setting the content, style, and special effects of the slide component, you can use the following functions of the component as needed (the following functions are common functions of the component, the demo case may be different from your current component, but the functions are all common):

3. ViewHow to edit the style of a component

4. ViewHow to copy components?

5. ViewHow to apply components?

6. ViewHow to remove components?

7. ViewHow to restore components?

18Years of global marketing experience to help companies break the stalemate in overseas promotion under the epidemic
Leave a message for free to build a foreign trade station + new overseas precision marketing plan

One-click access to search engines, social media operationsProgram


Responsive official website

Search Engine Marketing Solution

Social marketing plan

Brand promotion plan

Marketing Academy

Contact Sunac

Shijiazhuang High-tech Zone International Talent City D2
Hebei Operation Center
 Pre-sale:
    After sale:0311-67691131
 tousu@rongchuangmedia.net
 Floor 19A, Block B, Dongsheng Business Plaza, Shijiazhuang
Beijing Operations Center

   Manager Zhang: 18614049883
 tousu@rongchuangmedia.net
A, Xueyuan Road, Haidian District, Beijing 5 768Creative Industrial ParkB North 1061
Public security recordPublic security record number: 13019902000104
ICP recordRecord certificate number: Hebei ICP No. 15001123
bgValue-added telecommunications business license number: Hebei B2-20115046
© 2020 Shijiazhuang Rongchuang Media Co., Ltd. All rights reserved