分類
网站

webp图片使用

谷歌webp项目地址:https://developers.google.com/speed/webp/docs/using?hl=zh-CN#dwebp

更新WordPress后,发现仍然不能支持webp图片的尺寸获取,其实是php中的getimagesize()不支持获取webp图片大小。为了使WordPress的gallery暂时能正常显示我做了如下设置:

  • 在wp-includes/functions.php中查找image/jpeg(共两处,格式稍有变化),添加如下代码即可解决“报歉,出于安全的考虑,不支持此文件类型。”的问题:
    'webp' => 'image/webp',
  • 文章gallery短代码中加入size=″medium″和columns=″2″两个参数,并将“设置”-“多媒体”中“中等大小”值均设为0。文章页照片就能正常显示了,例如:
    {gallery size="medium" columns="2" ids="941,940,942"}
    其中花括号应为方括号。这个是我升级WordPress3.7.1版本后才出现的问题,之前好像不用加这两参数。
  • 我用的是Attorney主题,还需要注释掉image.php中这一句,附件页图片就能正常显示了:
    //$attachment_size = apply_filters( 'attorney_attachment_size', 1200 );

其实应该好好研究下php代码,上面有些投机取巧,暂时解决了webp图片的显示问题。

本文更新於 2014/05/07。

分類
网站

html笔记

摆列图片和文本时,float: right;虽然有时并没有position: relative;left: 30px;top: 20px;来的方便快捷。但float总是浮的,相对定位有时却还是把位置给定死了。这时还有一个position:absolute;left:0px;top:0px;z-index:1;可以选择。


简单的将图片水平居中,可以使用style="vertical-align: middle;"来实现。


注释掉一段html可以使用<––要被注释的内容––>

分類
网站

使用Widget Logic控制小工具在哪些页面上显示

通过使用Widget Logic来控制小工具在哪些页面上显示。

Widget Logic lets you control on which pages widgets appear using WP's conditional tags. It also adds a 'widget_content' filter.

参考:

  1. WordPress小工具只在指定页面显示的插件:Widget Logic
  2. WordPress条件标签

分類
网站

HTML符号

带有实体名称的 ASCII 实体

结果 描述 实体名称 实体编号
" quotation mark &quot; &#34;
' apostrophe  &apos; &#39;
& ampersand &amp; &#38;
< less-than &lt; &#60;
> greater-than &gt; &#62;
分類
其它 网站

html5地理位置示例





简单谷歌地图

分類
网站

php+mysql留言系统(不显示留言)

  1. 表单的html代码
    1. css
    2. html
    3. js表单验证
  2. mysql数据库表的创建、连接和插入数据
    1. 创建表单
    2. PHP连接数据库和插入数据
  3. 加入验证码,防范恶意
  4. 加入频率控制,提高用户体验
分類
网站

html+js+php+mysql数据库示例(邮箱订阅框)

html+js代码

<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)//合法邮件地址验证函数:输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号.。
{
	with (field)
	{
	apos=value.indexOf("@")
	dotpos=value.lastIndexOf(".")
	if (apos<1||dotpos-apos<2) 
	  {alert(alerttxt);return false}
	else {return true}
	}
}
function validate_form(thisform)//表单验证函数
{
	with (thisform)
	{
	if (validate_email(keyword,"请正确输入您的邮箱地址。\n感谢您的订阅!")==false)//多行警告框只用在文本中加入换行符即可实现
	  {keyword.focus();return false}//若验证失败则让输入框获取焦点
	}
}
function clearText(field)//清楚输入框中预定义文字的函数
	{
		if (field.defaultValue == field.value) field.value = '';
		else if (field.value == '') field.value = field.defaultValue;
	}
</script>