アーバンプロジェクトサイト課 afiru

## リニューアルなどページの移動に使えそうなJS
<!DOCTYPE html>
<html>
<head>
<title>getを取得するjs</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>

## WordPress RestAPIで予測記事リスト抽出
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>予測変換用</title>
</head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body>

<h2>項目入力と記事検索</h2>

## スクロールしたら○○をする方法
    $(window).bind("scroll", function() {
            scrollHeight = $(document).height();
            scrollPosition = $(window).height() + $(window).scrollTop();
            if ( (scrollHeight - scrollPosition) / scrollHeight <= 0.06) {

            } else {
                    //それ以外のスクロールの位置の場合
            }
    });

## WordPress RestAPIの基本形態
<script>
$(function() {
  urlname ="<?php home_url('/'); ?>wp-json/wp/v2/posts?_embed&categories="+ categories;
  $(function() {
    $.each(results, function(i, item) {
        $("ul#mylist").append(
           "<li>"+ img_url + "<p class='title'>" + item.title.rendered + "</p></li>"
        );
    });
  });

## rest-apiを使ってカテゴリー複数検索とスクロールページャーを作ってみた
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>チェックされたものをjsでカンマ区切りにして、actionを変更していく。</title>
</head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body>

<h2>JSでフォームのチェックボックスを利用して、category.phpに値を送る方法</h2>

## 【正式版】WordPress　カテゴリーのor検索フォーム
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>チェックされたものをjsでカンマ区切りにして、actionを変更していく。</title>
</head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body>

<h2>JSでフォームのチェックボックスを利用して、category.phpに値を送る方法</h2>

## WordPress　カテゴリーの複数or検索フォームを作る方法
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>チェックされたものをjsでカンマ区切りにして、actionを変更していく。</title>
</head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body>

<h2>JSでフォームのチェックボックスを利用して、category.phpに値を送る方法</h2>

## 【改良】（Sass）矢印アイコン集右揃え編
@charset "utf-8";
@import 'mixin';

@mixin arrow_base_type_02() {
    &{
        position: relative;
        display: inline-block;
        padding: 0 16px 0 0;
        vertical-align: middle;
        text-decoration: none;

## 【改良】（Sass）矢印アイコン集
@charset "utf-8";
@import 'mixin';

@mixin arrow_base() {
    &{
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
        vertical-align: middle;
        text-decoration: none;

## Animate.cssをSass化
@mixin animation_base() {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    &.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    &.hinge {
	<!DOCTYPE html>
	<html>
	<head>
	<title>getを取得するjs</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body>
	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	$(window).bind("scroll", function() {
	scrollHeight = $(document).height();
	scrollPosition = $(window).height() + $(window).scrollTop();
	if ( (scrollHeight - scrollPosition) / scrollHeight <= 0.06) {

	} else {
	//それ以外のスクロールの位置の場合
	}
	});
	<script>
	$(function() {
	urlname ="<?php home_url('/'); ?>wp-json/wp/v2/posts?_embed&categories="+ categories;
	$(function() {
	$.each(results, function(i, item) {
	$("ul#mylist").append(
	"<li>"+ img_url + "<p class='title'>" + item.title.rendered + "</p></li>"
	);
	});
	});
	@charset "utf-8";
	@import 'mixin';

	@mixin arrow_base_type_02() {
	&{
	position: relative;
	display: inline-block;
	padding: 0 16px 0 0;
	vertical-align: middle;
	text-decoration: none;
	@charset "utf-8";
	@import 'mixin';

	@mixin arrow_base() {
	&{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
	@mixin animation_base() {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	&.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}
	&.hinge {