WordPress Note(固定ページのページネーション) 問題 WordPress化をやっている途中、投稿の全一覧ページを作成するため、通常のカテゴリーや日時での一覧とは別に固定ページを使って投稿一覧を作成、1ページに表示できる件数以上の時の切り替えとしてページネーションを作成しようと思いましたが... 2024.05.05 WordPressノート
WordPress Note(WordPless標準のjQueryで動かない) 問題 〜更新〜 WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない??外部リンクでjQueryを読み込んでいる状態では動作していましたが、WordPressの標準jQueryに置き換えたことが原因に... 2024.04.14 WordPressノート
HTML&CSS Sass利用環境(Sassの教科書通りにできない) Sassに関しては、前に少し勉強したことはありましたが、もう少し勉強しようと思い、いろいろと調べてみて書籍「Sassの教科書」を購入しました。第2章でSassの利用環境を設定していくのですが、途中でエラーになって上手く進まなかったので、対応... 2024.01.06 HTML&CSS50代からの挑戦ノート
HTML&CSS 画像サイズと位置調整 前にも画像サイズの指定についてはまとめたことがありますが、位置調整も合わせて整理しておきます(結局、毎回調べてるような気もしたんで・・・) CSSによるサイズ指定(img)と使い分け 「object-fit」プロパティを利用する。 思った通... 2023.12.10 HTML&CSS50代からの挑戦ノート
HTML&CSS CSSでアニメーション CSSでアニメーションをつける方法について、簡単にまてめておきます。詳しくは自分でググってみて下さい(笑) CSSを使って動きをつけるには、大きく2つの方法(プロパティ)があります。簡単に二つの方法についてまとめておきます。 「transi... 2023.12.04 HTML&CSS50代からの挑戦ノート
ノート Note(比較関数) 課題 レスポンシブ対応をしている中で、特にブレイクポイントをいくつか設定した場合に、フォントサイズを可変にしつつも、あるフォントサイズ以上にはならないようにしたい。 解決 比較関数(min, max, clamp)を使うことで、いろいろな対... 2023.10.14 ノート
ノート Note(ちょっとした気付き)※更新 サイトを作りながらちょっとつまづいたところを書き留めて行きます(これからも追記します) calcが効かないボタンの幅を親要素の80%に5px足した幅に設定したい場合.btn {margin-top: calc(80%+10px); → ... 2023.10.05 ノート
WordPress 公式ホームページ リニューアルオープン! ちょっと公開までに時間がかかってしましたが、神戸のサンバチーム「Escola de Samba kobecco」の公式ホームページをリニューアルオープンしました。 ホームページはこちら 旧ホームページは、公開してから大きな変更はしておらずレ... 2023.09.02 WordPressサンバ
ノート Note(Portfolio) とりあえず完成しました。今回の制作は ・サイトデザイン、ワイヤーフレーム作成 ・コーディング HTML&CSS レスポンシブ対応時のハンバーガーメニューと 画面切り替えの時の動き、画面内のスクロールなど動的な部分(jQuery)... 2023.08.15 ノート
ノート Note(本番環境へ移行が…) 課題 ローカル環境(Local)で作成したWordPressを本番環境(サーバー環境)へ移行させるために、「All-in-One WP Migration」というプラグインを使って移行させています。このプラグインですが、最新版では100MB... 2023.07.29 ノート
WordPress Note(固定ページのページネーション) 問題 WordPress化をやっている途中、投稿の全一覧ページを作成するため、通常のカテゴリーや日時での一覧とは別に固定ページを使って投稿一覧を作成、1ページに表示できる件数以上の時の切り替えとしてページネーションを作成しようと思いましたが... 2024.05.05 WordPressノート
WordPress Note(WordPless標準のjQueryで動かない) 問題 〜更新〜 WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない??外部リンクでjQueryを読み込んでいる状態では動作していましたが、WordPressの標準jQueryに置き換えたことが原因に... 2024.04.14 WordPressノート
HTML&CSS Sass利用環境(Sassの教科書通りにできない) Sassに関しては、前に少し勉強したことはありましたが、もう少し勉強しようと思い、いろいろと調べてみて書籍「Sassの教科書」を購入しました。第2章でSassの利用環境を設定していくのですが、途中でエラーになって上手く進まなかったので、対応... 2024.01.06 HTML&CSS50代からの挑戦ノート
HTML&CSS 画像サイズと位置調整 前にも画像サイズの指定についてはまとめたことがありますが、位置調整も合わせて整理しておきます(結局、毎回調べてるような気もしたんで・・・) CSSによるサイズ指定(img)と使い分け 「object-fit」プロパティを利用する。 思った通... 2023.12.10 HTML&CSS50代からの挑戦ノート
HTML&CSS CSSでアニメーション CSSでアニメーションをつける方法について、簡単にまてめておきます。詳しくは自分でググってみて下さい(笑) CSSを使って動きをつけるには、大きく2つの方法(プロパティ)があります。簡単に二つの方法についてまとめておきます。 「transi... 2023.12.04 HTML&CSS50代からの挑戦ノート
WordPress 公式ホームページ リニューアルオープン! ちょっと公開までに時間がかかってしましたが、神戸のサンバチーム「Escola de Samba kobecco」の公式ホームページをリニューアルオープンしました。 ホームページはこちら 旧ホームページは、公開してから大きな変更はしておらずレ... 2023.09.02 WordPressサンバ
お知らせ ついに、ココナラに出品してみました! HTML・CSSコーディング承ります デザインに合わせたコーディングに「お得」に対応します!!function(d,s,id){var js,fjs=d.getElementsByTagName(s),p=/^http:/.test(d.l... 2023.05.09 お知らせ50代からの挑戦
HTML&CSS 表やリストの使い分け(dl,table,ul/ol) 引き続きWordPress化について取り組んでいますが、やっていた課題の中で表(リスト)を表示させる部分がありました。方法としていろいろとありますが、使い分けがよくわかっていないのと、特にdl(定義リスト)についてはいまいちピンときていない... 2023.01.14 HTML&CSS50代からの挑戦
WordPress WordPress オリジナルテーマ作成5 すこし時間があきましたが、これまでの学習方法としては・「WordPressオリジナルテーマ制作入門」を使った学習・「ちゃんと学ぶ、WordPressテーマ開発講座」による動画(Udemy)を実践してきました。ここまでで基本部分がいったん学習... 2023.01.04 WordPress50代からの挑戦
HTML&CSS WordPress オリジナルテーマ作成(中間) WordPressオリジナルテーマを制作するための学習についての記事です。 2022.12.11 HTML&CSSWordPress50代からの挑戦JavaScriptPHP
趣味 来年こそは・・・ もうすぐ2022年も終わりです。今年は、少しづつですがサンバのイベントも増えてきました。秋以降、いくつかのイベントに参加させて頂きました。まだ、コロナの影響は残っていますが、来年こそは・・・と思います。 ということで、2023年は神戸まつり... 2022.12.31 趣味サンバ
趣味 サンバ楽器の紹介⑦ アゴゴ 今回の楽器は「アゴゴ」です。ちょうど、チームのアゴゴが手元になく写真が取れないので、大人の事情で無料イラストです(笑)楽器のイメージはわかりますよね!? 「アゴゴ」は大きさの違うカウベルをつなげた楽器です。スティックなどで叩きます。「カンカ... 2022.06.25 趣味サンバ
趣味 サンバ楽器の紹介⑥ ショカーリョ 今回の楽器は「ショカーリョ」です。ジングルといわれる「鈴」がたくさんついた楽器です。両手で持って、上下に振って音を「ガシャガシャ」と出します。 「爆音です」「めっちゃ腕が疲れます」 これもリズムを刻む楽器になるので、16分音符に合わせて音を... 2022.06.12 趣味サンバ
趣味 サンバ楽器の紹介⑤ アピート 今回は「アピート」です。聞きなれない名前ですが「笛」です。写真にあるのは、LP製のサンバホイッスルになります。バテリアの演奏中に甲高い笛の音を聞くことがあると思います。バテリアの中ではジレトール(監督、仕切り屋)が「アピート」を使っていろい... 2022.06.05 趣味サンバ
趣味 「バテリア」メンバー募集中! あ、ダンサーも募集中です! kobekkoのバテリアは「楽器初心者」がほとんどです。もともとは、子供たちがダンスをしているのを応援するために、「パパママ」のバテリアから始まりました。子供のバテリアメンバーもいましたが、すっかり大きくなり、高... 2022.05.24 趣味サンバ
趣味 サンバ楽器の紹介④ タンボリン 今回は「タンボリン」(Tamborim)です。名前がよく似ていますが「タンバリン」ではありません!(笑) 大きさは6インチ(15cmくらい)で、サンバで使われる楽器の中では、小さな楽器になります。通常の木製のバケッタ(スティック)で叩くこと... 2022.05.21 趣味サンバ
趣味 サンバ楽器の紹介③ カイシャ 今回は「カイシャ」です。「Caixa」です。 「カイシャ」はサイズによって、楽器の呼び方がかわります。「タロール」や「マラカシェッタ」と呼ばれるものが多いと思います。サンバ楽器の中では非常に重要な役割をもっていて、サンバ独特のグルーブ(うね... 2022.05.15 趣味サンバ
WordPress Note(固定ページのページネーション) 問題 WordPress化をやっている途中、投稿の全一覧ページを作成するため、通常のカテゴリーや日時での一覧とは別に固定ページを使って投稿一覧を作成、1ページに表示できる件数以上の時の切り替えとしてページネーションを作成しようと思いましたが... 2024.05.05 WordPressノート
WordPress Note(WordPless標準のjQueryで動かない) 問題 〜更新〜 WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない??外部リンクでjQueryを読み込んでいる状態では動作していましたが、WordPressの標準jQueryに置き換えたことが原因に... 2024.04.14 WordPressノート
HTML&CSS Sass利用環境(Sassの教科書通りにできない) Sassに関しては、前に少し勉強したことはありましたが、もう少し勉強しようと思い、いろいろと調べてみて書籍「Sassの教科書」を購入しました。第2章でSassの利用環境を設定していくのですが、途中でエラーになって上手く進まなかったので、対応... 2024.01.06 HTML&CSS50代からの挑戦ノート
HTML&CSS 画像サイズと位置調整 前にも画像サイズの指定についてはまとめたことがありますが、位置調整も合わせて整理しておきます(結局、毎回調べてるような気もしたんで・・・) CSSによるサイズ指定(img)と使い分け 「object-fit」プロパティを利用する。 思った通... 2023.12.10 HTML&CSS50代からの挑戦ノート
HTML&CSS CSSでアニメーション CSSでアニメーションをつける方法について、簡単にまてめておきます。詳しくは自分でググってみて下さい(笑) CSSを使って動きをつけるには、大きく2つの方法(プロパティ)があります。簡単に二つの方法についてまとめておきます。 「transi... 2023.12.04 HTML&CSS50代からの挑戦ノート
ノート Note(比較関数) 課題 レスポンシブ対応をしている中で、特にブレイクポイントをいくつか設定した場合に、フォントサイズを可変にしつつも、あるフォントサイズ以上にはならないようにしたい。 解決 比較関数(min, max, clamp)を使うことで、いろいろな対... 2023.10.14 ノート
ノート Note(ちょっとした気付き)※更新 サイトを作りながらちょっとつまづいたところを書き留めて行きます(これからも追記します) calcが効かないボタンの幅を親要素の80%に5px足した幅に設定したい場合.btn {margin-top: calc(80%+10px); → ... 2023.10.05 ノート
ノート Note(Portfolio) とりあえず完成しました。今回の制作は ・サイトデザイン、ワイヤーフレーム作成 ・コーディング HTML&CSS レスポンシブ対応時のハンバーガーメニューと 画面切り替えの時の動き、画面内のスクロールなど動的な部分(jQuery)... 2023.08.15 ノート
ノート Note(本番環境へ移行が…) 課題 ローカル環境(Local)で作成したWordPressを本番環境(サーバー環境)へ移行させるために、「All-in-One WP Migration」というプラグインを使って移行させています。このプラグインですが、最新版では100MB... 2023.07.29 ノート
ノート Note(Chat GPT使ってみた) 課題 HTMLでのコーディング後にWordPress化を行い、2サイトほどサイト構築をやりました。まずはローカル環境でWordPress化をやっていくんですが、、最終確認のためにサーバーにWordPressをインストールしてサイトを移行させ... 2023.07.23 ノート