您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
wordpress插入百度地图的嵌入代码写法
春翠2025-03-02 16:41:16WordPress教程已有6人查阅
导读在电脑上新建一个文本文档(txt文件),命名为baidumap,并打开,回到百度地图创建网页上,获取代码,并复制代码粘贴进入baidumap.txt文件内,如果你希望这个地图兼容手机的宽度可以修改一
在电脑上新建一个文本文档(txt文件),命名为baidumap,并打开,回到百度地图创建网页上,获取代码,并复制代码粘贴进入baidumap.txt文件内,如果你希望这个地图兼容手机的宽度可以修改一下代码中的宽度:
找到代码中的如下代码: 修改宽度(上方标红的代码为宽度)为100%,标黄代码为高度,可以修改数字,修改后如下: 这样就会在网站上显示宽度为100%高度为500像素的地图区域(你也可以将宽度设为98%,这样可能在某些主题上更加美观)
修改好代码后,将这个baidumap.txt修改后缀为baidumap.html,将这个文件上传至你的网站根目录(网站根目录可以使用ftp上传,也可以在你的服务器控制面板的文件管理上传,根目录名一般是 或者 root或者htdocs又或者是web等,如果是在不明白,可以咨询你的服务器商)
步骤3:将百度地图嵌入你的WordPress网站页面或者文章中
上传好了之后,进入你想要置入百度地图的页面或者文章中,将编辑器切换到“文本模式”,输入以下代码: 这样就可以轻松的将百度代码置入了,注意标黄的代码需要和修改过的高度和宽度一致(这里的高度不需要加px,直接数字即可)
这样的方式不管任何WordPress版本都可以放入,也不会因为升级而产生不可用的情况,可以放心使用。
找到代码中的如下代码: 修改宽度(上方标红的代码为宽度)为100%,标黄代码为高度,可以修改数字,修改后如下: 这样就会在网站上显示宽度为100%高度为500像素的地图区域(你也可以将宽度设为98%,这样可能在某些主题上更加美观)
修改好代码后,将这个baidumap.txt修改后缀为baidumap.html,将这个文件上传至你的网站根目录(网站根目录可以使用ftp上传,也可以在你的服务器控制面板的文件管理上传,根目录名一般是 或者 root或者htdocs又或者是web等,如果是在不明白,可以咨询你的服务器商)
步骤3:将百度地图嵌入你的WordPress网站页面或者文章中
上传好了之后,进入你想要置入百度地图的页面或者文章中,将编辑器切换到“文本模式”,输入以下代码: 这样就可以轻松的将百度代码置入了,注意标黄的代码需要和修改过的高度和宽度一致(这里的高度不需要加px,直接数字即可)
这样的方式不管任何WordPress版本都可以放入,也不会因为升级而产生不可用的情况,可以放心使用。
本文标签:
很赞哦! (1)
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
wordpress添加菜单图标的步骤教程
WordPress导航栏菜单添加图标可以使用插件完成,实现方法如下:步骤一:WP后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。wordpress可以自己制作么,WordPress都需要学习哪方面的知识
wordpress可以自己制作么?学习WordPress都需要学习哪方面的的知识呢?wordpress是可以自己制作的,前提是需要你掌握 的编程知识wordpress登录后台的方法,wordpress怎么登录后台
wordpress登录后台界面的方法:首先打开你用wordpress搭建出来的网站。配置LAMP搭建WordPress的方法
环境说明:在同一台主机上实现LAMP(Linux + Apache + MariaDB + PHP)CentOS 7.3、Apache 2.4.6、MariaDB 5.5.52、PHP 5.4.161 安装LAMP采用yum方式进行安装httpd、MariaDB、
留言与评论 (共有 0 条评论) |