diff --git a/content/en/docs/quick-start/wordpress-deployment.md b/content/en/docs/quick-start/wordpress-deployment.md
index 70ce66d19..5a34a0928 100644
--- a/content/en/docs/quick-start/wordpress-deployment.md
+++ b/content/en/docs/quick-start/wordpress-deployment.md
@@ -34,29 +34,29 @@ The environment variable `WORDPRESS_DB_PASSWORD` is the password to connect to t
 
 1. Log in to the KubeSphere console using the account `project-regular`. Go to the detail page of `demo-project` and navigate to **Configurations**. In **Secrets**, click **Create** on the right.
 
-   ![create-secrets](/images/docs/quickstart/wordpress-deployment/create-secrets.png)
+   ![create-secrets1](/images/docs/quickstart/wordpress-deployment/create-secrets1.png)
 
-2. Enter the basic information (e.g. name it `mysql-secret`) and click **Next**. On the next page, select **Default** for **Type** and click **Add Data** to add a key-value pair. Input the Key (`MYSQL_ROOT_PASSWORD`) and Value (`123456`) as below and click **√** in the bottom-right corner to confirm. When you finish, click **Create** to continue.
+2. Enter the basic information (e.g. name it `mysql-secret`) and click **Next**. On the next page, select **Opaque (Default)** for **Type** and click **Add Data** to add a key-value pair. Input the Key (`MYSQL_ROOT_PASSWORD`) and Value (`123456`) as below and click **√** in the bottom-right corner to confirm. When you finish, click **Create** to continue.
 
-   ![key-value](/images/docs/quickstart/wordpress-deployment/key-value.png)
+   ![key-value1](/images/docs/quickstart/wordpress-deployment/key-value1.png)
 
 #### Create a WordPress Secret
 
 Follow the same steps above to create a WordPress Secret `wordpress-secret` with the key `WORDPRESS_DB_PASSWORD` and value `123456`. Secrets created display in the list as below:
 
-![wordpress-secrets](/images/docs/quickstart/wordpress-deployment/wordpress-secrets.png)
+![wordpress-secrets1](/images/docs/quickstart/wordpress-deployment/wordpress-secrets1.png)
 
 ### Step 2: Create a volume
 
 1. Go to **Volumes** under **Storage** and click **Create**.
 
-   ![volumes](/images/docs/quickstart/wordpress-deployment/volumes.png)
+   ![volumes1](/images/docs/quickstart/wordpress-deployment/volumes1.png)
 
 2. Enter the basic information of the volume (e.g. name it `wordpress-pvc`) and click **Next**.
 
 3. In **Volume Settings**, you need to choose an available **Storage Class**, and set **Access Mode** and **Volume Capacity**. You can use the default value directly as shown below. Click **Next** to continue.
 
-   ![volume-settings](/images/docs/quickstart/wordpress-deployment/volume-settings.png)
+   ![volume-settings1](/images/docs/quickstart/wordpress-deployment/volume-settings1.png)
 
 4. For **Advanced Settings**, you do not need to add extra information for this step and click **Create** to finish.
 
@@ -64,31 +64,31 @@ Follow the same steps above to create a WordPress Secret `wordpress-secret` with
 
 #### Add MySQL backend components
 
-1. Navigate to **Applications** under **Application Workloads**, select **Composing App** and click **Create Composing Application**.
+1. Navigate to **Apps** under **Application Workloads**, select **Composing Apps** and click **Create Composing App**.
 
-   ![composing-app](/images/docs/quickstart/wordpress-deployment/composing-app.png)
+   ![composing-app1](/images/docs/quickstart/wordpress-deployment/composing-app1.png)
 
 2. Enter the basic information (e.g. input `wordpress` for Application Name) and click **Next**.
 
-   ![basic-info](/images/docs/quickstart/wordpress-deployment/basic-info.png)
+   ![basic-info1](/images/docs/quickstart/wordpress-deployment/basic-info1.png)
 
 3. In **Components**, click **Add Service** to set a component in the app.
 
-   ![add-service](/images/docs/quickstart/wordpress-deployment/add-service.png)
+   ![add-service1](/images/docs/quickstart/wordpress-deployment/add-service1.png)
 
 4. Define a service type for the component. Select **Stateful Service** here.
 
 5. Enter the name for the stateful service (e.g. **mysql**) and click **Next**.
 
