[wordpress]インポート画面でとまる場合
wp-content/plugins/wordpress-importer/parsers.php
if ( extension_loaded( 'simplexml' ) ) { ↓ if ( false && extension_loaded( 'simplexml' ) ) {
phpのバージョン違いで発生するらしい?
WEB関連(主にコーディング、たまにデザイン)の備忘録。趣味も入ったり。
wp-content/plugins/wordpress-importer/parsers.php
if ( extension_loaded( 'simplexml' ) ) { ↓ if ( false && extension_loaded( 'simplexml' ) ) {
phpのバージョン違いで発生するらしい?
いまのとこ使わないけど覚書φ(-ω-)カキカキ
<?php $categories = get_categories(); foreach($categories as $category) : echo '<h5>' . $category->cat_name . '</h5><ul>'; query_posts('showposts=5&cat=' . $category->cat_ID); while(have_posts()) : the_post(); echo '<li>' . get_the_title() . '</li>'; endwhile; wp_reset_query(); echo '</ul>'; endforeach; ?>
一個前の記事のオマケみたいなもの
これも今日のコーディングで作ったのでついでに載せとこうかなと
一個前の記事内 「@mixin anime」使ってます。
動きはあらかじめ拡大画像を表示させておき、ホバーすると標準サイズの画像に縮小するって感じです。
@mixin imgscale($scale-x : 1,$scale-y:1){ -webkit-transform: scale($scale-x,$scale-y); -moz-transform: scale($scale-x,$scale-y); -o-transform: scale($scale-x,$scale-y); -ms-transform: scale($scale-x,$scale-y); transform: scale($scale-x,$scale-y); } a { img { @include imgscale(1.1,1.1); @include anime; } a:hover { img { @include imgscale(1,1); @include anime; } }
配布されてるmixin使うのが手っ取り早いのでしょうが、人の作ったやつってどうも苦手で自分用のを作らないとダメな性分^▽^;
ハンバーガーメニューで動きのあるものを見つけて、これいいなぁと思ってたので、ちょうど今日コーディング依頼があったのでサクっと作ってみました。つっても全部SASSです。例のごとくsampleなどは面倒なのでないです。そのうち、このブログにも反映させとうかなー。できたてほっかほかですよー。(byライスの人)
動きとしては、クリックすると2個目の棒線が消え、1個目・3個目の線が斜めにアニメーションするようになっています。
@mixin anime { -moz-transition: -moz-transform 0.1s linear; -webkit-transition: -webkit-transform 0.1s linear; -o-transition: -o-transform 0.1s linear; -ms-transition: -ms-transform 0.1s linear; transition: transform 0.1s linear; } @mixin rotate($rotate : -10){ -webkit-transform: rotate($rotate + deg); -moz-transform: rotate($rotate + deg); -o-transform: rotate($rotate + deg); -ms-transform: rotate($rotate + deg); transform: rotate($rotate + deg); } @mixin button { display:block; width:40px; height:40px; border:none; @include kadomaru(10px); background:$color5; @include abs-tr(25,15); span { display:block; height:3px; width:90%; margin:5px auto; background:$white; @include kadomaru(5px); @include anime; @include rotate(0); } } @mixin buttonclose { span:nth-child(2) { display:none; } span:nth-child(1) { @include anime; @include rotate(-45); position:relative; top:4px; } span:nth-child(3) { @include anime; @include rotate(45); position:relative; top:-4px; } } button { display:block; @include button; } button.close { @include buttonclose; }
<button><span></span><span></span><span></span></button>
次の案件で使ってみるφ(○_○ )
http://hack.aipo.com/archives/12996/
<picture> <source media="(min-width: 320px)" srcset="sample_small.jpg 1x, sample_small@2x.jpg 2x"> <source media="(min-width: 640px)" srcset="sample_big.jpg 1x, sample_big@2x.jpg 2x"> <img src="sample_small.jpg" alt="Example image"> //未対応のブラウザ用 </picture>
php_value memory_limit 12M