这一周对网站修整的记录

这篇文章的内容是基于免费主题Cocoon进行的网站装饰，现在已经使用了收费主题SWELL，所以仅供参考啦~

增加网站logo

是的现在网站暂时就叫Jinamber’s site了，非常简单直接（笑）
关键这个logo直接是白的，如果放在没有背景色的地方直接看不见了（页脚设置失败）
当一个网站的语言不能只让中国人看懂或只让日本人看懂的时候，就变成了英文…根本就是又多了一种语言。怎么会这样……（沉思）

增加索引卡片

这个应该是最大和最有效的变动了。おすすめカード是cocoon的自带功能，可以醒目地提示网站的主要内容，现在是把小剧场、漫画再录放在了上面，还在思考照片和图册要不要也放在这里。虽然他俩已经不是这个网站的主要内容啦……但，估计很多手机用户根本找不到它们的入口。
参考下面这个博客做了一个小修饰：

/****　コメントボタン**/
.comment-btn{
background-color:#f7f7f7;
transition:0.3s;
}
.comment-btn:hover {
background-color:#3B5B78;/色の変更はこちら/
color:#fff;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
div#comment-area {
margin-bottom: 0;
}

调节页脚

这个其实没啥好说的，基本都是cocoon这个主题的自带功能。虽然有用css进行一点点调整但有没有问题都不大感觉。现在写代码极简主义也会开始发作（。
先把留言键的修饰代码抄在这里，有空再写进css。比起它的样式，我更需要找到怎么修改它上面的日文……

调节边栏的标题的颜色

在1048px宽度以下的设备中，用顶栏菜单的方式显示侧边栏。
为了让顶栏的图标都是白色，侧边栏的标题也会被同时变成白色……
这个时候就得把标题背景变成个深色。用到了一个外置皮肤中的代码。

.mobile-menu-buttons {
background-color: #abd2db; /* 背景色 */
}

给文章的顶部也增加了パンくずリスト

好多词语是完全不知道中文怎么说了（。文章最前面的那个表示归类的关系图。按照下面这个页面的方法，添加一段js代码就可以让顶部和底部都会有这个パンくずリスト。为什么叫面包渣列表啊所以说！（
另外手机上专用的顶栏基本都参考了这个网站的文章。比如图标的修饰、排列、颜色，和隐去原来的页眉。

对评论区的修饰

这个也是直接抄了ホワイトラーメン皮肤的代码了。就不贴了。其实我最喜欢这个皮肤的是它的标题会有掉下来的小动画，好可爱哦。总有一天要抄上去（。
关于这个小动画的原理，今天看到了一篇文章，主要是讲解了动画css的各种元素：

这个网站本身的设计也超级讲究，怎么说呢。感觉处处都是行内人！但是我只想做行外人！
不过，最近搞代码有一点点走火入魔的感觉，想要戒断一下。对网站来说最重要的还是内容啊！！不管间距再怎么调来调去，还是内容更重要。所以不可以舍本逐末啊啊啊（今天用这个主题写了小剧场（。）