Skip to content

mahirock/site-design

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WordCamp Kansai 2016 Site Design

File list

CSS Files

  • css/wck2016_main.css
  • css/wck2016_teaser.css

SASS Files

  • scss/wck2016_main.scss
  • scss/wck2016_teaser.scss

##How to use this files

For contributor steps

  1. Install theme "twenty-sixteen" to your WordPress site
  2. Create child theme directory "site-design"
  3. Clone this repository to "site-design" directory
  4. Create style.css to "site-design" directory and write the following code in style.css

####style.css /* Theme Name: WordCamp Kansai 2016 main site. Theme URI: https://github.com/wckansai2016/site-design Description: This theme is WordCamp Kansai 2016 original design. Author: WordCamp Kansai Organizers Author URI: https://2016.kansai.wordcamp.org Template: twentysixteen Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: wck2016-main */

  1. Create functions.php and write and write the following code in functions.php

functions.php

For main site
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/css/wck2016_main.css',
        array('parent-style')
    );
}
For teaser site
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/css/wck2016_teaser.css',
        array('parent-style')
    );
}
  1. Activate this child theme.
  2. Enjoy development!

For organizer steps

  1. Login your wordcamp site
  2. Activate Jetpack function "Remote CSS"
  3. Access menu "Appearance" -> "Remote CSS"
  4. Input the following css path to text field "Remote CSS file"
For main site
https://github.com/wckansai2016/site-design/blob/master/css/wck2016_main.css
For teaser site
https://github.com/wckansai2016/site-design/blob/master/css/wck2016_teaser.css
  1. Push save button
  2. Update field, and display path of Github is converted to the path of the API automatically
  3. Design to your site is reflected!

About

WordCamp Kansai 2016 site design files.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%