Journal – 19/07/2015 – WP移动设备插件,WP登录循环重定向,缺少临时文件夹

其实前两周开始就有更重要的事要做,站点建设与优化也就完全停止了,近段时间到未来的个把月还是专心做正事。所以如标题所述,这次周记主要按照回忆记录一下早前站点建设的内容,而且2.0发布日志里也说过要记录一下更新过程中遇到的大问题。


首先是WP的移动设备访问插件。

画廊的主题更换为Minimatica以后,PC端的表现不错的,就是对移动设备不太友好,没有针对小屏设备优化过的界面和效果。

所以给画廊的WP装了个<Any Mobile Theme Switcher>的插件,主要作用是在移动设备访问的时候,导向另一个WP主题,实现专门的移动设备访问。

由于最早使用的Adirondack主题对移动设备比较友好,扁平和拼图平铺的效果比较适合移动设备访问,所以利用Theme Switcher插件,在PC、IPad、AndroidPad等大屏设备访问时以Minimatica主题显示画廊,当使用IPhone、Androidphone等小屏设备访问时,以Adirondack主题显示。


 

第二个是更新主题时遇到的问题,当时打算上传下载到的免费主题,再上传几个不错的插件,上传100%后显示“缺少临时文件夹”。

当时检索了很多解决办法,这些办法指出似乎是访问权限的问题,因为网站根目录是有tmp文件夹的,需要修改网站的php.ini。后来用一个土办法解决了,就是在WP站点目录里自己建了个tmp文件夹……解决。


 

版本更新中遇到的最大问题是WP后台登录进入循环重定向,具体特征就是输入的管理员账户、密码正确,在单击登录按钮以后再次载入到登录页面,进入死循环。

检索很多方法,主要都是下面这张思路:

修改/wp-includes/pluggable.php中的语句:

setcookie($auth_cookie_name, $auth_cookie, $expire, ADMIN_COOKIE_PATH, COOKIE_DOMAIN, $secure, true);

修改为:

setcookie($auth_cookie_name, $auth_cookie, $expire, SITECOOKIEPATH, COOKIE_DOMAIN, $secure, true);

可我试用此方法后依旧不能解决,最后找到一篇比较靠谱的文章,按照其中的第一种方法(原方法是用/** **/禁用掉相应代码,我干脆将需要禁用的代码删掉了)。

原文的链接是WordPress 循环重定向的问题

摘录我使用的方法一的内容:

找到wp-include文件夹下的template-loader.php文件,使用/**代码**/注释掉第六行和第七行

if( defined(‘WP_USE_THEMES’) && WP_USE_THEMES )

do_action(‘template_redirect’);

登录循环重定向问题解决。


正事颇为紧张,还是先做正经事要紧。况且站点2.0上线了,也没什么大小修补了,这儿的事就搁一搁,每周写写周记就行。

 

 

网站更新到版本2.0 ! Site Version 2.0 !

从版本1.0.0.6上线进入CBT至今断断续续对画廊、博客、屏风三个大部分先后进行了小改大补,最终成形的2.0版本于前段时间正式上线,今天以周记来Mark一下,cheers!

网站优化的主要内容是:

1.提高访问者交互体验;

2.缩小网站体量,减少载入时间;

3.提高对移动设备的友好度。


 

首先进行的是画廊的修改。

主要从更换了主题。最早使用的<Adirondack>为平铺图片展示,首页即包含12篇最新日志(相册)的特征图片。实际上在主页展示太多篇最新相册的必要性不是很大,过多的图片又降低了载入效率,而且平铺拼图效果实在太花眼。

从了解WP、网页技术开始我就很喜欢推拉门式(slider)的图片展示效果,于是选用了<Panaroma>主题,其在主页以slider形式全屏展示4幅图片,实在很喜欢。

但这个主题有两个主要问题:

1.主页显示图片需要在后台单独设置图片源和URL,不能自动展示最新文章;

2.不知道是我设置的图片源的文件大小问题还是主题模板本身的源码问题,无论是PC还是移动端,载入完成套用该模板的画廊需要半分钟,时间实在太长,完全没有好的体验。

