WordPress Note（固定ページのページネーション）
問題 WordPress化をやっている途中、投稿の全一覧ページを作成するため、通常のカテゴリーや日時での一覧とは別に固定ページを使って投稿一覧を作成、１ページに表示できる件数以上の時の切り替えとしてページネーションを作成しようと思いましたが...
サトル
WordPress WordPress Note（WordPless標準のjQueryで動かない）
問題 〜更新〜 WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない？？外部リンクでjQueryを読み込んでいる状態では動作していましたが、WordPressの標準jQueryに置き換えたことが原因に...
HTML&CSS Sass利用環境（Sassの教科書通りにできない）
Sassに関しては、前に少し勉強したことはありましたが、もう少し勉強しようと思い、いろいろと調べてみて書籍「Sassの教科書」を購入しました。第2章でSassの利用環境を設定していくのですが、途中でエラーになって上手く進まなかったので、対応...
HTML&CSS 画像サイズと位置調整
前にも画像サイズの指定についてはまとめたことがありますが、位置調整も合わせて整理しておきます（結局、毎回調べてるような気もしたんで・・・） CSSによるサイズ指定（img）と使い分け 「object-fit」プロパティを利用する。 思った通...
HTML&CSS CSSでアニメーション
CSSでアニメーションをつける方法について、簡単にまてめておきます。詳しくは自分でググってみて下さい（笑） CSSを使って動きをつけるには、大きく2つの方法（プロパティ）があります。簡単に二つの方法についてまとめておきます。 「transi...
ノート Note（比較関数）
課題 レスポンシブ対応をしている中で、特にブレイクポイントをいくつか設定した場合に、フォントサイズを可変にしつつも、あるフォントサイズ以上にはならないようにしたい。 解決 比較関数（min, max, clamp）を使うことで、いろいろな対...
ノート Note（ちょっとした気付き）※更新
サイトを作りながらちょっとつまづいたところを書き留めて行きます（これからも追記します） calcが効かないボタンの幅を親要素の80％に5px足した幅に設定したい場合.btn {margin-top: calc(80%+10px); → ...
WordPress 公式ホームページ リニューアルオープン！
ちょっと公開までに時間がかかってしましたが、神戸のサンバチーム「Escola de Samba kobecco」の公式ホームページをリニューアルオープンしました。 ホームページはこちら 旧ホームページは、公開してから大きな変更はしておらずレ...
ノート Note（Portfolio）
とりあえず完成しました。今回の制作は ・サイトデザイン、ワイヤーフレーム作成 ・コーディング HTML＆CSS レスポンシブ対応時のハンバーガーメニューと 画面切り替えの時の動き、画面内のスクロールなど動的な部分（jQuery）...
ノート Note（本番環境へ移行が…）
課題 ローカル環境（Local）で作成したWordPressを本番環境（サーバー環境）へ移行させるために、「All-in-One WP Migration」というプラグインを使って移行させています。このプラグインですが、最新版では100MB...