您现在的位置是：首页 > cms教程 > WordPress教程WordPress教程
wordpress插入百度地图的嵌入代码写法
春翠2025-03-02WordPress教程已有人查阅
导读在电脑上新建一个文本文档（txt文件），命名为baidumap，并打开，回到百度地图创建网页上，获取代码，并复制代码粘贴进入baidumap.txt文件内，如果你希望这个地图兼容手机的宽度可以修改一
在电脑上新建一个文本文档（txt文件），命名为baidumap，并打开，回到百度地图创建网页上，获取代码，并复制代码粘贴进入baidumap.txt文件内，如果你希望这个地图兼容手机的宽度可以修改一下代码中的宽度：
找到代码中的如下代码：
修改好代码后，将这个baidumap.txt修改后缀为baidumap.html，将这个文件上传至你的网站根目录（网站根目录可以使用ftp上传，也可以在你的服务器控制面板的文件管理上传，根目录名一般是 或者 root或者htdocs又或者是web等，如果是在不明白，可以咨询你的服务器商）
步骤3：将百度地图嵌入你的WordPress网站页面或者文章中
上传好了之后，进入你想要置入百度地图的页面或者文章中，将编辑器切换到“文本模式”，输入以下代码：
这样的方式不管任何WordPress版本都可以放入，也不会因为升级而产生不可用的情况，可以放心使用。
找到代码中的如下代码：
<!-百度地图容器->
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
修改宽度（上方标红的代码为宽度）为100%，标黄代码为高度，可以修改数字,修改后如下：
<div style="width:100%;height:500px;border:#ccc solid 1px;" id="dituContent"></div>
这样就会在网站上显示宽度为100%高度为500像素的地图区域（你也可以将宽度设为98%，这样可能在某些主题上更加美观）修改好代码后，将这个baidumap.txt修改后缀为baidumap.html，将这个文件上传至你的网站根目录（网站根目录可以使用ftp上传，也可以在你的服务器控制面板的文件管理上传，根目录名一般是 或者 root或者htdocs又或者是web等，如果是在不明白，可以咨询你的服务器商）
步骤3：将百度地图嵌入你的WordPress网站页面或者文章中
上传好了之后，进入你想要置入百度地图的页面或者文章中，将编辑器切换到“文本模式”，输入以下代码：
<iframe width="100%" height="500" frameborder="0" src="/baidumap.html">
这样就可以轻松的将百度代码置入了，注意标黄的代码需要和修改过的高度和宽度一致（这里的高度不需要加px，直接数字即可）这样的方式不管任何WordPress版本都可以放入，也不会因为升级而产生不可用的情况，可以放心使用。
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
相关教程
图文教程
CentOS7安装WordPress的步骤方法
在开始本文前，我假定你已经安装好了nginx、php-fpm和mariaDB（或mysql）。它们的安装过程可参考我以前的文章。
wordpress主页程序的位置在哪
wordpress主页程序在哪？wp-content/themes/xxx/index.php，xxx指的是你使用的主题名称。下载下来用编辑软件打开即可修改。
apache服务器server介绍和安装配置WordPress
1、apache server 是一个流行的http服务器。对应的可执行软件是httpd 和 apachectl。httpd提供http服务，apachectl控制httpd的执行。2、CGI 即 Common Gateway Interface，
WordPress文章ID不连续怎么解决
WordPress中文章ID不连续问题怎么解决？下面本篇文章给大家分享下WordPress完美解决文章ID不连续问题的方法，希望对大家有所帮助！
相关源码
-
(自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发，为勘察设计院所、工程咨询单位设计，特别适合展示设计成果、技术服务和项目案例。采用响应式技术，确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码 -
(自适应)pbootcms家政服务保洁保姆打扫卫生网站模板下载本模板基于PbootCMS内核开发，为家政服务企业量身定制。设计风格温馨亲切，突出家政行业的专业与贴心服务特性，多方位展示企业服务项目与优势。查看源码 -
(PC+WAP)茶叶茶艺茶道茶文化pbootcms模网站源码下载本模板基于PbootCMS系统开发，为茶叶企业、茶艺培训机构设计，特别适合展示茶产品、茶道文化等内容。采用响应式技术，确保在不同设备上都能呈现优雅的茶文化氛围。查看源码 -
帝国cms7.5品牌连锁店招商加盟商机网站模版源码本模板为招商加盟、创业投资、品牌连锁等商业领域设计，采用帝国CMS7.5内核构建，整体风格简洁大气，突出商业信任感与专业度，适合各类招商加盟项目展示、品牌连锁店宣传等商业应用场景。查看源码 -
pbootcms网站模板响应式全屏旅游景区网站源码本模板为风景民宿、旅游景区等企业设计，基于PbootCMS内核开发，具备响应式布局与专业SEO优化功能，助力企业低成本高效获客。以下是核心特点：查看源码 -
(自适应手机端)seo博客网站模板新闻资讯网站源码下载本模板为SEO博客及新闻资讯类平台深度定制，采用PbootCMS内核开发。通过模块化设计实现多行业快速适配，仅需替换图文内容即可转型为医疗、教育、科技等领域网站。响应式布局确保在手机、平板等设备上获得一致浏览体验。查看源码
| 分享笔记 （共有 篇笔记） |