-   ![mysqlname](/images/docs/quickstart/wordpress-deployment/mysqlname.png)
+   ![mysqlname1](/images/docs/quickstart/wordpress-deployment/mysqlname1.png)
 
 6. In **Container Image**, click **Add Container Image**.
 
-   ![container-image](/images/docs/quickstart/wordpress-deployment/container-image.png)
+   ![container-image1](/images/docs/quickstart/wordpress-deployment/container-image1.png)
 
 7. Enter `mysql:5.6` in the search box, press **Enter** and click **Use Default Ports**. After that, do not click **√** in the bottom-right corner as the setting is not finished yet.
 
-   ![add-container](/images/docs/quickstart/wordpress-deployment/add-container.png)
+   ![add-container1](/images/docs/quickstart/wordpress-deployment/add-container1.png)
 
    {{< notice note >}}
 
@@ -98,31 +98,31 @@ In **Advanced Settings**, make sure the memory limit is no less than 1000 Mi or
 
 8. Scroll down to **Environment Variables** and click **Use ConfigMap or Secret**. Input the name `MYSQL_ROOT_PASSWORD` and choose the resource `mysql-secret` and the key `MYSQL_ROOT_PASSWORD` created in the previous step. Click **√** after you finish and **Next** to continue.
 
-   ![environment-var](/images/docs/quickstart/wordpress-deployment/environment-var.png)
+   ![environment-var1](/images/docs/quickstart/wordpress-deployment/environment-var1.png)
 
 9. Select **Add Volume Template** in **Mount Volumes**. Input the value of **Volume Name** (`mysql`) and **Mount Path** (mode: `ReadAndWrite`, path: `/var/lib/mysql`) as below:
 
-   ![volume-template](/images/docs/quickstart/wordpress-deployment/volume-template.jpg)
+   ![volume-template1](/images/docs/quickstart/wordpress-deployment/volume-template1.png)
 
    Click **√** after you finish and click **Next** to continue.
 
 10. In **Advanced Settings**, you can click **Add** directly or select other options based on your needs.
 
-    ![advanced-settings](/images/docs/quickstart/wordpress-deployment/advanced-settings.png)
+    ![advanced-settings1](/images/docs/quickstart/wordpress-deployment/advanced-settings1.png)
 
 11. The MySQL component has beed added as shown below:
 
-    ![mysql-finished](/images/docs/quickstart/wordpress-deployment/mysql-finished.png)
+    ![mysql-finished1](/images/docs/quickstart/wordpress-deployment/mysql-finished1.png)
 
 #### Add the WordPress frontend component
 
 12. Click **Add Service** again and select **Stateless Service** this time. Enter the name `wordpress` and click Next.
 
-    ![name-wordpress](/images/docs/quickstart/wordpress-deployment/name-wordpress.png)
+    ![name-wordpress-1](/images/docs/quickstart/wordpress-deployment/name-wordpress-1.png)
 
 13. Similar to the step above, click **Add Container Image**, enter `wordpress:4.8-apache` in the search box, press **Enter** and click **Use Default Ports**.
 
-    ![container-image-page](/images/docs/quickstart/wordpress-deployment/container-image-page.png)
+    ![container-image-page1](/images/docs/quickstart/wordpress-deployment/container-image-page1.png)
 
 14. Scroll down to **Environment Variables** and click **Use ConfigMap or Secret**. Two environment variables need to be added here. Enter the values according to the screenshot below.
 
@@ -136,49 +136,49 @@ For the second environment variable added here, the value must be exactly the sa
 
 {{</ notice >}}
 
-     ![environment-varss](/images/docs/quickstart/wordpress-deployment/environment-varss.png)
+    ![environment-varss1](/images/docs/quickstart/wordpress-deployment/environment-varss1.png)
     
     Click **√** to save it and **Next** to continue.
 
 15. In **Mount Volumes**, click **Add Volume** and select **Choose an existing volume**.
 
-    ![add-volume-page](/images/docs/quickstart/wordpress-deployment/add-volume-page.png)
+    ![add-volume-page1](/images/docs/quickstart/wordpress-deployment/add-volume-page1.png)
 
