当前位置:

手机网站怎么仿站,WAP手机站仿站方法

本节课程将带领大家学习一下如何去进行手机网站仿站,请大家掌握WAP手机站仿站方法。

操作步骤

1、目标网站:https://www.xuewangzhan.net/vip/xiehui/

问题:仿站要仿哪些页面?
回答:仿站时,并不是要仿目标网站的所有页面的,要分析哪些页面的布局结构不一样,各自下载一个就行了。

2、页面的命名

为了方便后面的模板开发,我们在下载页面时,就规范一下页面的名称。

首页----index.html
产品列表页-----category-pro.html
新闻列表页-----category-wz.html
单页介绍页-----page.html (如:公司简介、联系我们)
文章内容页-----single.html (或者single-pro.html 和 single-wz.html)

3、仿站的工具

3-1、本地环境软件:https://www.xuewangzhan.net/wordpress/708.html
3-2、页面下载小工具:https://www.xuewangzhan.net/tools/25203.html
3-3、WP仿站助手:https://www.xuewangzhan.net/jztools/

4、仿站的流程步骤

A、下载各类型页面。使用仿站小工具:https://www.xuewangzhan.net/tools/25203.html

B、为了方便仿站调试,需要安装一下本地环境软件,并且在本地环境下安装wordpress程序。程序下载地址:点此直接下载

C、将页面的各类页面制作成wordpress模板。WP仿站助手:https://www.xuewangzhan.net/jztools/

1、了解wordpress模板的构造。
首页模板:index.php
样式文件:style.css 头部模板:header.php
底部模板:footer.php
边栏模板:sidebar.php
分类目录(列表页)模板 :category.php 产品列表:category-pro.php 新闻列表:category-wz.php
单页面模板:page.php
文章页模板:single.php

2、新建index.php和style.css,并添加版权信息,在index.php的</head>标签上面引入style.css,再把整个模板文件夹放入themes文件夹下,后台启用自己的主题。

小巧型代码编辑软件:Notepad++ 下载地址:https://notepad-plus.en.softonic.com/download (如果打网站打不开,也可以在这里下载:https://dl.pconline.com.cn/html_ ... amp;linkPage=1.html)

3、后台缩略图:在主题文件夹下面放一个缩略图图片,缩略图的名字必须是:screenshot.png或者screenshot.jpg

4、修改index.php中的图片的所有相对路径为WP绝对路径. 否则网页会变形,图片不显示。

5、替换TDK信息;

6、网站导航菜单制作,创建模板函数functions.php。

7、轮播图的制作

8、替换各个版块的固定文字、链接、图片

9、修改下拉导航 和颜色

10、分类头部、底部模板。

===========================================

课程PPT 内容

不同的手机站,它的仿制方法是不一样的

从现阶段来看,手机站主要分为二种:

一种就是自适应手机站 pC站之后,它就自带有手机站

另一种是通过代码切换从PC站转为手机站

通过URL ----PC站与手机站 首页地址是一样

PC站与手机站 首页地址不一样的
https://www.xuewangzhan.net/vip/xiehui/
https://www.xuewangzhan.net/vip/xiehui/m/

需要下载的页面:

1、首页 https://www.xuewangzhan.net/vip/xiehui/m/index.html

2、page 页面 https://www.xuewangzhan.net/vip/xiehui/m/list-1.html

3、archive列表页 :https://www.xuewangzhan.net/vip/xiehui/m/list-5.html

4、page 表单页面:https://www.xuewangzhan.net/vip/xiehui/m/list-22.html

5、single内容页:https://www.xuewangzhan.net/vip/xiehui/m/view-67.html

1、本地网站的URL 地址:127.0.0.1/wordpress

2、本地环境数据库地址:http://127.0.0.1/phpmyadmin/

本地数据库信息:shoujifz root

3、存放模板的文件夹:\www\wordpress\wp-content\themes

4、CTRL F

5、模板函数 functions.php

控制图片大小


.contxt img{display:block;max-width:100%;height:auto;margin:10px auto;}

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 什么是花店网站花店网站顾名思义就是将实体的花店搬到网络上来,通过网站的方式去展示或者销售鲜花。花店网站属于企业网站建设的一个种类。借助互联
  • 新闻网站追求的是快速展示最新的各类新闻内容,在采集和播发新闻时,尤其当遇到为人们所关注的重大事件、突发事件或热点问题时,不能局限原有媒体的翻
  • 二手车交易租赁网站属于一种平台类网站,买卖双方可以通过二手车交易租赁网站进行信息发布,上传图片,在线留言等等。下面是二手车交易租赁网站首页版
  • 如何制作3D网站 (127586 次学习)
    准备制作3D网站前,需要准备符合3D网站要求的服务器或网站空间,空间要求:1.空间需要支持ASP  ;2.空间需要安装有ASPjpeg组件(二者缺一不可)准
  • 如何制作有声小说网站 (132388 次学习)
    什么是有声小说网站有声小说网站是通过语音的方式讲解网站的小说内容,与之前的文字小说有很大的区别,有声小说网站一般是通过提供最新特别全的正版
  • 中英文双语网站是一种同一个网站同时拥有二种语言版面的网站类型。很多外贸网站都是中英文双语网站。(相关知识:自己如何做外贸网站)我们在学习怎
  • 学校网站是一种具有明显特性的门户类网站。我们也称学校门户网站。它属性于门户网站建设的一个各类。通过学校网站,教师与教师、教师与学生、学生与学
  • 在前面的建站教程中,我们介绍了怎么制作中英文双语网站,通过这个方法,我们可以自己制作出一个带有中英文切换版面的网站。今天我们讲一下怎么制作简
  • 婚纱摄影网站建设方法 (127613 次学习)
    婚纱摄影网站常用于婚纱影楼,摄影公司网上展示和宣传自己,所以婚纱摄影网站建设时,要突出展示案例图片,摄影风格等。先看下婚纱摄影网站的版面效果
  • 微信小程序是由腾讯公司推出的一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。