miminari

module.exports = {
    mode: 'spa',
    css: [
        '@/assets/css/main.scss'
    ],
    head: {
        meta: [
            { charset: 'utf-8' },
            { name: 'viewport', content: 'width=device-width, initial-scale=1' }
        ]

miminari

<template>
    <div class="a-container" :class="{ 'is-loaded' : isLoaded }">
        <input type="radio" v-for="(project, k) in projects" :key="project.id" class="a-slide__label" :id="'slide'+(k+1)" :name="'slide'+k" :value="project.id" v-model="current" />

        <main class="l-main">       
            <article v-for="project in projects" :key="project.id" class="m-article" :id="'project'+project.id">
                <figure class="m-media"><img :src="project.src" /></figure>
                <h2 class="m-ttl">{{ project.title }}</h2>
                <dl class="m-list--dl">
                    <div class="m-list__item">

miminari

const getColor = (posts) => {
    for (const key in posts) {
        if (posts[key]._embedded['wp:featuredmedia']) { // キャッチ画像が設定されている場合
            var imgUrl = posts[key]._embedded['wp:featuredmedia'][0].media_details.sizes.thumbnail.source_url;
            RGBaster.colors(imgUrl, { // eslint-disable-line
                paletteSize: 3,
                success: function (colors) {
                    Vue.set(vm.posts[key], 'color', colors.secondary);// eslint-disable-line
                    Vue.set(vm.posts[key], 'isLoaded', true);// eslint-disable-line
                }

miminari

module.exports = {
    "env": {
        "browser": true,
        "commonjs": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 5
    },
    "rules": {

miminari

<div class="m-form__item">
<div class="m-form__ttl">ご住所 <em class="m-form__must">※</em><div class="m-attn">マンション名・部屋番号も忘れずにご記入ください。</div></div>
<div class="m-form__body"><label class="m-form__line"><span class="m-form__ttl--sub">郵便番号</span> [number* zip11 id:zip11 placeholder "6500000"]</label><label class="m-form__line"><span class="m-form__ttl--sub">住所1</span> [text* addr11 id:addr11]</label><label class="m-form__line"><span class="m-form__ttl--sub">住所2</span> [text addr-more]</label></div>
</div>

miminari

このページは、表示確認と更新管理のためのページです。リリース時は公開範囲を「非公開」にしましょう。

<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>

miminari

<?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'
);

miminari

<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">

miminari

<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>

miminari

//shortcode
function svg_func( $atts, $content = "" )  {
    return '<svg class="m-icon--'.$content.'"><use xlink:href="#'.$content.'"></use></svg>';
}
add_shortcode( 'svg', 'svg_func' );