1.如何构建WordPress主题选项 Theme Options
用WordPress的Settings API是最精简的方法,定制化最高,对编程要求也高。
用Options Framework Theme是最简单的方法,不需要知道什么编程技巧,装上了就可以用,很像傻瓜照相机,所以也不能对定制化和性能有过高期望。用主题框架,前提用这个框架构建主题,很多优秀的框架开源却不免费。
易用性和性能的平衡如果既要追求易用性又要追求性能,需要了解一些代码又不用玩命读文档,那还有一个不错的选择,该方法来自这里。首先下载示例文件,该文件是twentyten的Child Theme,安装方法参考如何安装WordPress主题。
激活主题后,在外观选项看下就会出现Theme Options选项卡。这个主题选项页面主要是又文件夹下的theme-options.php控制的,打开这个文件看看如何通过修改文件来定制我们需要的主题选项界面。
如何使用theme-options.php1. 引入文件将theme-options.php放到主题目录下,通过下面代码引入require_once ( get_template_directory() . '/theme-options.php' );如果是Child Themerequire_once ( get_stylesheet_directory() . '/theme-options.php' );2. 修改textdomainWordPress的多语言主题必须有textdomain,这个示例文件中的textdomain是sampletheme,全文替换成自己主题的textdomain即可。3. 修改外观选项卡下的Theme Options菜单名称13-18行的代码用于产生Theme Options名称/** * Load up the menu page */function theme_options_add_page() { add_theme_page( __( 'Theme Options', 'sampletheme' ), __( 'Theme Options', 'sampletheme' ), 'edit_theme_options', 'theme_options', 'theme_options_do_page' );}使用的函数是add_theme_page,函数定义如下,根据定义修改add_theme_page( $page_title, $menu_title, $capability, $menu_slug, $function);$page_title控制页面title,$menu_title控制菜单名称4. 生成选项select下拉菜单和radio单选按钮通过定义数组产生,分别是$select_options和$radio_options。
select、radio、input或checkbox等HTML结构均在函数theme_options_do_page()中输出。5. 调用主题选项中的项目$options是一个数组,输出主题选项页面所有的选项,以安装后默认的选项为例,$options的内容如下Array( [sometext] => [selectinput] => 0 [sometextarea] => [option1] => 0 [radioinput] =>)6. 更改存储在wp_options表中的主题选项名称如果你不想用sample_options作为选项名称,可以修改成自己主题的名字,假设你的主题叫greattheme,将下面的代码function theme_options_init(){ register_setting( 'sample_options', 'sample_theme_options', 'theme_options_validate' );}替换为function theme_options_init(){ register_setting( 'greattheme_options', 'great_theme_options', 'theme_options_validate' );}进行全文替换,将sample_options全文替换为greattheme_options,将some_theme_options全部替换为great_theme_options。
register_setting是WordPress Settings API中的一个函数,用来注册选项并通过回调函数(callback)输出HTML结构,函数原型如下register_setting( $option_group, $option_name, $sanitize_callback );。
2.如何在WordPress主题中使用Font Awesome
Font Awesome是一种矢量图标,或者叫图标字体,矢量的好处是无限缩放不会失真,可以适应各种尺寸的屏幕,省掉了做很多图片的麻烦。
如果你想在自己的WordPress主题中使用Font Awesome,下面介绍了方法。 安装插件Font Awesome Icons 我的博客有很多代码,但今天我要把插件放在前面,不希望大家觉得在WordPress中使用插件就一定会降低性能。
相反,我推荐使用插件,插件小巧灵活,即插即用,不想要也可以成本很低的舍弃。只有代码质量较低的插件才会降低网站性能。
Font Awesome Icons就是一个短小精悍的插件,功能只有两个: 将Font Awesome的css和字体文件集成到WordPress 提供调用图标的shortcode 第一个是必须的,而第二个绝对是锦上添花的功能。 使用代码集成 如果你要发布自己的主题,向用户提供font awesome作为一个卖点,下面是集成方法。
1. 下载Font Awesome,将font-asesome文件夹直接解压到你主题的根目录下 2. 打开主题的functions.php,添加如下代码 add_action( 'wp_enqueue_scripts', 'load_fontawesome_styles' ); function load_fontawesome_styles(){ global $wp_styles; wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/font-awesome/css/font-awesome.min.css' ); wp_enqueue_style( 'font-awesome-ie7', get_template_directory_uri() . '/font-awesome/css/font-awesome-ie7.min.css' ); $wp_styles->add_data( 'font-awesome-ie7', 'conditional', 'lte IE 7' ); } 这段代码会引入font awesome主要的css文件,还会条件化加载修复ie7的css样式。 3. 大功告成,下面就是使用了,使用的方式很多,官方推荐的方法是用i标签加class来添加,例如 1 当然,也可以将class应用到其它标签,就像使用字体一样,可以设定字号、颜色、阴影等属性。
具体使用方法可以看官方文档 其它说明 需要注意的是font-awesome的css文件和字体文件要保持对应关系,如果你更改了字体目录名称或者位置,不要忘记修改css文件。 具体说是修改font-awesome.css这个没压缩的文件,打开文件看开头的几行样式 @font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot?v=3.1.0'); src: url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg'); font-weight: normal; font-style: normal; } url里写的就是字体文件路径,根据自己的实际情况修改之。
之后将其压缩,就可以用了。
3.有哪些好的wordpress中文主题原创作者
你好!具体是下面这几位:顾轶灵,百度前端工程师李佰明、Kinn-学习、知乎用户 等人赞同说几个我知道的吧,但都是以前活跃的 WordPress 主题开发者了,现在应该已经都离开这个圈子了。
@吴钊(mg12)他的 iNove 曾经长期位于 WordPress 官方主题目录榜首。他的 WordPress 博客还在,但是似乎也已不更新:NeoEase。
@heli yinPhilNa 和 PhilNa2 的作者。似乎比较低调,知乎 ID 我是通过头像才确认是本人的。
@sofish认识小鱼的人应该很多了吧。小众软件 的主题出自他手。
他自己博客也用过一些不错的原创主题(比如有个中国风的主题挺受好评),不过之前的 WordPress 博客已经被他关了。--我以前初学前端的时候也做过一个 WordPress 主题,参考了很多 iNove、PhilNa2 的代码:Simpledark。
虽然代码写得很烂,但好歹功能在国内的主题里面还算比较全的。正是通过这个项目自学了一些前端的知识,后来才会做现在的职业吧……以上几位可能也是如此。
望采纳了,祝你生活愉快~。
4.wordpress主题汉化问题
一般是用Poedit 。
1:先修改模板,把需要汉化的文字,如:
修改成:
2:Poedit中新建项目,修改目录为主题模板所在目录,扫描。
3:将词条HOME,翻译成主页。保存
4:找到function.php
// Language
if (class_exists('xili_language')):
define('THEME_TEXTDOMAIN','');
define('THEME_LANGS_FOLDER','/lang');
else:
load_theme_textdomain('willin', get_template_directory().'/lang');
endif;
然后把zh_CN.mo放到主题模板新建的lang文件夹中
转载请注明出处51数据库 » wordpress主题minty