Themeforest-Wordpress-theme-development-workflow, Themeforest WordPress主题开发工作流

分享于 

8分钟阅读

GitHub

  繁體 雙語
Themeforest WordPress theme development workflow
  • 源代码名称:Themeforest-Wordpress-theme-development-workflow
  • 源代码网址:http://www.github.com/Ataurr/Themeforest-Wordpress-theme-development-workflow
  • Themeforest-Wordpress-theme-development-workflow源代码文档
  • Themeforest-Wordpress-theme-development-workflow源代码下载
  • Git URL:
    git://www.github.com/Ataurr/Themeforest-Wordpress-theme-development-workflow.git
    Git Clone代码到本地:
    git clone http://www.github.com/Ataurr/Themeforest-Wordpress-theme-development-workflow
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/Ataurr/Themeforest-Wordpress-theme-development-workflow
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    好的工作流程节省了你的时间&金钱。

    插件开发过程

    在localhost提交更改开发整个网站,并推到Bitbucket或者 github。

    1.起始主题

    根据下划线( 或者 Twenty ) 和下划线( 由制作) 制作自己的起始主题

    在完成这个主题之后,你可以在 GitHub 或者 Bitbucket服务器上保存这个主题。

    主题选项框架

    包含非开发人员可以管理和理解的主题定制选项的好方法。 很多用户不知道什么是 CSS,但是他们可以使用标签。切换。删除-downs和颜色选择器。

    创建自己的自定义框架是浪费时间。 所以我们喜欢预安装选项框架

    Customiser框架

    提供一个简单直观的API来注册定制设置,包括高级控件类型。 根据控件类型自动设置sanitizes设置。

    页生成器

    页面生成器允许你创建。编辑和自定义网站布局,而无需编写任何代码。

    最受欢迎的页面生成器:

    2.开始新项目的工作

    将启动主题( 或者是 fork ) 克隆到 /wp-content/themes/ 文件夹

    3使用任务 runner 如Grunt或者 gulp

    For?

    • CSS中使用的前缀
    • 压缩我的图像
    • Linting和 minifying JS文件
    • 创建子画面
    • 不断刷新我的浏览器
    • 为翻译创建. pot 文件
    GULP资源 GRUNT资源

    4使用像Sass或者更少的预处理器

    4使用 git

    为什么要使用 Git?

    • 永远不需要记住你所更改的文件
    • 超级轻松保持所有副本同步

    Git资源:

    桌面工具

    特定的GIT资源

    5.使用 Trello

    主题开发是用 Trello 管理的。 Trello是一个任务管理应用程序,它提供了对工作的内容和谁工作的视觉概述。 团队对测试主题进行了测试。 编译了 Bug,调整和解决方案列表,调度了 hackathon,所有开发人员都完成了一切。

    http://lifehacker.com/how-to-use-trello-to-organize-your-entire-life-1683821040

    6清除你的源代码

    • 凌乱的源代码是开发人员的噩梦。 它使得查找事物变得困难,它使它的他人能够使用它变得非常困难。
    • 缩进嵌套行。
    • 缩进制表符始终缩进。
    • 格式保持一致。
    • 包含简明的描述性注释。
    • 注意你的line。
    • 努力清除标记。

    7在开发主题时请记住:

    将这里添加到 wp-config.php define( 'WP_DEBUG', true );

    Escape
    // Use anytime HTML element encloses a section of data:echo esc_html( $no_html );// Use on all URLs, including those in the 'sr####c' and 'href' attributes of an HTML element:<imgsrc="<?php echo esc_url( $escaped_url );?>"/>// Use for inline Javascript:<ahref="#"onclick="<?php echo esc_js( $escaped_js );?>"><?php esc_html__( 'Click Here', 'text-domain' ); ?></a> 
    //Use for an HTML attribute:
    <divclass="<?phpecho esc_attr( $escaped_class ); ?>">
    为所有 Prefix Prefix
    // Functionsfunctionprefix_setup()Prefix_Class {}// Global Variablesglobal$prefix_passengers;// Action Hooksdo_action( 'prefix_start_engine' );// Filter Hooks$register= apply_filters( prefix_register );// Non Third-Pary Script Handleswp_enqueue_script( 'prefix-functions', get_theme_directory_uri() .'js/custom/functions.js' );// Non Third-Pary Style Handleswp_enqueue_style( 'prefix-minified-style', get_theme_directory_uri() .'style.min.css' );// Imagesadd_image_size( 'prefix-large', 800, 600 );
    第三方脚本
    // Incorrect wp_enqueue_style( 'prefix-font-awesome', get_template_directory_uri() .'/css/font-awesome.css', array(), '4.2.0', 'all' );// Corrrect wp_enqueue_style( 'font-awesome', get_template_directory_uri() .'/css/font-awesome.css', array(), '4.2.0', 'all' );// Incorrect wp_enqueue_script( 'prefix-fitvids', get_template_directory_uri() .'/js/jquery.fitvids.js', array( 'jquery' ), '1.1.1', true );// Corrrect wp_enqueue_script( 'jquery-fitvids', get_template_directory_uri() .'/js/jquery.fitvids.js', array( 'jquery' ), '1.1.1', true );
    使用 TGMPA的插件正确地包含了
    // Include a plugin from the WordPress Repository:array('name'=> esc_html__( 'WooCommerce', 'text-domain' ),'slug'=>'woocommerce','required'=>false,),// Include a plugin bundled within a WordPress theme:array('name'=> esc_html__( 'Example Plugin', 'text-domain' ),'slug'=>'example-plugin','source'=> get_template_directory() .'/inc/plugins/example-plugin.zip','required'=>false,),
    提供离线文件

    脱机文档确保当没有Internet连接或者无法访问的文件时,你的客户不会挂起。 此外,你不必确保资产可以无限访问。

    测试主题

    8运行测试

    检查插件

    结论

    如果你的主题符合以下工作流,你可能会在ThemeForest上获得更快的主题批准。

    :

    富 Tabor,Dara Skolnick

    版权所有 Ataurr 许可 GPL +"

    WORD  theme  Wordpress  流程  
    相关文章