制作備忘録

仕事でぶちあたった壁の備忘録です。Wordpressが多め。

2017-01-01から1年間の記事一覧

使った無料プラグイン

スライドショー パンくず 関連商品

タグの履歴

recommend.tpl 46行あたり <div class="clear"></div> //2回ループ後の動作っぽい

EC-CUBEの初期設定で見ておくべき項目

作りこみ EC-CUBEの学校 http://www.eccube-school.jp/ ――――――――――――――――― 設定編 EC-CUBE:スマホ・テンプレートを簡単に無効化 http://ec.uzumaru.com/2017/01/06/post-1600/#i 一覧メイン画像・詳細-メイン画像・メイン拡大画像の初期値サイズを変更 http:…

先頭に固定表示するを設定したのに表示されないを解決する

‘post__in’ => get_option(‘sticky_posts’), ‘ignore_sticky_posts’ => 1,を入れる。

動画をインライン再生する iphone / android

インラインで自動再生 <video src="movie.mp4" width="320" height="180" autoplay muted playsinline></video> androidの注意点 自動再生されない場合考えられること◆videoタグにonclick="this.play();"を入れる ◆Basic認証しているサイトでは再生不能 ◆sourseタグにはtype属性は入れてはいけない 参照 iOS10でインライン再生を実装するcly7796.n…

bxSliderで動画再生終了後にスライドショーを始める

https://try-m.co.jp/blog/jquery/1365/ HTML <ul class="bxslider"> <li><video id="video" src="video.mp4"></video></li> <li><img src="img_01.jpg" alt=""></li> <li><img src="img_02.jpg" alt=""></li> </ul> JS $(function() { var $video = $('#video').get(0); $slider = $('.bxslider').bxSlider({ infiniteLoop…

カテゴリごとの記事一覧

query_postsは書き換えたい。 <div> <a href="<?php echo get_category_link( $category->term_id ); ?>"> cat_name; ?> </a> </div> <ul> </ul>

基本のループ&WP_Queryでカスタムループ

基本のループ //ループさせたい投稿内容 記事はありませんを追加 //ループさせたい投稿内容 <p>記事がありませんでした</p> WP_Queryでカスタムループ <ul> </ul>

Contact Form 7のエラーメッセージを好きな場所に 姓名で分ける際のエラー表示など

functions.php $items['invalids'] は $items['invalidFields'] へ変更になった。 function wpcf7_custom_item_error_position( $items, $result ) { $class = 'wpcf7-custom-item-error'; $names = array( 'sei', 'mei' ); if ( isset( $items['invalidFiel…

郵便番号から住所を自動入力 ajaxzip3.js

functions.php /*-------------------------------------------*/ /* 郵便番号から住所を自動入力 /*-------------------------------------------*/ function add_head_link() { echo '<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>'; echo " <script type=\"text/javascript\"> jQuery(function($)…

記事のカテゴリー情報をいろいろ取得する

cat_name;$cat_slug = $cat[0]->category_nicename;?>

Wordpress

ループ系 基本のループ&WP_Queryでカスタムループ カテゴリごとの記事一覧 ループ内でカスタム投稿の記事が属するターム名を取得 Contact Form7 Contact Form 7のエラーメッセージの場所を必要な項目のみ変更 Contact Form 7でエラー時にフォーム上部にスク…

現在のカテゴリー情報をいろいろ取得する

■category.php name; $cat_id = $cat->cat_ID; $cat_slug = $cat->slug; $cat_description = $cat->category_description; ?> 出力

ページのスラッグを取得する

■page.php post_name;?> ▼出力

ためになるサイト集

■業界最高の売上のあがるスマホECサイトデザイン回答集 minakul.jp

【WordPress】Contact Form 7のファイルを必要なときだけ読み込む方法。

function my_contact_enqueue_scripts(){ wp_deregister_script('contact-form-7'); wp_deregister_style('contact-form-7'); if (is_page('contact')) { if (function_exists( 'wpcf7_enqueue_scripts')) { wpcf7_enqueue_scripts(); } if ( function_exist…

【wordpress】Contact Form 7でエラー時にフォーム上部にスクロールさせる

(function($) { var position = $('form.wpcf7-form').offset().top; $('.wpcf7').on('wpcf7:invalid', function() { $('html, body').animate({ scrollTop: position }, 700); });})(jQuery); 参照: 《Wordpress》Contact Form 7でエラー時にフォーム上部…

【wordpress】ループ内でカスタム投稿の記事が属するターム名を取得

ID,'[タクソノミー]'); foreach($terms as $term){echo $term->slug . '';} ?>

【wordpress】記事のスラッグを取得する

ID);?>

モバイル用ページを別URLで管理する正しい方法

モバイル用ページを別URLで管理する正しい方法 SEO対策の中で、スマホ対応はもはや必須と言っても良いほど重要な対策のひとつですが、モバイル用のページを以前からPC用ページとは別で既に用意していて、今後もそれで運用していく予定の方も多いかと思います…

jQueryでウィンドウサイズによって画像を切り替える

記録用 jQueryでウィンドウサイズによって画像を切り替える | Tips Note by TAM <img src="image_sp.png" alt="" class="js-image-switch"> <img src="image_pc.png" alt="" class="js-image-switch"> $(function() { // 置換の対象とするclass属性。 var $elem = $('.js-image-switch'); // 置換の対象とするsrc属性の末尾の文字列。 var sp =…