最后在WP免费主题库里搜索到了<Minimatica>这个主题,主页也是slider模式,且显示为最新相册(日志),载入速度也足够快。稍微修改了主题的footer.php,把原来的底边拓展工具栏改为goyuwei.com的HOME和BLOG&LAB链接。

GALLERY重新上线。


 

接下来是对博客的修改。

原来的<showy>主题倒不是不好用,就是实在不喜欢配色,又懒得改,而且为了进一步提高载入速度和移动设备友好度,最后用回WP最原始最简单的<Twenty Fifteen>主题。


 

最后是屏风(主页)的重制。

1.0版的屏风是用<Volton>免费html模板改的,这个模板主要的用途是单页的个人展示网页,所以包含了很多信息和图片,基本就是一个单页网站的模板。它改出来做goyuwei.com主页有三个大问题:

1.体量太大,源文件有3MB,除了网页内容需要的图片,还包括我后来自己为了提高移动设备友好度而专门做的index_m移动端主页;

2.屏风里信息太多余,尺寸太大(网页太长),CONTACT、ABOUT这些东西根本不需要专门做几个网页锚点去展示;

3.进入博客和画廊的链接太不清楚,操作上基本相当于进入二级菜单才能点击进入博客和画廊。

后来想起完全可以用“弹出层”的效果来展示CONTACT、ABOUT这些东西,且让博客、画廊的链接按钮直接展示在最显眼的位置。以“弹出层”为关键词,找到了<Tooltip Styles Inspiration>的系列素材。主要修改了配色、文字样式、图标样式,增加了logo、副标题、版权信息这些,得到了源文件仅有600k的2.0版本极简屏风。屏风效果全部用代码实现,唯一需要载入的元素就是8k大小的logo。新屏风因为元素较少而且尺寸不大,所以也兼作移动端访问主页。

在新版上线前后,对1.0板和2.0板主页进行了全页面截图(同比例显示),简单很多,尺寸小很多,自己看起来也顺眼很多其实我挺喜欢极简的

1↑1.0版

 

2↑2.0版


 

在1.0.0.6版本之后还修改了很多次屏风代码、WP代码、主题代码,因为运行过程中遇到了几个大的问题,这些问题和解决方法会在之后专门写篇日志介绍,这里就不再赘述。

进入2.0版以后就算是进入稳定运行阶段了。适当的时候,就可以结束CBT,正式开放了。

Outlook 2013设置的一些Tips

毕业以后要把学校邮箱的邮件移植出来,导出的全部都是eml文件,搜索各处感觉各种邮件管理软件好像都不支持导入,所以把eml文件导入到邮箱这件主要的事情作罢,直接在学校邮箱里把比较有意义的邮件一封封转发到其他邮箱上了。倒是为此装了Outlook 2013,想来自己也有几个邮箱,干脆用用吧。

QQ邮箱添加起来倒不麻烦,一会就把邮件导进去了。

弄Outlook.com邮箱的时候就卡住了,试了自动添加账户,手动添加账户中”Outlook.com或Exchange ActiveAync兼容的服务”和“POP或IMAP”两项也添加不了,大多是“用户名或密码不起作用”、“无法连接服务器”一类的反馈,甚至闹到Exchange证书这些个事情上。

当时就火了,Outlook 2013和Outlook邮箱闹矛盾不是笑话吗?

晃悠晃悠又进到QQ邮箱的POP设置里,邮箱独立密码一项瞬间打醒我,丫是不是Outlook.com邮箱也有?

赶紧去Outlook.com邮箱看设置:

在账户设置里:“安全与隐私”→“管理高级安全”→“应用密码”!!!

就是它!!!之前在Outlook 2013里添加Outlook.com邮箱账户时用的密码都是邮箱本身的密码!!!丫不认!!!因为Outlook.com邮箱开了个叫双重验证的保护机制!!!

所以Outlook 2013一票的应用如邮箱安全设置里所述:“某些应用和设备(例如, Xbox 360、Windows Phone 8 或其他设备上的邮件应用) 不支持用于双重验证的安全代码。在这些情况下,你需要创建一个应用密码才能登录。”

当你单击“创建新应用密码以后”,MS会给你生成一串随机字符,也就是你的应用密码……

