各浏览器的“分享”功能

当自己的网站通过浏览器或QQ、微信平台分享到别处时,它会展示网页地址、网页标题、或许有网页内容和网页图片,还有浏览器的小尾巴——这个小尾巴就管不了了,除非自己写分享代码。那么其它东西呢?

1.“分享”中的标题

分享中的标题读取的是title代码中的内容,这个是所有浏览器或平台的网页分享功能都会读取的位置。至于title怎么写,在一般的网站开源程序平台的主题里都会考虑清楚,基本不用操心;要想操心下,可以看看本站是怎么定的title,但这毕竟是博客,没有门户网站那么复杂。

2.“分享”中的图片

分享中的图片一般读取网页中第一个img图片,而且可能有些读取png,有些读取jpg(如UC浏览器只读取png)。若写文什么习惯配图的,或没有觉得需要统一图片需求的,可以不操心这个。像我这样懒得配图的,只能分别准备jpg和png的正方形图各一张,在网页头部通用文件里设置图片如下,图片大小为300px左右,并把图片用height、width为0或text-indent:-9999之类隐藏起来;注意,不能用display:none。

3.“分享”中的描述

分享中的描述一般优先读取网页描述description;若没有描述,则读取网页代码p中的内容。

另外,微信于近年取消了类似UC浏览器的分享功能,而必须接入微信JS-SDK接口才能自定义分享展示的内容。这个我就懒得弄了。

查看全文 >>

在window上调用苹果苹方字体

同事做的手机网站HTML DEMO,附带了IOS系统的苹方字体,并用(代码)代码调用,但在电脑本地浏览并没有效果。

查找网络资料,下载了苹方字体,安装到自己电脑上,再给HTML加上本地调用代码,还有点复杂,备份如下:

苹方提供了六个字重,font-family 定义如下:
苹方-简 常规体
font-family: PingFangSC-Regular, sans-serif;
苹方-简 极细体
font-family: PingFangSC-Ultralight, sans-serif;
苹方-简 细体
font-family: PingFangSC-Light, sans-serif;
苹方-简 纤细体
font-family: PingFangSC-Thin, sans-serif;
苹方-简 中黑体
font-family: PingFangSC-Medium, sans-serif;
苹方-简 中粗体
font-family: PingFangSC-Semibold, sans-serif;

苹方除了简体的:苹方-简(PingFang SC),还为繁体用户提供有:苹方-繁(PingFang TC),苹方-港(PingFang HK)。苹方-繁的 CSS font-family 使用:
font-family: PingFangTC-Regular, sans-serif;
font-family: PingFangTC-Ultralight, sans-serif;
font-family: PingFangTC-Light, sans-serif;
font-family: PingFangTC-Thin, sans-serif;
font-family: PingFangTC-Medium, sans-serif;
font-family: PingFangTC-Semibold, sans-serif;

苹方-港 的 CSS font-family 使用:
font-family: PingFangHK-Regular, sans-serif;
font-family: PingFangHK-Ultralight, sans-serif;
font-family: PingFangHK-Light, sans-serif;
font-family: PingFangHK-Thin, sans-serif;
font-family: PingFangHK-Medium, sans-serif;
font-family: PingFangHK-Semibold, sans-serif;

查看全文 >>

wordpress使用数字别名的“-2”问题

曾经死犟过,以不使用wordpress后台多媒体,关闭自动保存的方式来保证wordpress文章的post的id和顺序性;可这种犟法终究会累,后来就利用起了纯数字的别名,在固定链接里使用文章名/%postname%/,保证文章链接的简洁和连续性。然而,不记得在哪个版本后,使用纯数字别名,在发布的时候,会在数字后多出一个“-2”。比如说,这篇文章在发布时候设置的别名是“894”,其链接地址是应该是 http://yyidea.com/894/,但wordpress给生成的是 http://yyidea.com/894-2/。

出现这个问题后,曾在网上翻阅若干而未见有人提及。一个纠结于连续数字的站长不多,二个可能每个人的实现连续方式不同,三个可能在乎的人并不是懂php的。

好吧,这两天作为当年折腾帝的我,又面对上这个问题,依然搜索不到答案;也考虑过是不是只有我这个老站才有该问题(其实重装过),但尝试新建wordpress测试,“-2”也还是不依不挠的存在。

最终只能变通一下,把mysql的查询脚本,放在了清理插件WP Clean Up里——本来想新写一段的,看着又麻烦,就替换了最后关于feed的清理代码。于是,每次更新发布完,运行下插件,也算曲线解决方案了。

顺道,记录mysql脚本如下:

update wp_posts set post_name = replace(post_name,'-2','') where post_type='post'

查看全文 >>

网站建站流程

很久很久以前做的流程示意,本来应该把右侧问题逐个提出解说的,也一直没做。现在把流程图发这里以备份:

建站流程之购买-YYidea.com

无论以前叫IDC空间,还是现在叫什么云,其实都是大同小异的概念,都少不了域名和储存空间两个东西。

建站流程之备案-YYidea.com

也一般少不了一些手续。

建站流程之使用-YYidea.com

使用上其实很简单,唯独是网站一块才是小小的麻烦,就看心有多大。

建站流程之定制-YYidea.com

不会的话,自然可以找人帮忙,花钱定制。

查看全文 >>

蓝色CMS网页设计案例——培训网站

呼呼,早一段时间做的一个CMS页面设计的HTML套,用以培训公司的课程宣传、师资介绍、学员招募等,其包括:首页、文章列表页、文章页、师资介绍页、注册登录页、活动相册等若干页面风格和功能设计。当然,兼容各种浏览器,具备完备的SEO,配合若干宣传广告位置,只要套入相关的网站程序就好。

首页截图如下——logo一块就马赛克了:

培训网站蓝色CMS网页设计案例-无限策划

至于整套的地址?一般我不告诉你。

唔,另外有网页游戏运营平台的页面,不过只有首页。

查看全文 >>