分类 web 下的文章

打开single.php在文章底部添加以下代码

<div>
<p>文章作者：<a href=”<?php echo get_option(‘home’); ?>/”><?php the_author(); ?></a><br/>
本文地址：<a href=”<?php the_permalink() ?>”><?php the_permalink() ?></a><br />
版权所有 &copy; 转载时必须以链接形式注明作者和原始出处！</p>
</div>

在style.css找到.under{}进行修改CSS属性

看到很多网站都带有ico图标或favicon图标，这个的话方便用户记住你网站，同时便于用户在收藏夹上快速找到你网站。
今天我们谈谈如何给WordPress添加网站图标，方法很简单的，只需2步就可以实现。

1.制作网站图标首先我们用photoshop做好网站的图标图片，大小最好是1616，或者3232的，不要过大了，之后转换成为ico图标格式即可，然后把这个ico格式的图片改名为favicon.ico当ico图标做好了，直接用FTP软件上传到WordPress根目录。
2.编辑代码我们进入WordPress后台，找到“外观”模版下的“编辑”功能，并且编辑“顶部”(header.php)代码。在……放入以下代码即可。<link id="favicon" href="<?php bloginfo('url'); ?>/favicon.ico" rel="icon" type="image/x-icon" />中间的网址替换成你的网站地址。
3.更新代码。然后刷新网站，即可看到网站的图标了。

问题描述
部署WEB项目后，开启了强制HTTPS，产生如下错误：
Mixed Content: The page at 'XXX' was loaded over HTTPS, but requested an insecure stylesheet 'XXXXXXX'. This request has been blocked; the content must be served over HTTPS.

问题分析
报错的原因就是当前页面是https协议加载的，但是这个页面发起了一个http的ajax请求，这种做法是非法的。HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。

解决办法
可以在相应的页面的里加上这句代码，意思是自动将http的不安全请求升级为https

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

找到wordpress安装目录/wp-content/themes/你的主题名
然后一般找到header.php或者head.php进行编辑
在标记下插入

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />

编辑后保存文件

什么是Mixed Content？
Mixed Content（混合内容）出现于如下场景：HTML页面是通过HTTPS加载的，但是其他资源文件（如图片，视频，样式表文件，脚本）是使用HTTP方式加载的。之所以称为混合内容，是因为在一个网页中同时使用了HTTP和HTTPS，而最初的请求方式为 HTTPS。
现代浏览器可能会阻止此类内容，或者显示关于此类内容的警告，提醒用户此页面包含不安全的内容。阻止混合内容的浏览器可能会首先尝试将该内容的连接从HTTP “升级”到HTTPS。

WordPress Mixed Content混合内容警告不会阻止您的网站在页面上显示内容。但是，您需要在看到警告后立即解决它，因为它会对您网站的 SEO 排名产生负面影响。

使用 Elementor 页面构建器
Elementor 插件使您能够使用其拖放功能构建 WordPress 网站。但是，它还具有一项功能，可让您查找和替换网站上的不安全链接。
如果您已经安装了 Elementor，则最好使用此选项。如果没有，请使用Better Search Replace插件。
在您的仪表板中，转到Elementor > 工具，然后单击替换 URL选项卡。
现在，在旧 URL 文本框中使用 HTTP 格式输入您的网站。然后在新的 URL 文本框中输入您网站的安全 HTTPS 版本。
然后，点击Replace URL
如果使用上述任何插件修复了 WordPress 网站上的混合内容警告，那就太好了。但是，如果您仍然看到它们，则可能是硬编码的脚本/图像是原因。为此，您需要手动替换主题文件上的链接。

手动替换 HTTP 文件

