辛夷坞

涧户寂无人,纷纷开且落

By - Christen

启用新主题 Romangie

现在是移动互联的时代,加之对 Bootstrap 的偏爱,弃用追随多年的 iNove 主题,更换门庭。
bing陈自新 3-11 15:12
Bing 昨天的封面图片
黎思 3-11 15:14
在说悄悄话的感脚~
孙健炜 3-11 15:14
萌死了
陈自新 3-11 15:15
Bing 还配了一段文字:如果它们翻滚起来,想必是极美味的……
赵玮 3-11 15:16
好久没吃
定了,我就请大伙吃驴肉火烧,我读懂您的心声了
黎思 3-11 15:19
从萌说到吃...好血腥

主题内置 Bootstrap,Wordpress 也集成了 jQuery,以后在文章中可以发挥的空间更大了:

jQuery(document).ready(function($) {
	jQuery("#what4").css("color", "#b12930")
					.css("cursor", "help")
					.click(function(event) {
						alert("Fare Well ...");
					});
});


起因:喜欢 Bootstrap 的 Table

<table class="table-bordered table-striped table-hover" style="font-size:12px">

附:jQuery ready 方法:

// 语法 1
$(document).ready(function);
// 语法 2
$().ready(function);
//语法 3
$(function);

Abstract

Responsive
Many people browse the web on their smartphones, or tablets. To make sure all of them have a great experience, Romangie is built upon the great Bootstrap Framework, to ensure a great browsing experience. No matter what device you are using.
Simple and Fast
Romangie's approach to a simpler design means, that your website won't be only super fast, but lets the user focus on your content.
Customizable
With different post formats, you choose what you publish. And no matter what - It will look great! In addition to that you can enable a sidebar and different footer widgets to display all the widgets you love.

Features

Responsive Design
Using the Bootstrap 3 Framework at its base, the Romangie theme is fully responsive. Your webpage will look great on smartphones, tablet, laptops or your Television.
Retina Ready Theme
Retina Ready is one of the things, that is just getting more and more important. Instead of using .jpg images Romangie uses scalable fonts as icons so your website will look great on those new high definition displays.
In your language
Many people use wordpress in their own language. So it's important, that the theme won't get in the way you want to present your content. You can simply translate it in your language and if you want to help out other guys, just send me your language files, so I can include them in the theme for everyone to use.
Awesome Support
Usually, when you choose to get a free theme, you have to live with the idea, that the developer doesn't care whether you're happy or not. As this is the first theme that I developed for the wider public, I care about your opinion. So if you have some things, that bother you or you just want to say thanks, just drop me a line and I'd be happy to get in touch with you.

9 thoughts on “启用新主题 Romangie

Christen March 13, 2015 at 11:35 am

Awesome
Awesome 是运行于UNIX以及Linux、FreeBSD等类Unix操作系统上的窗口管理器,是采用GPL协议的自由软件。 不同于KWin和Metacity,awesome是一款Tiling window manager,直译就是“瓦片式窗口管理器”,意译为“平铺式窗口管理器”。所谓的平铺就是之所有的窗口都不会相互重叠,而是自动的被调整大小使得它们能够刚好占满整个屏幕。这和传统的桌面管理器的概念相差很大。

Reply

Christen March 13, 2015 at 11:37 am

Ubuntu 中文维基:
http://wiki.ubuntu.org.cn/Awesome

Reply

Christen March 16, 2015 at 3:33 pm

不兼容IE8,而健炜的 Theme zAlive by zenoven 兼容 IE8。

Reply

Christen March 23, 2015 at 4:32 pm

今天用 360 的字体库替换了 google 字体库

// htdocs/wp-includes/script-loader.php
// line 607
$open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

Reply

Christen March 24, 2015 at 10:48 am

后台更新文章之后,有三个查看入口,取第二个,修改目标为新窗口。

// wp-admin/edit-form-advanced.php
// line 69
1 => sprintf( __('Post updated.&nbsp;&nbsp;&nbsp;&nbsp;<a target="_blank" href="%s">View in New Tab &raquo;</a>'), esc_url( get_permalink($post_ID) ) )

Reply

Christen March 24, 2015 at 10:50 am

bootstrap.css.min 中,Google 字体也已经替换为360CDN,家里的那台Mac,已经不再有加载的问题。

Reply

Christen March 24, 2015 at 10:55 am

截至2015年3月24日上午11时,我对Wordpress的修改,大部分仅限于Romangie 主题,核心程序未做关键改动,如果官方提示有安全隐患建议升级,可放心升级,只是主题不要轻易升级即可。
今天一早在家安装的插件 fancybox-for-wordpress 的默认设置,显示title时有一个10px的右溢出,在设置中将padding的值从10改为0即可,CSS未做改动。
可能 fancybox-for-wordpress 与 Romangie 有些小的冲突,在展示图片的时候,有一个二次定位的闪动,换 iNove 主题之后症状消失。Romangie 远胜 iNove,这些小毛病瑕不掩瑜。
设置按文章展示图片,而不是按页面展示之后,二次定位的闪动消失,开心!

Reply

Christen March 24, 2015 at 11:37 am

暴力修正fancybox关闭按钮的位置,默认 [-15px,-15px],但可能和 Romangie 的定位有冲突,偏左太多,修改:fancybox.php

<style type="text/css">
	#fancybox-close{<?php echo $settings['closeHorPos']; ?>:-55px;<?php echo $settings['closeVerPos']; ?>:-15px}
</style>

Reply

Christen March 24, 2015 at 1:04 pm

新装插件:jQuery lazy load plugin,在 WordPress 的插件仓库,易名为:jQuery Image Lazy Load WP
Version: v0.21
Author: Andrew Ng
Last Updated: 2 years ago
Requires WordPress Version: 2.8 or higher
Compatible up to: 4.0.1
Downloaded: 120,061 times
而我目前运行的 WordPress 版本是 4.1.1,目测完美兼容。

Reply

Leave a Reply

Your email address will not be published.
*
*