東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

備忘録

【jQuery】レスポンシブ対応のタブコンテンツ「Basic Tabs」設置方法

①html記述 <div id="tabwrap"> <ul id="tabs"> <li class="current"><a href="#home">タブ1</a></li> <li><a href="#about">タブ2</a></li> <li><a href="#services">タブ3</a></li> <li><a href="#contact">タブ4</a></li> </ul> <div id="content"> <div id="home" class="current"> <p>コンテンツ1<…</p></div></div></div>

wow.jsをIE8&スマホで起動させない

wow.jsは少しのコードでアニメーションができるので楽だが、スマホでアニメーションつけるとなると重くてページが表示されない。 また、IE8でwow.jsのコードを読み込ませると、アニメーションさせたところが表示されなくなってしまう。なので下記コードを記…

bootstrap導入方法

今回初めてcssのフレームワークを使ってみた。結論から言うとかなり使いやすかった。 とりあえず導入方法を。 ①まずはbootstrapをダウンロードbootstrapをダウンロードすると ・css ・js ・fontsという3つのフォルダが内包したbootstrapフォルダになる。こ…

スマホ、ipadのときのみjavascript無効化

パララックスなどのサイトを作った際、重すぎてスマホでサイトがみれないよーということがあったので。 <script type="text/javascript"> if(!navigator.userAgent.match(/(iPhone|android|iPad)/)){ //ここにPC向けに読ませるjs } </script> 【参考URL】 http://hpseisakuwa.com/blog/js-2.html

【jQuery】sidr.jsの使い方

facebookであるようなメニュー。 ①sider.jsをダウンロード sidr.jsをダウンロードするとjquery.sidr.dark.css、jquery.sidr.light.cssの2種類ファイルがあるのでどちらかをheadタグ内に読み込ませる。 <link rel="stylesheet" href="css/jquery.sidr.dark.css"> ②bodyしめタグの直前にJavaScriptを読みこませる記述。</link>…

jQueryで覚えたこと2【アニメーションなど】

はいjquery覚えたこと第2弾~。とりあえず今は文法を覚えるべきだお。表示されている要素を非表示(hideメソッド) <script> $(function(){ $("#aaa").hide(); $("#bbb").hide('fast'); $("#ccc").hdie(5000); }); </script> 日表示されている要素を表示する(showメソッド) <script></script>…

【ECCUBE】インストール後、管理画面が真っ白

もうこれてこずったわー。結論からいうとパーミッションの問題だったのですが。 とりあえずインストールからの経緯をば。環境●version:eccube-2.13.3●サーバー:エックスサーバー eccubeをダウンロード今回はドメイン直下にeccubeを入れたかった。 そのため…

jQueryで覚えたこと【セレクタ・メソッド・イベント】

最近jQueryを勉強しはじめますた。ちょい大事だとおもったこと自分用にメモ。基本の書き方 <script> $(function(){ $("#abc").css("color","red"); }); </script> ひとつのセレクタに複数の支持を出す <script> $(function(){ $("#abc").css({ "color" : "red", "background" : "blue"</script>…

【EC-CUBE】EC-CUBE外からのカート設置

LPを作成し、カート機能のみeccubeのカートを使う。要するにeccube外のページから商品詳細ページを経由せずeccubeのカゴにダイレクトに入れる。 LPを作成したhtmlファイルのカート部分に以下記述。 <form id="form1" action="/products/detail.php?product_id=10" method="post" name="form1"><input type="hidden" name="transactionid" value="<!--{$transactionid}-->" /> </form>

【EC-CUBE】問い合わせフォームの必須項目の設定

①data/class/peges/contact/LC_Page_Contact.phpをいじる必須項目を削除したい場合は、下記部分の"EXIST_CHECK"の部分を削除 新たに必須項目にしたい場合は、"EXIST_CHECK"を追加。 不要な場合は、項目自体をすべて削除。 このPHPファイルをいじるとPCもスマ…

【wordpress】自作テーマでのループ コード

久しぶりにwordpressいじったお。ちょい自作でテーマ作ってみた。こっちの方がやりやすかったwとりあえずループのコードを備忘録に。 「test1」というカテゴリースラッグを1ページに5記事出したい場合 「test1」ループ内容 「test2」…

【wordpress プラグイン】ページング「WP-PageNavi」のループがきかなかった件

ワードプレス プラグイン「WP-PageNavi」をいれたところ2ページにいくとループしなくなった。 まずこのプラグインのhtmlへの挿入コードは そして 下記のループのコードかけば直った。

【wordpress】固定ページをフロントページにしたら、記事のページングが機能しない現象

これはやばかったよおう。もう無理かと思ったらなんとか直ったよう。表示設定でフロントページの表示を固定ページにすると記事のページングが機能しなくなる場合がある。これはwordpressのバグのようでこの解消法は、以下のコードをfunctions.phpに記述。こ…

【wordpress】固定ページに表示させる画像を短いパスで出力する方法

wordpressの固定ページに画像を呼び出す際、もちろん管理画面の「メディア」からアップロードした画像のURLを貼り付ければいいのだが、それだとパスが長くて野暮ったい。このやり方をすればスッキリコードの記述が可能。まず、サーバーのテーマフォルダの中…

【jQuery】ふわっと半透明するロールオーバー

これも今更感満載だけれども。汎用性高いので備忘録で。 【html】 <img src="images/sample.jpg" width="100" height="100" class="toumei" /> <p class="toumei">サンプルテキスト</p> 【css】 img.toumei { margin-bottom:10px; } p.toumei { background-color:#CCC; width:50%; padding:5px; } 【jQuery(head内に記述)】

【css】text-indent:-9999pxでテキスト飛ばさなくてもテキスト非表示する方法

以下のcssを設定。こういうやり方もあるのね~~~ .sample{ text-indent:100%; white-space:nowrap; overflow:hidden; } 【参考URL】 http://delaymania.com/201209/web/textindent-9999/

【wordpress】固定ページの条件分岐タグ

今さら感はあるけれども各固定ページのメインイメージ画像を違うものに出力したかったのでmemomemo。 <img src="" alt="*" /> <img src="" alt="*" /> <img src="" alt="*" />

【EC-CUBE】文字制限(カテゴリー名)

スマフォ画面でトップページにあるカテゴリーツリーのカテゴリ名を文字制限したかった。他のサイトには商品名を文字制限するやり方しかのってなかった。カテゴリ名の場合は以下の記述。 <ul <!--{if $treeID != ""}-->id="" style="display: none;"> </ul>

【jQuery】bxslider サムネイル付きページャーの挿入

今回はbxsliderのページャーをサムネイルにする。 手順 ①jquery.bxslider.min.jsとplugin/jquery.easing.1.3.jsとjquery.bxslider.cssをサーバーにあげる ②headタグ内にjavascript記述とcssコード呼び出し ③htmlうつ ①jquery.bxslider.min.jsとplugin/jquery…

【EC-CUBE】ページごとの分岐方法

今回eccube。特定のページのみにスライダーを挿入させたかったため使用。 ここに特定のページにのせたいコンテンツを記述 【参考URL】 http://www.and-nbsp.com/eccube%E3%81%AE%E5%88%86%E5%B2%90%E6%96%B9%E6%B3%95.html http://sachips.byeto.jp/ecc…

【wordpress】カスタムフィールド 一覧表示ページ作成

advanced custam fieldsを使ってカスタムフィールドの記事を一覧表示する。今回は固定ページに一覧表示ページを作ったけどarchive.phpを複製してやった方がいいかもね。 まあこの記事では固定ページに一覧表示つくるお。 <div class="sample"> <p></p></div>

【wordpress】Advanced Custom Fieldsの使いかた

今回はカスタムフィールド。functions.phpにコード記述すれば実装できるが標題のプラグインでお手軽可能。 手順 ①プラグイン「Advanced Custom Fields」をインストール②フィールドグループを作る フィールドグループ名 位置 オプション ③フィールド(項目)…

【wordpress プラグイン】WP Lightbox 2の設置

今回もwordpressネタ。プラグインは何でもあるなー。このlightboxはレスポンシブにも対応しているので便利。 手順 ①WP Lightbox 2を管理画面で設定②phpファイルのlightboxを起動させたい部分にコード記述 ①WP Lightbox 2を管理画面で設定 まず、WP Lightbox …

【wordperss welcart】固定ページに「カートへ入れる」ボタン設置

つい最近welcartなる存在を知った。 wordpressにEC機能を持たせるとな?私が先日引き受けた案件は、通常のwordpressサイトにLPを作りそこの購入ボタンを押すとカートに商品が入る仕組みにしてほしいという要望であった。そのため固定ページにLPを作り、そこ…

【wordpress】すべての投稿記事一覧ページの作り方(twentytwelve用)

オナヌー備忘録。wordpressの記事一覧ページですべてのカテゴリーはどうやって出すのだろうかとちょっと戸惑ったので記す。ちなみに私はwordpressでサイトを作る時は余計なソースがないと言われているテーマtwentytwelveをカスタマイズしている。以下出てく…

【wordpress初心者必見!】wordpressテンプレートタグ約50選

勢いで会社辞めてWEB業界に入って2か月ちょっとかな。生活が目まぐるしいが楽しい。いろいろ勉強せねばならないが特にwordpress! wordpress! わーーーーーどぷれっす! とりあえず備忘録のため、そして私と同じwordpress初心者のために最近勉強したテンプ…