WEB制作– category –
HTML/CSS/などWEB制作に関わる知識
-
Javascript/jQuery
jQueryプラグイン「Colorbox」をレスポンシブ化する
jQueryプラグイン「Colorbox」をレスポンシブ対応するための方法です。 「Colorbox」は、記事中の画像を簡単にポップアップ表示させることができる、モーダルウインドウプラグインです。 [crayon-662ac4f2d96d1453948072/] 上記のように、「 maxWidth」「 ... -
WordPress
【WordPress】画像を上書き・差し替えできるプラグインが便利!
WordPressで、一度アップした画像などのメディアファイルをあとから差し替えしたいとき、WordPressの仕様上、同じファイル名をアップしたとしてもファイル末尾に「-1」「-2」と付いて、画像の上書きにはなりません。 もちろん、WordPress的には、この仕様... -
WordPress
WordPressプラグイン「WP Jquery Lightbox」をレスポンシブ対応する
WordPressのモーダルウィンドプラグイン、「Wp Jquery Lightbox」は、デフォルトの状態では、スマホなどで閲覧した際に、画像が画面からはみ出たりします。 レスポンシブに対応するには、簡単に設定するとこができます。 [WP Jquery Lightbox]の設定画面を... -
WordPress
WordPressのエディターでフォントサイズ選択を任意の内容にする
WordPress エディタで、フォントサイズを選ぶときに、利用中のテーマにもよりますが、8pt~36ptなどの「pt」や「px」指定になっていると思います。 ここを「%」指定にする場合や、フォントサイズを追加したりする場合の方法です。 「%」指定することで、... -
Javascript/jQuery
CKEditorで、styleなしのspanタグを許可する
CKEditorで、スタイル無しの<span>タグを手入力しても消えてしまうようでした。 <span>タグ自体は、文字のサイズなどのスタイルを変更すると自動で入るのですが、スタイルなしの状態の<span>のみでしたら、入力しても消えてしまいます。... -
EC-CUBE
EC-CUBE 4 でテンプレートファイル(twig)が反映されない時
EC-CUBE 4 でテンプレートファイル(twig)を直接編集して、FTPでアップしても変わらなくなった時は、 「app/template/側」にテンプレートファイルが生成されている場合があります。 このファイルが作成されているとこちらのファイルを優先して読み込むた... -
Javascript/jQuery
jQueryプラグイン iziModal の矢印をクリックした時の線を消す
「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。 グループ化した時にナビゲーション(矢印)を表示できるのですが、クリックした時に、線が出てしまいます。 フォーカスした際に出る線ですので、CSSでこれを無効にす... -
CSS
iPhone等、iOSのSafariでフォントが明朝体(Serif)になってしまう場合の対処法
CSSで、フォントの指定をゴシックに指定していても、iPhoneなどのiOSのサファリ上で、明朝体になってしまう現象が発生しました。 【font-familyに “ sans-serif ”を指定する】 指定したフォントがiOSで表示できないフォントだけを指定してしまってい... -
PHP
【PHP】for文でループ毎に1ずつ(任意)増やす
PHPのfor文で、ループごとに、2ずつ増やしたいなど任意の数を増やすときは、下記のようにすることで任意の数を増やすことができます。 下記のサンプルは1ずつ増やす場合です。 [crayon-662ac4f2da52e929892978/] ちなみに2づつ増やしたりと、増やす数値... -
CSS
CSS3 transition が効かない
CSS3のtransition で下記のように指定してもが効かない時があります。 [crayon-662ac4f2da6ff316752913/] 要素がdisplay: inlineの場合、効かないようです。 ですので、下記のように displayに「block」か「inline-block」を指定すれば、動作するようにな...