*修复顶部社交媒体图标缺失的问题
*提高对 woocommerce 的兼容性
*进一步提高移动视图
*修复设置页面动画
*其他小的修复
2.0 更新日志
*新建和改进 Mantra 设置页面
*为了更好地进行分组,对部分设置进行了移动
*新的顶部设置选项:顶部高度,网站顶部选择器 (网站标题/logo/链接等),自定义 logo 上传器,顶部上方空间和菜单圆角设置。
*修复顶部自适应问题。
*插件化字体功能
*提升对 jQuery 插件的兼容性
*提升移动视图
*修复社交邮件链接
*修复栏目代码
*修复 「带有介绍的分类页面模板」 的 html 布局问题
*修复一系列未定义的小 bug 。
一、浏览器支持:
支持所有主流浏览器,报括了 Mozilla Firefox, Opera, Chrome, Safari,以及 IE 。但在 IE 上的显示会有所不同。 (貌似对 IE6 的支持不太好,译者注) 。
二、移动设备端支持。
在部分的移动设备的浏览器进行过测试,显示效果相当不错。
三、 wordpress 版本支持
支持 3.3 以上的版本。
四、在主题设置中,我不能更改主题的布局?
或许你在使用 IE 。使用其他浏览器,效果会更好 (该主题在后台对 IE 的支持不太好,经测试 IE6,7,8 都有以上问题。 9 以后没机会测试。)
五、我怎样才能使用 Mantra 以外的字体?
你不得不自己编辑文件了。
六、如何移除段落缩进
到 Mantra 设置> 文本设置。
七、文章标题和顶部之间有较大间隔,该如何移除
到 Mantra 设置> 文本设置。
八、该如何隐藏页面标题?
Mantra 设置> 图像设置> 页面标题
九、能够添加 Mantra 没有的社交媒体 icon 吗?
不能。如果你真的想增加,你只能覆盖原有的 icon 。不过要注意 icon 的尺寸 (42 x 42 px)
十、如何将图片设为网站的顶部,并隐藏网站标题和描述
A 、通过外观> 顶部,将图片设为网站的顶部。再到 mantra 设置> 图像设置> 标题和描述。如果你在使用透明 (或者部分透明) 的顶部图片,也可以通过以下方法来实现:mantra 设置> 颜色设置,将 「顶部 (banner 和菜单) 背景颜色」 的输入框留空。
十一、如果我想在演示页面显示多于 5 张幻灯片?
你能够自定义 5 张幻灯片。你也能够对幻灯片做如下设置:将最新 x 篇文章,x 篇随机文章,最新 x 篇置顶文章,最新 x 篇指定分类文类,随机 x 篇指定分类文章,特定文章 (通过 ID) 。 X 是一个可以配置的数。为了是幻灯片能够兼容文荣,要求为文章添加标题 (将作为幻灯片的标题) 和文章中的特色图片 (将显示为幻灯片图片) 。确保特色图片的尺寸合适 (与幻灯片一致) 。
十二、同时使用演示页面和博客页面
新建页面,并选择 「博客模板」 作为页面的模板。然后在菜单上添加该页面的链接。 (如果没有自动生成的话)
十三、设置菜单字体和颜色
控制面板中,只能设置菜单的背景颜色。我们会逐渐增加设置菜单字体和颜色的选项。但在此之前,你可以通过自定义 CSS(在杂项设置下的自定义 CSS 选项框中输入),实现自定义菜单
-菜单的背景颜色
#access ul li { background-color: #aabbcc; }
-菜单颜色和字体
#access ul li a { color: #aabbcc; font-family: Helvetica }
- 激活菜单的背景颜色
#access ul li.current_page_item, #access ul li.current-menu-item { background-color: #aabbcc; }
- 激活菜单颜色和字体
#access ul li.current_page_item a, #access ul li.current-menu-item a { color: #aabbcc; font-family: Helvetica; }
- 悬停时菜单背景颜色
#access ul li:hover { background-color: #aabbcc; }
- 悬停时菜单颜色和字体:
#access ul li a:hover { color: #aabbcc; font-family: Helvetica; }
-子菜单背景颜色
#access ul ul li { background-color: #aabbcc; }
- 子菜单文本颜色和字体
#access ul ul a, #access ul ul ul a { color: #aabbcc; font-family: Arial; }
- 悬停时子菜单背景颜色
#access ul ul li:hover, #access ul ul ul li:hover { background-color: #aabbcc; }
-悬停时子菜单文本颜色和字体
#access ul ul li a:hover, #access ul ul li:hover a { color: #aabbcc; font-family: Arial; }
十四、改如何添加自己的 CSS 。
我们不建议修改 Mantra 的 CSS 样式表。这样你会在下次升级的时候丢失设置。 (或者你强迫从不升级,这样你就失去修复所有的 bug,版本完善,功能增加的机会) 。我们可以通过外观>mantra 设置> 杂项设置> 自定义 CSS 来实现。同时,你也可以自定义自己的 javascript 。
十五、如何将菜单居中
因为设置选项中没有涉及到相关内容,你需要利用自定义 CSS 实现该功能。
#access, #access .menu { text-align:center; }
#access ul li { float: none; display: inline-block; }
#access ul ul a { text-align: left; }
如果你想菜单向右对齐,将上述代码的第一行换成:
#access, #access .menu { text-align:right; }
十六、如何添加社交媒体 icon
按照以下的步骤,你能够添加一个或者多个自定义的社交媒体 icon 。假设你现在创造了一个 「Newsocial」icon(注意大小写。在所有事项都要保持相同的大小写) 。
0 、创造一个子主题。这样可以保证你的设置的主题升级的时候不丢失。子主题只需要两个文件:style.css(记录有内容) 和空的 funtion.php 。
1 、找到你想要的新的社交媒体的 icon,创建一个 37x37 px 透明 png 图片。并把图片放在 child-theme/images/socials/Newsocial.png
编辑 child-theme/functions/php(原文是这样,但是不是 child-theme/functions.php),并在里面写入以下代码:
<?php
function child_override(){
global $socialNetworks;
if (is_array($socialNetworks)) { $socialNetworks = array_merge( $socialNetworks, array('Newsocial') ); };
};
add_action( 'after_setup_theme', 'child_override' );
function mantra_set_social_icons($id) {
global $mantra_options;
foreach ($mantra_options as $key => $value) { ${"$key"} = $value ; }
echo '<div id="'.$id.'">';
for ($i=1; $i<=9; $i+=2) {
$j=$i+1;
if ( ${"mantra_social$j"} ) {
$icon = get_stylesheet_directory_uri().'/images/socials/'.${"mantra_social$i"}.'.png';
$localicon = get_stylesheet_directory().'/images/socials/'.${"mantra_social$i"}.'.png';
if (!file_exists($localicon)) { $icon = get_template_directory_uri().'/images/socials/'.${"mantra_social$i"}.'.png'; }; ?>
<a target="_blank" rel="nofollow" href="<?php%20echo%20esc_url(${"mantra_social$j"}); ?>"mantra_social$i"}); ?>" title="<?php echo esc_attr(${"mantra_social$i"}); ?>"><img alt="<?php echo esc_attr(${"mantra_social$i"}); ?>" src="<?php%20echo%20$icon%20?>" /></a><?php
}
}
echo '</div>';
}
?>
3. 现在你的新的社交媒体 icon 就会出现在设定面当中了。
PS:如果你想添加更多自定义 icon,将第四行的 array('Newsocial') 替换成 array('Newsocial','Newsocial2') 等等。