把这段密码贴进Outlook 2013新账户里以后,秒通过验证……

噗……

顺便Mark一下Outlook.com邮箱邮件服务器的信息:

服务器地址 端口 ssl
pop3 pop-mail.outlook.com 995 ssl
imap imap-mail.outlook.com 993 ssl
smtp smtp-mail.outlook.com 25 tsl

Journal – 05/07/2015 – 毕业季,别上海

本科毕业了总归要写一篇文章纪念一下,恰逢周记,还是多留几笔,可惜水平有限,表达一些情感,还是中文来的畅快。

– 毕业 –

本科四年磕磕绊绊,有过惊喜,有过失望。

本科收获最大的无疑是学到了“学习法”,以使自己面对未来的学习不虚不慌。学习能力无疑是比成绩更重要的东西,可惜实在虚无缥缈,无以言表。但确确实实学会了对于不同的课程可以采取不同的对待方法。专业的(吃饭的伙计)课程当然是要真才实学,那些个公式理论还是要自己推导一遍,了解前因后果,才能胸有成竹。对于一些不甚重要,或是与专业素养无关的课程,大多依靠总结出题和解题的套路,考前背背罢,也能拿个不错的成绩。

第二个收获自然是真正学会了“独自”生活,从小学(小学的中午寄宿当然不算)、初中到高中(中学军训的集体住宿显然也是排不上号的),十二年里都是走读,完全没有体验、训练过宿舍生活(特色一点的说法叫集体生活?),处理宿舍生活的能力也是从零学起。考验我的是,进入本科的第一个宿舍的三位同学出自于和自己背景完全不同的家庭,与三人交际起来,也仅限于礼貌了,对我来说,这段经历无疑是令人惋惜的,但也确实让我第一次意识到了同学间背景差异可以如此巨大(中学小学的同学自然都是附近人士,背景相似),如何能从礼貌进一步发展为室友以至朋友,或许还有很多要学。幸运的是,因为转了专业,宿舍也就转到了另一间,我与H兄、Y君和W君瞬间找到了许多共同话题。

对我未来盘算影响最大的还是一次“顺风车”。因为关注到公派出国短期学习机会,抱着尝试的心态报名了,这样的机会要按照学校成绩排名选拔,我的成绩也排的上号,可许多比我优秀的同学似乎并未注意到此事,我便搭上了这趟顺风车,在一个美丽的暑假出去走了一圈。真正体会到“机会”一词,是如此奥妙,从来都要自己抓住,从来都要有所准备。

大学之遗憾,是未来的梦想一直那么摇摆不定,白白将许多时间浪费在睡觉和电子游戏上。还好因为那个暑假的顺风车,又让自己找到方向。

– 别上海 –

2000年的时候,还在读小学,家长就带着我来到了华东旅游。上海是重要一站。那是个晴朗的暑假。人广的鸽子、上博的宏伟、明珠的恐高、长风公园的水底世界、华亭宾馆的气派……这些记忆从踏上离开上海的火车时就伴随着泪水根植到了心底:我一定要再来,靠自己来,要自己来……

十一年后,再至申城,人是物非,自己更被发配到了荒郊野外的城区蹲足三年,那些劲头竟也被我当做懒惰的借口:竟然来到了这样的上海,那些年的努力可算是白费。

最后一年,还是返回了市区。重新沐浴到上海的梧桐、河浜、阳光,原来上海还是十几年前的上海,还是那样温暖。

别了上海,一定再会。

记公历二〇一五年七月三日

Journal – 29/06/2015 – Change Gallery Theme

Handed up graduation design drawings and thesis files, now it’s time to waiting for graduation.

Mailed clothes and books home by China postal parcel, you will think it is so cheap when i yell you 2000+km 41kg cost me only 120 RMB.

About the site, i change the theme of gallery because the < Adirondack > has no slideshow effect. And the new one called <Panaroma> shows “Sliding doors” on its front page.

I setup WP plugin <wp-jquery-lightbox> to give gallery the flat lightbox.

There are still two points to deal with:

  1. Theme <Panaroma> seems to use excessive network resources, and the page is hard to load.
  2. The best size (bigger length&width and smaller file size) of images should be test out and write down as standard.