This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"scripts": { | |
"rimraf": "rimraf svg/dist", | |
"imageminsvgo": "node svg/imagemin-svgo.js", | |
"prebuildsprite": "npm run imageminsvgo", | |
"buildsprite": "svgstore -o svg/dist/svgsprite.svg svg/dist/icons/**/*.svg --inline", | |
"embedsprite": "node svg/embed-sprite.js", | |
"svgsprite": "npm run rimraf && npm run buildsprite && npm run embedsprite" | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const imagemin = require('imagemin'); | |
const imageminSvgo = require('imagemin-svgo'); | |
imagemin(['svg/icons/*.svg'], 'svg/dist/icons/', { | |
use: [ | |
imageminSvgo({ | |
plugins: [ | |
{cleanupIDs: {remove: false}}, | |
{cleanupNumericValues: {floatPrecision: 2}}, | |
{removeViewBox: false}, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fs = require('fs'); | |
const glob = require("glob"); | |
const path = require('path'); | |
const ejs = require('ejs'); | |
let template = ` | |
<span style="visibility: hidden; position: absolute; z-index: -1;"> | |
<!-- SVG-Sprite --> | |
<%- svgsprite %> | |
</span> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>SVG ICONS</title> | |
<style> | |
<%- theme %> | |
</style> | |
</head> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$link-color: #24241E; | |
/* and you need rem function */ | |
@svg-load arrow-right url(svg/dist/icons/angle-right.svg) { | |
fill: $link-color; | |
} | |
.m-btn { | |
display: inline-block; | |
margin: rem(20) 0; | |
a { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//shortcode | |
function svg_func( $atts, $content = "" ) { | |
return '<svg class="m-icon--'.$content.'"><use xlink:href="#'.$content.'"></use></svg>'; | |
} | |
add_shortcode( 'svg', 'svg_func' ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<input class="m-btn--hamb__input" type="checkbox" /> | |
<div class="m-icon--hamb"><span></span><span></span><span></span></div> | |
<nav class="l-global__nav"> | |
<h2 class="is-hide">MENU</h2> | |
<ul class="m-menu"> | |
<li class="m-menu__item"><a href="#">MENU1</a></li> | |
<li class="m-menu__item"><a href="#">MENU2</a></li> | |
<li class="m-menu__item"><a href="#">MENU3</a></li> | |
</ul> | |
</nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<article class="m-article" v-for="post in posts"> | |
<div class="m-media"> | |
<a v-bind:href="post.link"> | |
<template v-if="post._embedded['wp:featuredmedia']"> | |
<img :src="post._embedded['wp:featuredmedia'][0].source_url" alt=""> | |
</template> | |
</a> | |
</div> | |
<div class="m-txts"> | |
<a v-bind:href="post.link"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
$paged = (int) get_query_var('paged'); | |
$args = array( //全記事取得 | |
'posts_per_page' => 10, | |
'paged' => $paged, | |
'orderby' => 'post_date', | |
'order' => 'DESC', | |
'post_type' => 'post', | |
'post_status' => 'publish' | |
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
このページは、表示確認と更新管理のためのページです。リリース時は公開範囲を「非公開」にしましょう。 | |
<h2>目次</h2> | |
<ul> | |
<li><a href="#color">色</a></li> | |
<li><a href="#basic">基本タグ</a></li> | |
<li><a href="#shortcode">ショートコードについて</a></li> | |
<li><a href="#customs">カスタムスタイル</a></li> | |
</ul> |
OlderNewer