chevron_left

メインカテゴリーを選択しなおす

cancel
おやじ50歳からがんばる 〜50代からの挑戦〜 https://nagamoto-kobe.com/

50歳を過ぎて定年の時を考えて、今から何ができるか考えスキルを身に着けていく日々を投稿していきます。たまには趣味のお話もあります、たぶん

サトル
フォロー
住所
神戸市
出身
大阪市
ブログ村参加

2022/08/18

arrow_drop_down
  • Note(WordPless標準のjQueryで動かない)

    問題 〜更新〜 WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない??外部リンクでjQueryを読み込んでいる状態では動作していましたが、WordPressの標準jQueryに置き換えたことが原因に

  • Sass利用環境(Sassの教科書通りにできない)

    Sassに関しては、前に少し勉強したことはありましたが、もう少し勉強しようと思い、いろいろと調べてみて書籍「Sassの教科書」を購入しました。第2章でSassの利用環境を設定していくのですが、途中でエラーになって上手く進まなかったので、対応

  • 画像サイズと位置調整

    前にも画像サイズの指定についてはまとめたことがありますが、位置調整も合わせて整理しておきます(結局、毎回調べてるような気もしたんで・・・) CSSによるサイズ指定(img)と使い分け 「object-fit」プロパティを利用する。 思った通

  • CSSでアニメーション

    CSSでアニメーションをつける方法について、簡単にまてめておきます。詳しくは自分でググってみて下さい(笑) CSSを使って動きをつけるには、大きく2つの方法(プロパティ)があります。簡単に二つの方法についてまとめておきます。 「transi

  • アニメーション

  • Note(比較関数)

    課題 レスポンシブ対応をしている中で、特にブレイクポイントをいくつか設定した場合に、フォントサイズを可変にしつつも、あるフォントサイズ以上にはならないようにしたい。 解決 比較関数(min, max, clamp)を使うことで、いろいろな対

  • Note(ちょっとした気付き)※更新

    サイトを作りながらちょっとつまづいたところを書き留めて行きます(これからも追記します) calcが効かないボタンの幅を親要素の80%に5px足した幅に設定したい場合.btn {margin-top: calc(80%+10px); →

  • 公式ホームページ リニューアルオープン!

    ちょっと公開までに時間がかかってしましたが、神戸のサンバチーム「EscoladeSambakobecco」の公式ホームページをリニューアルオープンしました。ホームページはこちら旧ホームページは、公開してから大きな変更はしておらずレスポンシブ

  • Note(Portfolio)

    とりあえず完成しました。今回の制作は ・サイトデザイン、ワイヤーフレーム作成 ・コーディング HTML&CSS レスポンシブ対応時のハンバーガーメニューと 画面切り替えの時の動き、画面内のスクロールなど動的な部分(jQuery)

  • Note(本番環境へ移行が…)

    課題ローカル環境(Local)で作成したWordPressを本番環境(サーバー環境)へ移行させるために、「All-in-One WP Migration」というプラグインを使って移行させています。このプラグインですが、最新版では100MBま

  • Note(Chat GPT使ってみた)

    課題HTMLでのコーディング後にWordPress化を行い、2サイトほどサイト構築をやりました。まずはローカル環境でWordPress化をやっていくんですが、、最終確認のためにサーバーにWordPressをインストールしてサイトを移行させる

  • Note(サイズの違う画像が綺麗に並ばない)

    問題サイズの異なる画像を横並びにしたとき、高さがまちまちになって同じ大きさで並ばない。画像サイズを同じにしておけば良いが、WrdPressで投稿する場合、違う人が作業したり、違うカメラの画像を使うとサムネイル画像が同じ大きさとは限らないので

  • Note(jsファイルの画像が表示されない)

    問題HTMLで作成していたサイトをWordPress化するために、順番にテンプレートタグで置き換えていく作業を一通り終わらせサイトを表示してみると…部分的に画像が表示されていない??表示されていのは、どうもJavascript(jQuery

  • Note(ファイル名は大文字?小文字?)

    問題ローカルで作業していたHTMLファイルと関連するファイルをサーバーにアップロード、サーバー上できちんと表示・動作するのかを確認してみると、一部の画像ファイルが表示されない。ローカルでは全く問題がなかった。解決システムによって「大文字」「

  • ついに、ココナラに出品してみました!

    HTML・CSSコーディング承ります デザインに合わせたコーディングに「お得」に対応します!!function(d,s,id){var js,fjs=d.getElementsByTagName(s),p=/^http:/.test(d.l

  • Note(デザインカンプからのコーディング2)

    Photoshopのデザインカンプからのコーディング今更ですが、Illustrator,Photoshopの基礎学習を始めたので、使い方をまとめておこうと思います。Photoshopのデザインカンプからのコーディング手順ざっくりとまとめ資料

  • Note(デザインカンプからのコーディング1)

    Illustratorのデザインカンプからのコーディング今更ですが、Illustrator,Photoshopの基礎学習を始めたので、使い方をまとめておこうと思います。Illustratorのデザインカンプからのコーディング手順ざっくりとま

  • Note(カスタム分類一覧)

    問題カスタム分類の一覧を作りたい解決<ul> <?php wp_list_categories( array( 'title_li' => '', 'tax

  • Note(アクションフック)

    問題いろいろ見ていると書き方が違う・・・ちょっと調べて整理してみました。解決WordPress の特定の処理のタイミングで「何らかのアクション(関数)」を実行するためのフック(ページを表示する特定のタイミングで何らかの処理を実行するきっかけ

  • おぼえがき(アクションフック)

    問題いろいろ見ていると書き方が違う・・・ちょっと調べて整理してみました。解決WordPress の特定の処理のタイミングで「何らかのアクション(関数)」を実行するためのフック(ページを表示する特定のタイミングで何らかの処理を実行するきっかけ

  • Note(カテゴリー・タブ・タクソノミー・ターム)

    問題いろんな言葉が出てきて、頭が混乱タクソノミーとタームってどれのこと?カテゴリーとタブとかとも違うの?解決まとめてみました。タクソノミー=分類のとこで、カテゴリーやタブがそれにあたります。カテゴリーとタブはWordPressの標準で投稿用

  • おぼえがき(カテゴリー・タブ・タクソノミー・ターム)

    問題いろんな言葉が出てきて、頭が混乱タクソノミーとタームってどれのこと?カテゴリーとタブとかとも違うの?解決まとめてみました。タクソノミー=分類のとこで、カテゴリーやタブがそれにあたります。カテゴリーとタブはWordPressの標準で投稿用

  • おぼえがき(カテゴリー・タブ・タクソノミー・ターム)

    問題いろんな言葉が出てきて、頭が混乱タクソノミーとタームってどれのこと?カテゴリーとタブとかとも違うの?解決まとめてみました。タクソノミー=分類のとこで、カテゴリーやタブがそれにあたります。カテゴリーとタブはWordPressの標準で投稿用

  • Note(カスタムフィールド)

    問題商品紹介のページを作るのに、WordPressの投稿を使って定型のページを効率よく作りたい。 商品画像 → アイキャッチ画像で登録 商品説明 → 投稿の本文に記載 価格・サイズ・色・・・など定型項目 → いちいち本文に入れるのは面倒解決

  • おぼえがき(カスタムフィールド)

    問題商品紹介のページを作るのに、WordPressの投稿を使って定型のページを効率よく作りたい。 商品画像 → アイキャッチ画像で登録 商品説明 → 投稿の本文に記載 価格・サイズ・色・・・など定型項目 → いちいち本文に入れるのは面倒解決

  • Note(cssが反映されない Part2)

    前にもちょっと書いてみましたが、functions.phpではなく<head>に直接書いた場合も同じなので、いろいろ解決策を調べました。(一部のページでcssをいろいろ試すために、ちょっと別のスタイルシートを作っていたので&lt

  • おぼえがき(cssが反映されない Part2)

    前にもちょっと書いてみましたが、functions.phpではなく<head>に直接書いた場合も同じなので、いろいろ解決策を調べました。(一部のページでcssをいろいろ試すために、ちょっと別のスタイルシートを作っていたので&lt

  • Note(条件を指定して投稿一覧を表示)

    問題特定のカテゴリーに条件を指定した一覧をつくりたい解決特定の条件を指定=サブクエリーを作成、出力するループ(=サブループ)を記述関数 WP_Query定義された引数から要求された投稿データを取得<?php $news_args =

  • おぼえがき(条件を指定して投稿一覧を表示)

    問題特定のカテゴリーに条件を指定した一覧をつくりたい解決特定の条件を指定=サブクエリーを作成、出力するループ(=サブループ)を記述関数 WP_Query定義された引数から要求された投稿データを取得<?php $news_args =

  • Note(特定の固定ページの情報を表示)

    問題TOPページに最近の投稿一覧以外に特定の固定ページの情報を表示したい解決関数 get_page_by_path固定ページのオブジェクトを取得関数 get_post指定された投稿のレコードを取得<?php$$page_id = ge

  • おぼえがき(特定の固定ページの情報を表示)

    問題TOPページに最近の投稿一覧以外に特定の固定ページの情報を表示したい解決関数 get_page_by_path固定ページのオブジェクトを取得関数 get_post指定された投稿のレコードを取得<?php$$page_id = ge

  • Note(カテゴリー名の表示)

    問題投稿タイトルは簡単に表示できるのに、カテゴリー名を表示させるには・・・解決テンプレートタグ get_the_category先頭のカテゴリー名を表示<?php$category = get_the_category(); echo

  • おぼえがき(カテゴリー名の表示)

    問題投稿タイトルは簡単に表示できるのに、カテゴリー名を表示させるには・・・解決テンプレートタグ get_the_category先頭のカテゴリー名を表示<?php$category = get_the_category(); echo

  • Note(cssが反映されない)

    学習したときにいろいろと検索したりすることがありますよね結局同じことを繰り返し検索したりしていることも多いので、ちょっとしたことをメモ代わりに書きていきたいと思います。問題WordPressでWebサイトを制作中に見た目が崩れてしまっていた

  • おぼえがき(cssが反映されない)

    学習したときにいろいろと検索したりすることがありますよね結局同じことを繰り返し検索したりしていることも多いので、ちょっとしたことをメモ代わりに書きていきたいと思います。問題WordPressでWebサイトを制作中に見た目が崩れてしまっていた

  • ちょっとしたつぶやき(cssが反映されない)

    学習したときにいろいろと検索したりすることがありますよね結局同じことを繰り返し検索したりしていることも多いので、ちょっとしたことをメモ代わりに書きていきたいと思います。問題WordPressでWebサイトを制作中に見た目が崩れてしまっていた

  • 表やリストの使い分け(dl,table,ul/ol)

    引き続きWordPress化について取り組んでいますが、やっていた課題の中で表(リスト)を表示させる部分がありました。方法としていろいろとありますが、使い分けがよくわかっていないのと、特にdl(定義リスト)についてはいまいちピンときていない

  • WordPress オリジナルテーマ作成5

    すこし時間があきましたが、これまでの学習方法としては・「WordPressオリジナルテーマ制作入門」を使った学習・「ちゃんと学ぶ、WordPressテーマ開発講座」による動画(Udemy)を実践してきました。ここまでで基本部分がいったん学習

  • 来年こそは・・・

    もうすぐ2022年も終わりです。今年は、少しづつですがサンバのイベントも増えてきました。秋以降、いくつかのイベントに参加させて頂きました。まだ、コロナの影響は残っていますが、来年こそは・・・と思います。ということで、2023年は神戸まつり開

  • WordPress オリジナルテーマ作成(中間)

    WordPressオリジナルテーマを制作するための学習についての記事です。

  • WordPress オリジナルテーマ作成~休憩中~

    WordPressオリジナルテーマを制作するための学習についての記事です。

  • WordPress オリジナルテーマ作成4

    WordPressオリジナルテーマを制作するための学習についての記事です。

  • Lightningケーブルを修復する(被膜破れ)

    iPPhoneのLightningケーブルって、必ずLightningコネクタ側の被膜から破れてきませんか?私の場合はほぼ100%被膜が破れ、中の線がむき出しになってしまいます。1年以内に破れてしまい、保証で交換したこも何度もありました。な

  • WordPress オリジナルテーマ作成3

    少しずつ複雑になってきているので、学習スピードが遅くなってきました。進めては戻り・・・を繰り返して少しづつ前進・・・という感じですね(笑)前回までで「header.php」と「footer.php」のパーツ化できたので、今回は「固定ページの

  • ほろ宵まつり 参加してきました。

    久しぶりのイベントの参加、今回は香川県の三本松商店街さん主催の「ほろ宵まつり」に参加させていただきました。沢山の方々に来ていただき、ありがとうございました。そんなに大きなお祭りではないのと、今回は初香川県!ということもあり、少し少ない人数で

  • WordPress オリジナルテーマ作成2

    WordPressオリジナルテーマを制作するための学習についての記事です。

  • WordPress オリジナルテーマ化

    WordPressオリジナルテーマを制作するための学習についての記事です。

  • CSSによるセンタリング(左右中央・上下中央・中央)

    文字や画像のセンタリングって、時々「あれ?」って思うことがあります(初心者あるあるでしょうか?)実際にはいろいろなやり方があるようですが、ここでは基本的なやり方について、少しまとめてみました。まとめてみることで、なぜそうする必要があるのか、

  • WordPress オリジナルテーマ

    WordPressオリジナルテーマを制作するための学習についての記事です。

  • CSSで縦書きに挑戦する!

    サイトを縦書きにする方法をまとめています。

  • 「バテリア」メンバー募集中!(再び)^^;

    バテリア(楽器隊)を募集しています。

  • PHPをパソコンで実行する(ローカル環境)

    PHPをパソコンで実行する方法をまとめています。

  • CSSによるサイズ指定(img)

    画像をCSSでサイズしてする時の見え方についてまとめています。

  • サンバ楽器の紹介⑧ ちょっとブレイク

    サンバで使われるいろいろな楽器を紹介します。

  • CSSによるサイズ指定(単位)2

    CSSでサイズしてする時の単位についてまとめています。

  • CSSによるサイズ指定(単位)1

    CSSでサイズしてする時の単位についてまとめています。

  • サンバ楽器の紹介⑦ アゴゴ

    今回の楽器は「アゴゴ」です。ちょうど、チームのアゴゴが手元になく写真が取れないので、大人の事情で無料イラストです(笑)楽器のイメージはわかりますよね!?「アゴゴ」は大きさの違うカウベルをつなげた楽器です。スティックなどで叩きます。「カンカン

  • さてさて、これから

    定年の時のことを考えて昨年からWeb関連の勉強を始めました。現時点では 「HTML」「CSS」「JavaScript」「jQuery」を学んできました。ツールもいろいろとやり始め、VScode、Figmaなどを使っています。で、この先どうし

arrow_drop_down

ブログリーダー」を活用して、サトルさんをフォローしませんか?

ハンドル名
サトルさん
ブログタイトル
おやじ50歳からがんばる 〜50代からの挑戦〜
フォロー
おやじ50歳からがんばる 〜50代からの挑戦〜

にほんブログ村 カテゴリー一覧

商用