-    ![choose-existing-volume](/images/docs/quickstart/wordpress-deployment/choose-existing-volume.png)
+    ![choose-existing-volume1](/images/docs/quickstart/wordpress-deployment/choose-existing-volume1.png)
 
 16. Select `wordpress-pvc` created in the previous step, set the mode as `ReadAndWrite`, and input `/var/www/html` as its mount path. Click **√** to save it and **Next** to continue.
 
-    ![mount-volume-page](/images/docs/quickstart/wordpress-deployment/mount-volume-page.png)
+    ![mount-volume-page1](/images/docs/quickstart/wordpress-deployment/mount-volume-page1.png)
 
 17. In **Advanced Settings**, you can click **Add** directly or select other options based on your needs.
 
-    ![advanced](/images/docs/quickstart/wordpress-deployment/advanced.png)
+    ![advanced1](/images/docs/quickstart/wordpress-deployment/advanced1.png)
 
 18. The frontend component is also set now. Click **Next** to continue.
 
-    ![components-finished](/images/docs/quickstart/wordpress-deployment/components-finished.png)
+    ![components-finished1](/images/docs/quickstart/wordpress-deployment/components-finished1.png)
 
 19. You can set route rules (Ingress) here or click **Create** directly.
 
-    ![ingress-create](/images/docs/quickstart/wordpress-deployment/ingress-create.png)
+    ![ingress-create1](/images/docs/quickstart/wordpress-deployment/ingress-create1.png)
 
 20. The app will display in the list below after you create it.
 
-    ![application-created](/images/docs/quickstart/wordpress-deployment/application-created.png)
+    ![application-created1](/images/docs/quickstart/wordpress-deployment/application-created1.png)
 
 ### Step 4: Verify resources
 
 In **Workloads**, check the status of `wordpress-v1` and `mysql-v1` in **Deployments** and **StatefulSets** respectively. If they are running as shown in the image below, it means WordPress has been created successfully.
 
-![wordpress-deployment](/images/docs/quickstart/wordpress-deployment/wordpress-deployment.png)
+![wordpress-deployment1](/images/docs/quickstart/wordpress-deployment/wordpress-deployment1.png)
 
-![mysql-running](/images/docs/quickstart/wordpress-deployment/mysql-running.png)
+![mysql-running1](/images/docs/quickstart/wordpress-deployment/mysql-running1.png)
 
 ### Step 5: Access WordPress through a NodePort
 
 1. To access the Service outside the cluster, navigate to **Services** first. Click the three dots on the right of `wordpress` and select **Edit Internet Access**.
 
-   ![edit-internet-access](/images/docs/quickstart/wordpress-deployment/edit-internet-access.png)
+   ![edit-internet-access1](/images/docs/quickstart/wordpress-deployment/edit-internet-access1.png)
 
 2. Select `NodePort` for **Access Method** and click **OK**.
 
@@ -186,7 +186,7 @@ In **Workloads**, check the status of `wordpress-v1` and `mysql-v1` in **Deploym
 
 3. Click the Service and you can see the port is exposed.
 
-   ![nodeport-number](/images/docs/quickstart/wordpress-deployment/nodeport-number.png)
+   ![nodeport-number1](/images/docs/quickstart/wordpress-deployment/nodeport-number1.png)
 
 4. Access this application at `{Node IP}:{NodePort}` and you can see an image as below:
 
