스마트폰의 대중화와 함께 모바일 웹사이트 제작도 과소평가해서는 안 된다. 이전에 모바일 웹사이트를 만드는 방법에 대해 이야기한 적이 있지만, 결과적으로 모바일 웹사이트의 인터페이스는 상대적으로 단조롭고 휴대폰에서 탐색하는 방식은 다소 구식입니다.

다음에서는 PC 웹사이트와 동기화되는 모바일 웹사이트를 구축하는 방법을 소개하겠습니다. 이미 PC 버전 웹사이트를 제작해 두셨다면, 바이두 사이트 앱 동기화를 통해 나만의 모바일 웹사이트를 빠르게 만드실 수 있습니다. 기능. .

1. 바이두 사이트 앱 체험판 사용 신청

1. 바이두 사이트 앱 공식 홈페이지에 입장하세요.

2. 귀하의 웹사이트를 추가하세요.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_01을 빠르게 생성하세요

3. 웹사이트 도메인 이름을 입력하고 확인을 클릭하세요.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_02를 빠르게 구축

4. 다음 단계는 확인 파일을 다운로드하여 도메인 이름의 루트 디렉터리에 업로드하는 것입니다. 확인을 클릭하세요.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_03을 빠르게 구축

2. Baidu 사이트 앱은 도메인 이름 확인을 통과한 후 빠르게 WebApp을 생성합니다. , 그런 다음 온라인으로 이동하여 Made WebApp을 만드세요. 첫 번째 단계는 앱 템플릿을 선택하는 것입니다.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_04를 빠르게 구축

2. 다음은 WebApp의 탐색 및 콘텐츠를 추가하는 것입니다. 추가하려는 콘텐츠를 마우스로 클릭하면 사이트 앱에 상자가 표시됩니다.

3. 이 상자를 클릭하면 추가 창이 나타납니다. 먼저 내비게이션을 추가합니다.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_05를 빠르게 구축

4. 콘텐츠를 추가하고 나만의 콘텐츠 제목을 설정할 수도 있습니다.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_06을 빠르게 생성

5. 확인 후 왼쪽 WebApp에서 미리보기 효과를 확인하실 수 있습니다.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_07을 빠르게 구축하세요

6. 탐색 및 콘텐츠가 추가되면 웹앱 이름을 설정할 수 있는지 확인하세요. 하단에서 관련 검색어, 연락처 등을 설정할 수도 있습니다.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_08을 빠르게 구축하세요

3. Baidu 사이트 앱에 대한 도메인 이름을 구성하세요.

1. 자신만의 WebApp을 제작하는 경우 마지막 단계는 애플리케이션에 대한 독립 도메인 이름을 설정하는 것입니다.

PC 웹사이트와 동기화되는 모바일 웹사이트 siteapp_09를 빠르게 구축

2. 이 도메인 이름은 모바일 기기에서 직접 찾아볼 수 있으며, 코드를 삽입할 수도 있습니다. 웹 페이지. 모바일 장치가 있는 경우 탐색 시 자동으로 WebApp 애플리케이션으로 이동합니다.

3. 먼저 2차 도메인 이름 주소를 추가한 후 DNS 관리 사무실로 이동하여 CNAME 레코드 확인을 수행하세요. 아래 그림과 같이 siteapp.baidu.com입니다.

4. CNAME 확인이 적용된 후 새 도메인 이름을 사용하여 WebApp 애플리케이션에 액세스할 수 있습니다.