首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Wordpress样式不会加载到ddev ngrok live链接

Wordpress样式不会加载到ddev ngrok live链接
EN

Stack Overflow用户
提问于 2021-05-12 11:40:50
回答 2查看 114关注 0票数 0

我已经用ddev设置了一个简单的wordrpress环境。

我正在尝试使用ddev share功能,它应该给出一个本地可湿性粉剂网站的现场预览,但当我尝试从不同的以太网上的另一台计算机访问该网站时,网站加载,所有关于html和一些原始的css,但不是所有的东西。

当然,在本地,一切都加载得很好。

在我的ngrok站点的控制台中,我收到了各种警告,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Loading failed for the <script> with source “https://mysite.ddev.site:8443/wp-includes/js/jquery/jquery.min.js?ver=3.5.1.

注意,"mysite.ddev...“是到我的本地环境的链接,所以我猜这与相对/abs urls有关,但我不确定如何解决这个问题

我参考了5年前的this post,它在某种程度上触及了这个主题。

我安装了“绝对相对URLS”,但这并没有解决问题。

EN

回答 2

Stack Overflow用户

发布于 2021-05-12 12:13:09

WordPress的问题是它将静态URL直接嵌入到数据库中,因此在更改主机名或执行其他操作的情况下使用它要困难得多。这是WordPress的一个重要问题,有很多解决方法,但不是很令人满意。

文章DDEV share: Sharing a DDEV-Local project with other collaborators in real time解释了如何使用稳定的子域并进行搜索替换。

本地只有一个基本地址,但wp命令内置于DDEV- WordPress的web容器中。这组步骤假设ngrok子域为“wp23”,起始URL为“https://wordpress.ddev.site“”。

票数 0
EN

Stack Overflow用户

发布于 2021-07-27 19:51:18

经过一些实验,我找到了一个解决方案。

这篇文章有点旧,因此DDEV在它的Wordpress环境中添加了一些额外的升级,这个解决方案是在以下平台上测试的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ddev -v:
ddev version v1.16.7

解决方案:

安装并激活Relative-Url Plugin

要采取好的措施,请重新启动DDEV站点ddev restart

  1. 写入终端:

ngrok http --=重写.ddev.site主机标题

如果您不确定项目/站点名称是什么,请使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ddev describe

在URL下面,指向本地主机站点的第一个链接应该是插入到ngrok重写中的URL

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67502931

