CatStyle - キャットスタイル
Web系のお仕事全般やってます!Webシステム構築、ホームページ制作 etc.

ブログ

  • 各種機能実装

画像をモーダルウインドウに表示する機能を実装

2017.06.23

画像をクリックするとモーダルウインドウに画像が表示されます。

  • 各種機能実装

郵便番号から住所を自動入力する機能

2017.06.22

郵便番号を入力すると自動で住所欄に住所が入力されます。

郵便番号
住所
  • 各種機能実装

アコーディオン機能の実装

2017.06.22

開閉ボタン(+-)でアコーディオンのように内容を表示、非表示にできます。

CatStyle(キャットスタイル)の秘密++
アコーディオン機能実装。ここが通常隠される内容です。開閉ボタンでアコーディオンのように表示非表示が切り替えられる機能です。
  • 関数
  • Wordpress

タクソノミータームに関連付けられている投稿数を更新する

2017.05.30
wp_update_term_count_now(array $terms, string $taxonomy);

指定のタームに関連付けられている投稿数のカウントをすぐに更新する。

■ $terms … 更新したいタクソノミータームIDの配列。

■ $taxonomy … 更新したいタクソノミースラッグ。

  • 知っていると役に立つ情報

HTMLやCSS等の変更がなかなか反映されないときはこうする!

2017.04.05

Webサイトの変更がなかなか反映されない場合は下記のようにすればいい。

この方法はスーパーリロード(強制再読み込み)と言うらしく、強制的にサーバからファイルを再取得してくれる。

Windows の場合

Ctrl + F5

Mac の場合

Command + R

  • CSS

iPhoneのフォームのボタンにCSSをあてる方法

2017.04.04

iPhoneでは通常、フォーム上のボタンはCSSが効かない状態になっている。
下記のCSSを記述すれば、iPhoneのフォーム上のボタンでもCSSを反映できるようになる。

input[type=”submit”]{
 -webkit-appearance: none;
}
  • CSS

absolute(position)で縦横中央寄せにする方法

2017.03.28

【CSS】

.boxCatStyle{
 position: relative;
 overflow: hidden;
 display: block;
 width: 100%;
 min-height: 200px;
 border: 1px #a30528 solid;
}
.txtCatStyle{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 display: inline-block;
 font-size: 1.5rem;
 font-weight: bold;
 color: #a30528;
}

【HTML】

<div class=”boxCatStyle”>
 <span class=”txtCatStyle”>CatStyle!</span>
</div><!–/.boxCatStyle–>

【Result】

CatStyle!
  • jQuery

Hover

2017.03.28
$(‘.test’).hover(function(){
… マウスオーバーした際の処理
},function(){
… マウスアウトした際の処理
});
  • .htaccess

SSL対応 httpsへのリダイレクト – さくらインターネットのレンサバの場合

2017.03.13

【注意】さくらインターネットのレンタルサーバ の場合は下記のようになります。

.htaccessファイルに下記を記述して、ドメインのドキュメントルートディレクトリに設置

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$
RewriteRule ^(.*)$ https://catstyle.net/$1 [R=301,L]
</IfModule>

catstyle.netは対応させたいドメインに置き換える

  • .htaccess

SSL対応 httpsへのリダイレクト

2017.03.13

.htaccessファイルに下記を記述して、ドメインのルートディレクトリに設置

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://catstyle.net/$1 [R=301,L]
</IfModule>

catstyle.netは対応させたいドメインに置き換える

PAGE TOP