インストール min30327.github.io 設置 <script src="path/to/luxy.js" charset="utf-8"></script> <script charset="utf-8"> luxy.init(); </script> ※head部分に設置したところ上手く動作しなかったので、footer下の方に設置したら動作した。 オプション <script charset="utf-8"> luxy.init({ wrapper: '#luxy',//このタグで囲ってある場所で動作する targets : '.luxy-el',/…

メモ用に。 最後のwp_reset_postdata();でリセットすることが大事。 通常投稿機能は投稿名のところをpostにするだけ。 query('post_type=カスタム投稿名' . '&paged=' . $paged . '&posts_per_page=表示するページ数' ); ?> have_posts() ) : while ( $wp_qu…

WPで特定のページにBasic認証をかけるやり方があるが、その記述で、例えば会員限定ページが２ページあるとして、そのうちどれかを認証したらもうひとつの方では認証を促されないという条件分岐のメモ。 ベーシック認証のかけかた functions.phpに下記を記述…

カスタム投稿を作った後、ウィジェット機能にも対応させるため、プラグインの「Custom Post Type Widgets」をダウンロード＆有効化して使うことがよくあるが、なぜか月別アーカイブだけ意図した場所に飛ばず、404エラーなんかになる。 解決方法 まず先ほど書…

Webページを作っていたら「WindowsのChromeで見るとL SEPってアイコンが出てます」といわれた。改行されてるもの全てにL SEPアイコンが出ているのかと思ったらそうでないものもありわけわかめ状態。 調べるとどうやらLF (Line Feed)というChromeの改行コード…

地味に毎回ハマるというか忘れるのでメモ。Wordpressのオリジナルテーマを作るときに、まさに骨組みだけ作ってあってカスタマイズしやすい「Bones」。 カスタム投稿も既存で用意されていて、それを複製して使用した際にうまく表示されないことがある。librar…

Wordpressでカスタム投稿を作り、single（個別）ページでよみこもうとしたら404のエラーに。 functions.phpを弄ったりしたら、たまにtitleだけ表示されたり本文だけ無いとか意味不明なことに・・・とりあえずいろいろ調べたらこういう対処法を発見。 対処法…

まずはSVGの用意。 Illustratorで使いたいデータをSVG形式で保存して、保存したものをテキストエディットなどで開くとコードが出てくるのでそれをHTMLにコピペ。 もしくは保存するときに[SVGコード]というのが出てくるのでそれをクリックしても見れる。 HTML <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352.51 226.45"></svg>…

ポップアップウィンドウを利用する時は、リンクタグに直接javascriptを書くのが多いが、jQueryでそれを設定する方法をメモ。 <a href="http://inoma-design.hatenablog.com/" class="popup">click</a> $(function(){ var w = 770, h = 600, l = (screen.availWidth - w) / 2, t = (screen.availHeight - h) / 2, popPage = '.p…

beforeやafterの擬似要素に画像を表示することはできるが、大きさを変更するところでつまづいたのでメモ。元々の画像の大きさよりも小さくしたりする場合は、ただ幅や高さを指定するだけでは不十分。 a.btn { width: 200px; padding: 15px 20px; margin: 0 a…

カテゴリー・タグも含めた新しい投稿タイプを追加する方法【WordPress】inoma-design.hatenablog.com↑のつづき個別ページや固定ページなどで表示する方法。 カテゴリーとタグの場合 個別ページの場合 single.php 固定ページの場合 page.php タクソノミーの場…

既存の「投稿」以外に、新しく追加する方法。 追加したいタイプのphpデータを作る functioncs.phpで作ったデータを呼び出す 追加したいタイプのphpデータを作る タイトル.phpで作成。 サンプルとして「sample.php」と表記。 _x( 'サンプル', 'sample' ), 's…

地味に忘れちゃうのでメモ。jQueryのanimateメソッドで、アニメーション完了後の動きを指定するとき、書き方が２通りある。 completeを使う場合 $('.sample').stop().animate({ width:'200px', height:'200px' },{ duration:200, easing:'easeInBack', compl…

画像を使うGrobalNaviに使える。＊マジックインポートでhover画像もまとめて一枚にすると、Retina対応をさせるためサイズ縮小する際比率がおかしくなるので、まとめずに一枚画像で呼び出している。 使用する画像を用意 とりあえず３つ用意。 hover時の画像は…

SublimeTextのスニペット登録の仕方。 コードの注釈、コメント等を入れておくと便利。 登録するスニペットファイルを入れておくフォルダを作っておく。 Preferences > Browse Packages... を開く 新規フォルダを作成。例：「sunippet」フォルダなどわかりや…

Wordpress専用のショッピングカート「Welcart」。 導入の仕方もプラグインを追加するように簡単にでき、デザインのカスタマイズも自由にできる。Welcartには会員限定ページのシステムも作られており、デフォルトでは全て一ページに表示されてしまう。 これを…