复制
相关文章
wordpress添加友情链接页面CSS样式带效果图
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
小狐狸说事
2022/11/16
6820
wordpress添加友情链接页面CSS样式带效果图
css超链接样式
超链接默认情况下带有下划线,看起来挺难看的,而且用户体验也不好。在CSS中,一般使用“text-decoration:none”来去除超链接下划线,我们在“下划线、删除线和顶划线”这一节已经详细讲解了text-decoration属性。
Qwe7
2022/04/13
2.2K0
WordPress 留言预览插件:Live Comment Preview
这篇文章翻译自 Weblog Tools Collection 的 APAD: Live Comment Preview 留言预览,个人觉得没什么用,呵呵,不过可能对某些需要的人有帮助吧!
Denis
2023/04/13
4040
WordPress后台常用样式
在开发后台界面的时候可以使用WordPress的一些预定义样式,需要注意的是所有使用WordPress预定义样式的元素必须被 .wrap类包裹
切图仔
2022/09/14
3660
Windows Live Writer 离线发布WordPress文章
Windows Live Writer是一款由微软开发的强大的离线发布文章工具,也是我最喜欢的建站软件之一。 在我看来,使用Windows Live Writer发布文章的好处在于: 1.可以同时管理多个博客,不需要登录博客后台即可发文章 2.可以离线写文章,尤其是断网时可以编辑好文章,上网再发布 3.强大的编辑器,批量插入图片非常方便 ……
P轴
2022/11/18
6550
WordPress 主题教程 #10:十六进制颜色代码和样式化链接
十六进制颜色代码和样式化链接是从零开始创建 WordPress 主题系列教程的第十篇。这篇继续昨天介绍 CSS 的课程,我们今天将介绍如何着色和十六进制颜色代码。
Denis
2023/04/15
8160
WordPress 主题教程 #10:十六进制颜色代码和样式化链接
html超链接样式顺序,CSS页面布局常用知识汇总(超链接样式)
CSS中的知识非常多,我们不可能全都记得住。闲暇时整理了一些CSS页面布局的常用知识,这篇文章就和大家分享一下CSS超链接样式的常用知识。需要的朋友可以参考一下,希望可以帮助到你。
全栈程序员站长
2022/09/09
1.5K0
html超链接样式顺序,CSS页面布局常用知识汇总(超链接样式)
CSS美化超链接样式
注意!!!超链接的四种状态样式的排列是固定的,一般不能随意调换 正确的顺序时Link,visited,hover,active
全栈程序员站长
2022/09/09
1.8K0
CSS美化超链接样式
自定义 WordPress 样式
修改页面头部、脚部的文件路径:wp-content ——》themes ——》twentyten ——》footer.php、header.php
阳光岛主
2019/02/19
1.6K0
自定义 WordPress 样式
WordPress 后台样式:Button 按钮
上一篇讲了 WordPress 后台样式: Admin Notice 操作提示,今天继续,讲讲 WordPress 后台常用的按钮样式:
Denis
2023/04/14
2.5K0
WordPress 后台样式:Button 按钮
禁用wordpress模板默认样式
  我们知道wordpress主题比如twentytwenty都会有样式,如果不想使用它们的默认样式怎么处理呢?其实很简单,随ytkah一起来看看吧。进入2020主题的function.php文件,里面有Register and Enqueue Styles和Register and Enqueue Scripts的函数定义,大概177行左右,将它们注释就可以了
ytkah
2019/11/23
9910
修改WordPress邮件通知样式
作者:matrix 被围观: 1,694 次 发布时间:2013-12-10 分类:Wordpress 兼容并蓄 | 8 条评论 »
HHTjim 部落格
2022/09/26
8330
修改WordPress邮件通知样式
html超链接样式「建议收藏」
a:link,定义正常链接的样式; a:visited,定义已访问过链接的样式; a:hover,定义鼠标悬浮在链接上时的样式; a:active,定义鼠标点击链接时的样式。
全栈程序员站长
2022/09/09
2K0
WordPress添加友情链接-后台链接选项
部分模板安装后后台会不显示链接。在WordPress安装根目录的 functions.php文件添加如下代码即可开启
AlexTao
2020/03/17
1.8K0
CSS基础笔记——超链接样式
在浏览器中,超链接默认情况下字体为蓝色,带有下划线,鼠标单击时字体为红色,单击后为紫色
全栈程序员站长
2022/09/09
1.1K0
CSS基础笔记——超链接样式
CSS设置超链接样式常用
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/161759.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/09
1.2K0
CSS的超链接样式设计
内部链接所链接的目标一般位于同一个网站中,对于内部链接来说,可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置,仅指定相对位置关系,
全栈程序员站长
2022/09/07
1.4K0
CSS的超链接样式设计
通过html<map>标签给图片加链接
前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用html<map>标签给图片加链接 <img src="/images/hlj.jpg" border="0" usemap="#Map" alt=""> <map name="Map" id="Map"><area shape="rect" coords="798,298,956,340" href="/dot.html" /> </map> shape 属性为 "rect",表示方形,该值规定矩形左上角坐标(798,298)
ytkah
2018/03/06
3.5K0
点击加载更多

相似问题

通过ngrok隧道剥离wordpress站点的样式和主题

11

链接到Live站点的沙盒Wordpress

21

Wordpress Live

11

Netlify和ngrok链接

11

加角样式

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文