WEB

画像を中央におく

商品リストだったりギャラリーだったり、画像のサイズに依存せずに枠線の中央に画像をおきたいことってありませんか? tableやbeforeやspanを使って今まで中央においていましたが、面白い記事(画像サイズに依存しない絶対中央配置)を見つけました。 コード抜擢 html <body> <img src="image.jpg" /> </body>

2016-11-07T02:16:06+00:002015/06/26|Categories: WEB|Tags: |

contactform7のエラーや送信完了をちょっとオシャレにしてみた

どうも、そろそろボーナス前のエアコン安売りセールに便乗しようとおもっています。よっしぃーです。 私はよくお問い合わせでContactForm7を使わしてもらっています。確認画面に飛ばないとかいうことがあって、クライアントによってはこういうのも嫌う人もいるんですが、 予約や注文ではない限り別に送り直せばいいんだしいいんじゃないかな、とかカンタンに思ってしまいます。 ただ、このプラグインの出るモーションがカッコ悪いのなんのって・・・。 毎回色々試しているんですが、いい加減その時間ももったいないので1つシンプルでオシャレめなものを作ったので公開しようと思います。 css body .wpcf7-not-valid{ background:

2016-10-20T00:14:20+00:002015/06/25|Categories: WEB, Wordpress|Tags: |

javascriptでstyleをheadに追加しよう

サイトでcssに初めのうちにbodyタグにopacity: 0をつけて、javascriptでフェードインさせている事があります。これってjavascriptが動かない環境だとサイトがみえないんですよねぇ。 なので、javascriptが動く環境だからこそ、javascriptでopacity: 0にしたらインじゃないでしょうか。 jQueryは</body>直前に置きたいので、javascriptで<head>に記述します。(そうしないと、表示→消える→フェードインみたいなことになることがある)   <script> var newStyle

2016-11-07T02:15:19+00:002015/06/24|Categories: WEB|Tags: |

画面によってviewportを変える話

どうも、そろそろSIMフリーのスマホを買おうと思いつつ狙った端末を見つけられないでいる、よっしぃーです。   よくサイトで画面を小さくしたときに、横スクロールするとその先が白くなっている なんてことがあったりなかったり。   私はそうならない対策として大きいモニタのときだけwidthを指定しています。 ただ、これをやるとタブレットの時にタブレットの画面より大きく表示されたりして難儀になっちゃうんですよね。わざわざ普通の表示にするのに縮小するのは嫌ですよね。   こうなる原因は<meta name="viewport"

2015-06-26T20:57:21+00:002015/06/17|Categories: WEB|Tags: |

私が現場で使っているツール

どうも、やっと引っ越してから1ヶ月と半月で自宅にネットが繋がりました。よっしぃーです。   私のPCが変わるということで、今のうちに私が実際現場で使っているソフトやツールなどをメモしようと思います。   Sublime Text 3 (テキストエディタ) Git Source

2016-10-20T00:14:20+00:002015/06/13|Categories: WEB|Tags: |

wordpressのカスタムフィールドから自動的にgooglemapを表示する

  どうも、寝違えて四十肩のようになってから1ヶ月、いまだ完治しないよっしぃーです。   よくクライアントにgooglemapを入れてもらうケースがあると思うんですが、 住所を入れるだけで自動的にgooglemapを拾ってくれるようにしましょう。   カスタムフィールドでgooglePlaceというところに住所を入れます。(どうやっていれるの?) ちなみにAdvanced Custom Fieldsdeでも構いません(だからどうやってry)

2016-10-20T00:14:20+00:002015/06/08|Categories: WEB, ブログ|Tags: |

box-sizingはあります!

  のぞみを捨てなければ、きっと叶うんだよ。どうもよっしぃーです。   なぜかbox-sizingがIE8で聞かないと思われてる方がちょこちょこいるみたいですね。 理由としてはこれがCSS3の部類だからでしょうか。 IE8も対応しているCSS3 box-sizing outline resize cursor

2015-06-26T20:56:25+00:002015/06/07|Categories: WEB|Tags: |

wordpressのquery_postsが非推薦になっていた件

どうも、最近風邪をこじらせてぶっ倒れるところを修正パンパンされたよっしぃーです。   最近の記事で気になる記事があったので報告 非推奨になっていたquery_postsをget_posts形式に書き換える え!そうだったの(-_-;) なにやらSQLの呼び出しだったりやらでエラーを招きやすいらしいですね。 普通に使ってました(´・ω・`) 結論から言うとget_postsでいんじゃない、ってこと pre_get_postsをつかうこと preさんはまだ使ってなかったので勉強してきます(

2016-10-20T00:14:20+00:002015/06/06|Categories: WEB|Tags: |

最近思うスクロール事情

どうも、最近毎日更新がきつくなってきたよっしぃーです。   スマホ対応させるWEBサイトは主流なのですが、いかんせんコンテンツの長さがいつまでたっても気になります。 メニューボタンを押すのも億劫になってる人は私だけではないはず。 私はよく情報収集で「Feedly」でFeedより情報を取り入れてますが、この「Feedly」のページめくり機能こそ、今のWEBサイトに必要だと勝手に思っています。   一に、観やすい 二に、めくりやすい 三に、情報がまとまっている。  

2016-11-07T02:16:13+00:002015/06/01|Categories: WEB|

WordPressの固定ページの中身が表示されない!

どうも、月末が迫ってきて慌ただしくなってきました。よっしぃーです。 Wordpressの固定ページの中身が出ないよう、という話があったので原因と解決法をば 固定ページを表示させるpage.phpなどに <?php the_content(); ?> と入れていると思います。 the_content()は、phpのループ内でしか動きません。

2015-05-28T19:08:05+00:002015/05/29|Categories: WEB|Tags: |