Skip to content

Instantly share code, notes, and snippets.

View s-hiroshi's full-sized avatar

Hiroshi Sawai s-hiroshi

9 followers · 6 following
View GitHub Profile
@s-hiroshi
s-hiroshi / wp-class-custom-header-setup.php
Last active April 29, 2016 22:45
WordPressのカスタムヘッダー(custom header)登録サンプルです。
<?php
/**
* カスタム
*
* @package InfoTown
* @author Hiroshi Sawai <info@info-town.jp>
* @copyright Hiroshi Sawai
*/
class MyTheme_SetUp {
/**
@s-hiroshi
s-hiroshi / test-wp-attachments-utils.php
Last active May 2, 2016 00:26
WordPressの汎用的なアタッチメント処理をまとめたユーティリティークラスです。
<?php
/**
* InfoTown_Attachments_Utilsのテスト
*
* @package InfoTown
* @author Hiroshi Sawai <info@info-town.jp>
* @copyright Hiroshi Sawai
*/
class InfoTown_Attachments_Utils_Test extends WP_UnitTestCase {
public function setUp() {
@s-hiroshi
s-hiroshi / js-light-box.html
Last active April 13, 2016 23:56
JavaScriptのライトボックス(Lightbox)サンプルです。
<!-- http://lokeshdhakar.com/projects/lightbox2/ -->
<head>
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_directory' ); ?>/css/lightbox/css/lightbox.css" type="text/css">
<script type="text/javascript" src="<?php bloginfo( 'stylesheet_directory' ); ?>/js/lightbox.min.js"></script>
</head>
<body>
<a data-lightbox="roadtrip" href="original.png">
<img src="thumb.png">
</a>
@s-hiroshi
s-hiroshi / archive.php
Last active April 7, 2016 23:19
WordPressでサムネイル画像へLazy Load Plugin for jQueryを設定するサンプルです。
<?php
/*
* https://github.com/tuupola/jquery_lazyload
*/
?>
<?php if ( get_post_thumbnail_id() ): ?>
<?php if ( ! is_image_dead_link( get_post_thumbnail_id() ) ) : ?>
<a href="<?php the_permalink(); ?>"><?php the_lazyload( get_post_thumbnail_id() ); ?></a>
<?php else : ?>
<img src="<?php bloginfo( 'template_directory' ); ?>/images/common/nothumb.png"/>
@s-hiroshi
s-hiroshi / wp-posts-image.css
Last active March 31, 2016 01:42
WordPress投稿エディタでアップロードする画像の必須スタイルのCSSサンプルです。
/* -------------------------------------------------------------------
# WordPress required image style
------------------------------------------------------------------- */
/*
## image align
margin is set by $font-size base
*/
.aligncenter {
display: block;
@s-hiroshi
s-hiroshi / js-resize.js
Last active May 12, 2016 23:19
JavaScriptで画面リサイズ(resize)を監視するサンプルです。
/**
* @module InfoTown
*/
jQuery( function ( $ ) {
/**
* Resizeオブジェクト
*
* スクロールを管理します。
*
* @class Resize
@s-hiroshi
s-hiroshi / css-circle.css
Last active May 12, 2016 22:25
CSSで円(circle)を描画するサンプルです。
.circle {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 30px;
color: #fff;
background: #ff0000;
font-size: 0.75em;
font-weight: bold;
text-align: center;
@s-hiroshi
s-hiroshi / wp-category-tree.php
Last active August 4, 2019 02:48
WordPressでカテゴリーツリーを取得するサンプルです。
<?php
ini_set( 'xdebug.var_display_max_children', - 1 );
ini_set( 'xdebug.var_display_max_data', - 1 );
ini_set( 'xdebug.var_display_max_depth', - 1 );
$records = CategoriesTree::get_records_for_category_tree( 起点となるカテゴリーID, array() );
$data = CategoriesTree::set_records_for_category_tree( $records );
$tree = CategoriesTree::get_category_tree( $data[0], array( $data[1][0] ) );
var_dump( $tree );
?>
@s-hiroshi
s-hiroshi / mobile-hamburger.css
Last active March 28, 2016 01:29
CSS/JavaScriptでmobileハンバーガーメニューを作成サンプルです。
.menu {
position: relative;
width: 100%;
}
.menu__nav {
display: block;
position: absolute;
top: 0;
right: 0;
@s-hiroshi
s-hiroshi / wp-post-status.php
Created March 15, 2016 00:00
WordPressで投稿の状態を変更するサンプルです。
<?php
// https://codex.wordpress.org/Post_Status
$my_post = array();
$my_post['ID'] = 123 // 投稿ID;
$my_post['post_status'] = 'draft'; // 下書き
wp_update_post( $my_post );
?>