Skip to content

Instantly share code, notes, and snippets.

View afiru's full-sized avatar

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

2 followers · 0 following
View GitHub Profile
@afiru
afiru / 一覧作成時に使用すると楽になるmixin
Created June 8, 2018 08:39
@mixin archives_ul_settings_3clumes($wapper_size:100%,$width:100%,$clume_widht:100%,$defo_margin:0%,$double_margin:0%) {
width: floor((( $width / $wapper_size ) * 10000% )) / 100;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-content: space-between;
@afiru
afiru / 国内のIPとサーチ系のボットだけ許可し、その他を除外するhtaccess
Last active December 28, 2017 06:54
order deny,allow
deny from all
allow from 1.0.16.0/20
allow from 1.0.64.0/18
allow from 1.1.64.0/18
allow from 1.5.0.0/16
allow from 1.21.0.0/16
allow from 1.33.0.0/16
allow from 1.66.0.0/15
@afiru
afiru / restの教科書
Last active December 29, 2017 08:15
■下準備
--フッターに記載---
<script>var home_url = <?php echo home_url('/'); ?>; var rest_api_base = <?php echo home_url('/wp-json/wp/v2/'); ?></script>
<script async type="text/javascript" src='<?php echo get_bloginfo('template_url'); ?>/js/ファイル名.js'></script><!--テーマファイルの中にjsというディレクトリを作成し、その中にjsファイルを作る-->
■読み込み側のｊｓにセットする（基準となるjsファイルの記載）
//関数設定用
function get_cat_id(slug) {
var cat_id;
$.ajaxSetup({async: false});//同期通信(json取ってくるまで待つ)
@afiru
afiru / ホバーアクション集
Last active October 23, 2017 08:09
@charset "utf-8";
@import 'mixin';
//ボタンアクション開始
//ホバーすると中の画像が広がる
@mixin hover_img_scale() {
overflow: hidden;
img {
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
@afiru
afiru / 最新版　アイコンarrow　これをコピベ
Created October 18, 2017 07:51
@charset "utf-8";
@import 'mixin';
@mixin arrow_base($color) {
&{
color:$color
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
@afiru
afiru / WordPress Rest-apiカテゴリーデータの取得等
Last active August 18, 2017 04:21
<!DOCTYPE html>
<html>
<head>
<title>カテゴリーデータの取得等…</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
//サイトのURL
site_url = "https://afiru-wp-afiru.c9users.io/";
@afiru
afiru / cloud9のPHPとMysqlをアップデートしよう
Created August 10, 2017 06:36
cloud9をアップデートしてWordPressを使用する。
#1.httpdアップデート
$ sudo add-apt-repository ppa:ondrej/php -y
$ sudo apt-get update -y
#2.PHPバージョンアップ（7を使用）
$ sudo apt-get install php7.0-curl php7.0-cli php7.0-dev php7.0-gd php7.0-intl php7.0-mcrypt php7.0-json php7.0-mysql php7.0-opcache php7.0-bcmath php7.0-mbstring php7.0-soap php7.0-xml php7.0-zip -y
$ sudo mv /etc/apache2/envvars /etc/apache2/envvars.bak
$ sudo apt-get remove libapache2-mod-php5 -y
@afiru
afiru / カスタマイザーを自動生成し、Rest-APIのエンドポイントとして送りつけるコード
Last active July 18, 2017 08:27
<?php
//設定項目
$header_info[0] = "h1_settings";
$header_info[1] = "youtube_code";
$header_info[2] = "header_big_thumbs";
$header_info[3] = "LOGO_IMAGE_URL_SP";
$header_info[4] = "pc_nav_column";
$header_info[5] = "tel_Number_text";
$header_info[6] = "LOGO_IMAGE_URL";
$header_info[7] = "sp_menu_open_image_url";
@afiru
afiru / 親カテゴリーから、孫カテゴリーを抽出し、詳細を作るSPA
Created July 14, 2017 02:51
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>親カテゴリーから、孫カテゴリーを抽出し、詳細を作るSPA</title>
<link rel="stylesheet" href="css/basestyle.css" />
<link rel="stylesheet" href="css/tab_chenge_box.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<script>
@afiru
afiru / 親カスタム分類から子のカスタム分類を取得し、その記事一覧を出力する。
Created July 13, 2017 06:33
$.getJSON( "https://web-pack.jp/wp-json/wp/v2/site_genre/?parent=0", function(results) {
$.each(results, function(i, item) {
$("ul#site_genre_list").append('<li id="" data-parent="' + item.id + '">' + item.name + '</li>');
});
});
$(document).on('click','#site_genre_list li',function(){
$("ul#site_genre_detail_list").empty();
$("ul#looping_site_genre_box").empty();
parentid = $(this).data('parent');
urlname ="https://web-pack.jp/wp-json/wp/v2/site_genre/?parent="+ parentid;