有时，当您从外部链接加载脚本时，使用上述插件中的查找和替换功能不会替换脚本 URL。在这种情况下，您可以手动替换主题文件中的不安全链接。
首先，转到外观>主题编辑器并选择标题模板。
现在，键入 CTRL+F 打开搜索框并将导致混合内容警告的链接粘贴到您的网站上。
找到代码行后，将其替换为安全版本的链接（即将 http:// 更改为 https://）。
此外，如果您使用绝对路径链接到网站上的图像或样式表，您可以修改链接以使用相对路径。
例如，如果您的图像具有以下路径“ http://yoursite.com/images/logo.png ”，则可以将其替换为“ /images/logo.png ”
完成后，单击更新文件。

现在有两个域名：http://aaa.net 和 http://aaa.biz ,还有一个空间，想实现在同一个空间实用两个域名，而且可以通过两个域名分别访问不同的网站，其实此方法可以实践到多个域名同时实用一个空间，但前提是空间服务商允许绑定多个域名在一个空间上。
首先，在空间绑定两个域名才可以实现两个域名使用一个空间，建立两个文件夹（如果是多个域名共用可以建多个文件夹），eg:我建立连个文件夹“gewell” 和“kingstory”，将对应得网站内容分别保存到相应的文件夹内。
通过下面代码建立一个文件名为"index.asp“的文件上传到空间根目录，就可以实现上面所说的功能了.(注意下面代码部分引号部分需用你的网站域名及文件夹名替换)
<%if Request.ServerVariables("SERVER_NAME")="aaa.net" then '第一个输入的网址
response.redirect "gewell/" '将它转发到相应的文件夹
else%>
<%end if%>
<%if Request.ServerVariables("SERVER_NAME")="www.aaa.net" then
response.redirect "gewell/"
else%>
<%end if%>
<%if Request.ServerVariables("SERVER_NAME")="aaa.biz" then '第二个输入的网址
response.redirect "kingstory/" '将它转发到相应的文件夹
else%>
<%end if%>
<%if Request.ServerVariables("SERVER_NAME")="www.aaa.biz" then
response.redirect "kingstory/"
else%>
<%end if%>
保存为：index.asp,上传到空间更目录

对html布局而言，传统的960px『或者鄙人常用的980px』宽度在大分辨率显示上显示时左右两边则会留下富余的空白空间，当分辨率达到23寸的1920px时传统的980px宽度网页布局则意味着显示器上的一半宽度的位置被闲置......

考虑到17寸非主流脑残显示器依然占有不少的份额，同时为大分辨率显示器做适当的适配，一种网页宽度自适应布局应运而生，本文所说的宽度自适应仅仅指pc端的宽度自适应。

理论基点：
1、最小尺寸分辨率1024*768（传统17寸显示器），则可以采用940px、960px、或者鄙人常用的980px作为最小宽度
2、1024768之后稍大的分辨率就是1280768了，则可以采用1200px或者1220px作为稍大的网页宽度
3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签
4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了
5、宽度自适应需要对每个显示模块进行不同宽度的计算，在做html布局时需要大量的计算与适配。
6、宽度自适应为不同宽度显示器写布局元素时常用的css

.wrap {
 display:none;
}
.wrapBig .xxx {
 width:xxpx;
}
.wrapSmall .xxx {
 width:xxpx;
}

实现方式：

1、高级浏览器方式，通过media Queries直接控制，比如控制宽度的div类名叫wrap，则有如下代码，此代码仅作抛砖引玉

/**max width 980px**/
@media screen and (max-width:1200px) {
 .wrap {
 width:980px;
 }
}
/**max1280px screen***/
@media screen and (min-width:1200px) {
 .wrap {
 width:1200px;
 }
}

稍微解释下：第一段当浏览器的可显示区域宽度小于1200px时就将类名为wrap的宽度设置为980px，当浏览器的可显示区域大于1200px时则将类名为wrap的宽度设置为1200px。css3的media queries可以通过拖拽浏览器窗口大小即时显示效果！

这样在17寸显示器上时就不会在浏览器的下方出现滚动条，而在大于17寸的显示器上时可以让网页布局宽度增大到1200px，显示更多的内容。

  1. 1
  2. 2
  3. 3
  4. 4