diff --git a/static/images/docs/quickstart/wordpress-deployment/add-container1.png b/static/images/docs/quickstart/wordpress-deployment/add-container1.png
new file mode 100644
index 000000000..77694387e
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/add-container1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/add-service1.png b/static/images/docs/quickstart/wordpress-deployment/add-service1.png
new file mode 100644
index 000000000..6413758ca
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/add-service1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/add-volume-page1.png b/static/images/docs/quickstart/wordpress-deployment/add-volume-page1.png
new file mode 100644
index 000000000..edb8e1479
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/add-volume-page1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/advanced-settings1.png b/static/images/docs/quickstart/wordpress-deployment/advanced-settings1.png
new file mode 100644
index 000000000..1ae08c4c7
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/advanced-settings1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/advanced1.png b/static/images/docs/quickstart/wordpress-deployment/advanced1.png
new file mode 100644
index 000000000..74fea929a
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/advanced1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/application-created1.png b/static/images/docs/quickstart/wordpress-deployment/application-created1.png
new file mode 100644
index 000000000..7610b7446
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/application-created1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/basic-info1.png b/static/images/docs/quickstart/wordpress-deployment/basic-info1.png
new file mode 100644
index 000000000..c5e97529b
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/basic-info1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/choose-existing-volume1.png b/static/images/docs/quickstart/wordpress-deployment/choose-existing-volume1.png
new file mode 100644
index 000000000..6534fae46
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/choose-existing-volume1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/components-finished1.png b/static/images/docs/quickstart/wordpress-deployment/components-finished1.png
new file mode 100644
index 000000000..f38f6bbc7
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/components-finished1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/composing-app1.png b/static/images/docs/quickstart/wordpress-deployment/composing-app1.png
new file mode 100644
index 000000000..8fa527746
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/composing-app1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/container-image-page1.png b/static/images/docs/quickstart/wordpress-deployment/container-image-page1.png
new file mode 100644
index 000000000..78106f8ea
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/container-image-page1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/container-image1.png b/static/images/docs/quickstart/wordpress-deployment/container-image1.png
new file mode 100644
index 000000000..258d80f69
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/container-image1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/create-secrets1.png b/static/images/docs/quickstart/wordpress-deployment/create-secrets1.png
new file mode 100644
index 000000000..c7cc442be
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/create-secrets1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/edit-internet-access1.png b/static/images/docs/quickstart/wordpress-deployment/edit-internet-access1.png
new file mode 100644
index 000000000..cfab8cad1
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/edit-internet-access1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/environment-var1.png b/static/images/docs/quickstart/wordpress-deployment/environment-var1.png
new file mode 100644
index 000000000..5abf80e0c
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/environment-var1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/environment-varss1.png b/static/images/docs/quickstart/wordpress-deployment/environment-varss1.png
new file mode 100644
index 000000000..2eeb140db
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/environment-varss1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/ingress-create1.png b/static/images/docs/quickstart/wordpress-deployment/ingress-create1.png
new file mode 100644
index 000000000..9bc159fb9
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/ingress-create1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/key-value1.png b/static/images/docs/quickstart/wordpress-deployment/key-value1.png
new file mode 100644
index 000000000..abd989f23
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/key-value1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/mount-volume-page1.png b/static/images/docs/quickstart/wordpress-deployment/mount-volume-page1.png
new file mode 100644
index 000000000..069b67dbe
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/mount-volume-page1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/mysql-finished1.png b/static/images/docs/quickstart/wordpress-deployment/mysql-finished1.png
new file mode 100644
index 000000000..7563fd03d
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/mysql-finished1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/mysql-running1.png b/static/images/docs/quickstart/wordpress-deployment/mysql-running1.png
new file mode 100644
index 000000000..24d6e7caa
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/mysql-running1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/mysqlname1.png b/static/images/docs/quickstart/wordpress-deployment/mysqlname1.png
new file mode 100644
index 000000000..ba604d6e1
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/mysqlname1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/name-wordpress-1.png b/static/images/docs/quickstart/wordpress-deployment/name-wordpress-1.png
new file mode 100644
index 000000000..d9d896636
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/name-wordpress-1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/nodeport-number1.png b/static/images/docs/quickstart/wordpress-deployment/nodeport-number1.png
new file mode 100644
index 000000000..eadd3a9fc
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/nodeport-number1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/volume-settings1.png b/static/images/docs/quickstart/wordpress-deployment/volume-settings1.png
new file mode 100644
index 000000000..b4f814b62
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/volume-settings1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/volume-template1.png b/static/images/docs/quickstart/wordpress-deployment/volume-template1.png
new file mode 100644
index 000000000..6a3c7ac68
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/volume-template1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/volumes1.png b/static/images/docs/quickstart/wordpress-deployment/volumes1.png
new file mode 100644
index 000000000..83603740e
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/volumes1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/wordpress-deployment1.png b/static/images/docs/quickstart/wordpress-deployment/wordpress-deployment1.png
new file mode 100644
index 000000000..a5b322b22
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/wordpress-deployment1.png differ
diff --git a/static/images/docs/quickstart/wordpress-deployment/wordpress-secrets1.png b/static/images/docs/quickstart/wordpress-deployment/wordpress-secrets1.png
new file mode 100644
index 000000000..94b1aa5fd
Binary files /dev/null and b/static/images/docs/quickstart/wordpress-deployment/wordpress-secrets1.png differ