CSS 【CSSがわかればできる!】slickのナビゲーションを番号つきにする方法 スライダーの定番プラグイン『slick』。その中でも今回は、ナビゲーションについてのお話です。(slickの基本的な使い方は、ここでは割愛します。) dotsやサムネイルなど、slickならお好みのナビゲーションもカンタンに表示させることが... 2024年02月20日 CSSコーディング
WordPress スターサーバーでWordPressサイトを構築したときphpmyadminにアクセスする方法 WordPressをいじっていると、データベースを参照したいときや書き換えたいときが出てくると思います。 そんなときふと気づいたのですが、スターサーバーの場合、管理画面からphpmyadminにアクセスしようとすると、Basic認証がかかっ... 2023年12月08日 WordPressその他
コーディング 普通のコーダーが、楽天市場のショップページを構築する際覚えておきたいこと ECサイトの構築って、モールやシステムごとに独自の決まり事があったりして、一般的なページデザインとは勝手が違いますが、楽天市場のショップ構築は、その中でも特に独特だなーと感じます。作業をすると「独特だなー」という感覚だけが残って細かいことは... 2023年12月07日 コーディングその他
CSS 【CSS】HTMLを入れ子にせずに、要素の内側に線を引く方法 エリアの枠やボタンなどで登場しがちな、少しだけ内側に線が引いてあるデザインを再現する方法について考えます。見出しなどにも応用できるので覚えておくと重宝します。 HTMLを入れ子にする方法 要素を入れ子にして、いちばん外側の要素→背景色とpa... 2023年09月02日 CSSコーディング
WordPress 乗っ取り!?WordPressでつくったサイトが急に表示されなくなった話 「WordPressは世界的にシェアの高いCMSです。だからこそ脆弱性が指摘されており、セキュリティ対策は必須です。」 WordPressでのサイト構築に携わる人なら一度は聞いたことがある話かと思います。ただ、自分ごととして考えたことがない... 2023年08月20日 WordPress
CSS Photoshopの「光彩(外側)」を、CSSで再現トライ! PhotoshopでWebページのデザインを作成するときにテキスト領域に「光彩(外側)」をつける。 デザイナー兼コーダーの身としては絶対やりませんが、支給されたデザインで遭遇したことがあります。そして、自分ではやらないくせに、支給デザインだ... 2023年08月08日 CSSコーディング
WordPress Web制作の知識がなくてもWordPress使いたい!初心者でもWordPressを使えるサービスをご紹介 WordPressでサイトやブログを構築するには、ある程度Web制作の知識があった方が自由度が増しますが、知識がないけどWordPressを使いたい!もしくは、そもそもWordPressって何?という方もいると思います。今回はそんな人向けに... 2023年04月03日 WordPress
CSS 【CSS】番号付きリスト(ol)の番号を装飾する方法 番号付きリスト(ol)の番号を装飾したいとき、ありませんか?デフォルトの数値を非表示にしてテキストで入力するのは、マークアップ的にスマートじゃない感じがしますし、番号が増減するとき更新が手作業になるのが面倒です。 ということで今回は、テキス... 2023年03月28日 CSSコーディング
CSS 【HTML/CSS】iframeの下に謎の余白が空く問題 iframeで要素を埋め込んだとき、下の要素とピッタリつけたかったのに何故か隙間が空いていることに気づきました。探ってみると、盲点すぎる原因でした。 iframeタグは、インライン要素 早速ですが、下に、iframeの下にdivを配置したH... 2023年03月21日 CSSHTMLコーディング
CSS 【CSS】gridを使って要素を縦並びで複数カラムにする簡単な方法 要素を複数カラムで縦方向に並べるのって、結構悩みどころです。。今回は、gridを使って縦並びにする方法をご紹介します。 gridで縦並びにするカギは、grid-auto-flow gridを使った縦並びは、grid-auto-flowを使い... 2023年03月14日 CSSコーディング