织梦dede如何实现PC与手机同步标签？

更推荐的做法是PC用PC模板,手机用手机模板，但如果你有特殊需求，可以这样：

{dede:global name='itemindex' runphp='yes'}
    // 这里是PHP代码，可以判断变量
    // 如果是从手机端过来的，显示一个提示
    if(@me == 'mobile') {
        @me = "<p>您正在使用手机访问</p>";
    } else {
        @me = "<p>您正在使用电脑访问</p>";
    }
{/dede:global}

更实用的场景：调用不同样式的缩略图

假设你PC端需要大图,手机端需要小图，你可以在模板里通过判断来调用不同尺寸的图片标签。

{dede:arclist row='5'}
    <div class="item">
        <!-- 如果是PC端，调用原图或大图 -->
        <a href="[field:arcurl/]">
            <img src="[field:litpic/]" alt="[field:title/]" />
        </a>
        <h3><a href="[field:arcurl/]">[field:title/]</a></h3>
    </div>
{/dede:arclist}

在上面的例子中,[field:litpic/] 调用的是文章默认的缩略图，你可以在发布文章时上传不同尺寸的图片，或者通过修改arclist标签的imgwidth和imgheight参数来控制。

{dede:arclist row='5' imgwidth='200' imgheight='150'}
    <!-- 这样会强制生成200x150的缩略图，适合PC端 -->
{/dede:arclist}

然后在手机端模板中,使用不同的参数：

{dede:arclist row='5' imgwidth='100' imgheight='75'}
    <!-- 这样会生成100x75的缩略图，适合手机端 -->
{/dede:arclist}

第三步：配置手机站点（织梦后台设置）

这是织梦实现移动端适配的关键一步。

1. 登录织梦后台。
2. 进入 “系统” -> “系统基本参数” -> “核心设置”。
3. 找到 “手机版是否开启” 选项，选择 “是”。
4. 设置手机域名：在 “手机站点” 输入框中，填写你手机端的域名，m.yourdomain.com。
5. 设置手机模板目录：在 “手机模板目录” 输入框中，填写你之前创建的手机模板目录，mobile。
6. 保存设置。

完成这一步后,织梦就知道你的手机端模板在哪里了。

第四步：配置服务器实现自动跳转（.htaccess）

为了让用户在手机上访问 www.yourdomain.com 时，能自动跳转到 m.yourdomain.com，你需要配置服务器的重定向规则。

对于Apache服务器 (.htaccess文件)

在你的网站根目录下,确保有一个 .htaccess 文件，如果没有就创建一个，然后添加以下代码：

# 检测手机并跳转到手机站
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|iphone|ipod|ipad|opera mobile|palmos|windows ce|windows phone|iemobile" [NC]
RewriteCond %{HTTP_HOST} !^m\. [NC] # 确保没有跳转到已经存在的m子域名
RewriteRule ^(.*)$ http://m.yourdomain.com/$1 [L,R=301]

代码解释：

• RewriteCond: 设置重定向的条件。
• %{HTTP_USER_AGENT}: 检测用户的浏览器代理字符串，里面包含了设备信息，这里的正则表达式匹配常见的移动设备。
• !^m\.: 确保访问的域名不是以 m. 开头的，防止无限循环跳转。
• RewriteRule: 如果满足条件，就将所有请求重定向到 http://m.yourdomain.com/$1（$1 代表原始请求的路径）。

对于IIS服务器 (web.config文件)

在网站根目录下创建 web.config 文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Mobile Redirect" stopProcessing="true">
                    <match url=".*" />
                    <conditions>
                        <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|iphone|ipod|ipad|opera mobile|palmos|windows ce|windows phone|iemobile" />
                        <add input="{HTTP_HOST}" pattern="^m\." negate="true" />
                    </conditions>
                    <action type="Redirect" url="http://m.yourdomain.com/{R:0}" redirectType="Permanent" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

总结与流程回顾

1. 建站准备：购买PC域名和手机域名（如 www.domain.com 和 m.domain.com），并解析到同一个服务器IP。
2. 制作模板：
   • 在 /templets/ 下创建 mobile 文件夹。
   • 复制PC模板到 mobile 文件夹，并修改为适合手机显示的样式（简化布局、调整CSS等）。
3. 后台配置：
   • 进入织梦后台,开启手机站功能。
   • 设置手机域名为 m.domain.com。
   • 设置手机模板目录为 mobile。
4. 服务器配置：
   • 在网站根目录创建或修改 .htaccess (Apache) 或 web.config (IIS) 文件。
   • 添加重定向规则,使移动设备访问PC域名时自动跳转到手机域名。
5. 内容发布：
   • 都在PC后台发布和管理。
   • 手机端会自动通过配置好的模板和标签调用这些内容,实现同步。

通过以上步骤,你就实现了织梦DedeCMS的PC端和手机WAP端的内容同步，用户无论用电脑还是手机访问，都能看到经过优化的、适合其设备的界面。