クロピグログ

職業訓練で学んだことまとめ

2020-01-01から1年間の記事一覧

【Sass授業二日目】Sass

Sass案件はCSSファイル直書きは厳禁 ※Sassのファイル保存したタイミングで直書きしたコードは消される sass_startup.code-workspace // Sass用設定を追記 // Sassのコンパイルによる出力設定 "liveSassCompile.settings.formats": [ { "format": "expanded",…

【Sass授業一日目】Sassの設定、SassとBEMの組み合わせ

SassをVSCodeで使用する方法 s001:SassをVSCodeで使用する方法 | JOBTECH.JP ●コンパイル SassではSCSS記法で記述した「Sassファイル」から「CSSファイル」を生成します。SassファイルからCSSファイルを生成することを「コンパイル」と呼びます。 Sass(SCS…

【WordPress授業十四日目】WordPressのバックアップして別PCに移動

WordPressのバックアップ M01:WordPressサイトをバックアップ | JOBTECH.JP ...\xampp\htdocs\mdn01の中の 「wp-content」をコピーしてバックアップ phpmyadminで「mdn01」のデータベースをエクスポート ※エクスポートの設定は何も変えない WordPressの新規…

【WordPress授業十三日目】コメント機能を追加

コメントモジュールテンプレート「comments.php」を読み込みます。 もし「comments.php」が存在しない時はWordPressがもっているコメントモジュールテンプレートを読み込みます。 ループ内でもループ外でも呼び出すことができます。今回は「comments.php」を…

【WordPress授業十二日目】投稿に新しいカテゴリーを作成

Custom Post Type UI p06-1:投稿に新しいカテゴリーを作成「Custom Post Type UI」 | JOBTECH.JP p06-2:カスタム投稿を作成「Custom Post Type UI」 | JOBTECH.JP p06-3:カスタム投稿に新しいカテゴリーを作成「Custom Post Type UI」 | JOBTECH.JP p06-4…

【WordPress授業十日目】ブロックエディタ、おすすめプラグイン

ブロックエディタ WordPress:「テキスト」カテゴリブロック確認 | JOBTECH.JP WordPress:「メディア」カテゴリブロック確認 | JOBTECH.JP WordPress:「デザイン」カテゴリブロック確認 | JOBTECH.JP おすすめプラグイン カスタムフィールド作成 p05:カス…

【WordPress授業十日目】オリジナルテーマ7

検索機能 034:サイト内に検索フォームを設置 | JOBTECH.JP 035:検索結果一覧表示テンプレートを追加 | JOBTECH.JP 034:サイト内に検索フォームを設置 「archive.php」を複製し、検索結果一覧表示用テンプレート「search.php」を追加します。 ◆WordOress検…

【WordPress授業九日目】オリジナルテーマ

functions.phpを使ったカスタマイズ 025:JSファイルの読み込み | JOBTECH.JP 026:アーカイブタイトルを変更 | JOBTECH.JP 027:編集画面カスタムカラー追加 | JOBTECH.JP 028:管理画面にID・スラッグを表示する | JOBTECH.JP 029:管理画面の項目を非表示…

【WordPress授業八日目】オリジナルテーマ5

セキュリティ対策の4つの関数の判断 上から順に判断していく('ω') 出力内容がURLかパスか?YES:esc_url関数 出力位置が属性部分か?YES:esc_attr関数 その他esc_html関数 「3」の結果タグが画面表示された場合wp_kses_post関数 昨日の内容 投稿詳細専用テ…

【WordPress授業七日目】オリジナルテーマ4

オリジナルテーマ作成 昨日の内容 条件分岐・各テンプレート別の対応 013:ページごとのタイトルタグを出力 | JOBTECH.JP 014:投稿詳細用テンプレート追加 | JOBTECH.JP ページネーション 015:一覧表示テンプレートにページネーションを追加 | JOBTECH.JP …

【WordPress授業六日目】オリジナルテーマ3

オリジナルテーマ作成 表示用サブループ 008:表示用サブループ設置 | JOBTECH.JP009:メニュー機能を使用可能にする | JOBTECH.JP カスタムメニュー 010:共通するヘッダーとフッターをパーツ化して読み込む | JOBTECH.JP 共通パーツをモジュール化 011:投…

【WordPress授業五日目】オリジナルテーマ2、WP特有のルール3

簡単にできるテーマ:予算・工数 小 制作手順 ひとまず作りたいサイトをコーディング その後、WordPressインストールして、WordPressの設定※案件に合わせて設定はする(よく使う設定は記録しておくとよい) 01:XAMPPにWordPressをインストール | JOBTECH.JPW…

【WordPress授業四日目】オリジナルテーマ、WP特有のルール2

WordPress関数がVScodeで赤くされる時の解決方法 https://bonz-net.com/view-wordpress-functions-by-php-intelephense-793/ オリジナルテーマ作成 時間がかかるテーマ:予算・工数 大 いろんな案件にマッチするテーマ配布して利用してもらうテーマ 案件が決…

【WordPress授業三日目】PHPの基本,WP特有のルール

PHPの基本 サーバに入れたフォルダ「wp-content」以外はWardPress更新時に変更になる可能性があるので、基本いじっても更新されるので注意 WordPressでは連想配列をレコード取得の条件によく使う $args = [ 'posts_per_page' => 3, 'category_name' => 'book…

【WordPress授業三日目】ウィジェット、カスタムメニュー、ユーザー、PHPの基礎知識・基本

ウィジェット WordPressで主にサイドバーに表示されるサイト回遊性を高めるコンテンツ群のことをウィジェットと呼ぶ ウィジェットの設定 左メニュー 「外観」 > 「ウィジェット」 ウィジェットの追加 左側「利用できるウィジェット」から追加したいウィジェ…

【WordPress授業二日目】操作方法

WordPressはバージョン代わり入力の仕方がかなり変わった。 Classic editor:古いverのサイト Block editor:ver5からのサイト ■ブロックエディタの基本 「見出し」「段落」「リスト」ブロックを使用 Enterで新しいブロック作成 Shift + Enterで改行(br要素…

【WordPress授業一日目】概要、インストール

WordPressとは 2003年にブログ作成するWebシステムとして公開される。 その後、バージョンアップし、企業サイトやニュースサイトなど多方面で利用されるCMS(コンテンツマネジメントシステム)として世界的なシェアを占める。 ●CMS Webサイトのコンテンツで…

【DB授業十一日目】正規表現

正規表現関数 $str = '123-4567'; if (preg_match('/^[0-9]{3}-[0-9]{4}$/', $str)) { echo '郵便番号です'; } else { echo '郵便番号ではありません'; } preg_match:パターンチェック関数 ・第1引数:文字列でパターンを指定 '/^[0-9]{3}-[0-9]{4}$/' ・第…

【DB授業十日目】MariaDB+PHP(続き6)

作業手順おさらい 1.DB構築 ・DB構築は必ずスクリプトファイルを作成・実行 2.システム専用ユーザの作成 GRANT ALL ON データベース領域名.* TO ユーザ名@localhost IDENTIFIED BY 'パスワード'; ・スクリプトファイルを作成・実行を推奨 ・ユーザの作成はシ…

【DB授業九日目】MariaDB+PHP(続き5)

一日おさらい問題を解いていた。

【DB授業八日目】MariaDB+PHP(続き4)

編集したデータをデータベースに登録 change.php ●PHPの設定を表示させる phpinfo(); ●セッション変数を使えるようにする session_start(); ユーザ識別用クッキーを発行するので出力処理より前で実行 なるべく上のほうに記述する 文字コードが「UTF8 with BO…

【DB授業七日目】MariaDB+PHP(続き3)

insert.php ●いつもの デバッグ領域表示・非表示 $debug = true; 自作関数定義読み込み require_once dirname(__FILE__) . '/functions.php'; ●三項演算子で値が届いているか確認したうえで各変数に値を代入 ・値が届いていたら「届いた値」を代入 ・値が届…

【DB授業六日目】MariaDB+PHP(続き2)

XAMPP壊れた際の対処方法 https://jobtech.jp/mysql/4027/ 通常のコマンドプロントで開く方法 cd C:\Users\ica\Desktop\xampp\mysql\bin これを打ち込み、移動してからいつも通り「mysql -u root -p」 みたいな感じで打ち込むと実行できる データベース領域…

【DB授業五日目】MariaDB+PHP(続き)

商品管理システムを作成 登録されている商品一覧を表示 index.php ●デバック用の領域の表示・非表示 $debug = true; ●自分で作成した関数を読み込んで利用できるようにする「function.php」の読み込み require_once dirname(__FILE__) . '/functions.php';「…

【DB授業四日目】MariaDB+PHP

MariaDB+PHP 作成手順 ・まずエクセルで仮の表作ってみる ・必要な情報をとりあえずピックアップしていく ●仮のテーブル 商品名 価格 在庫 キーワード メーカー名 メーカー住所 メーカー電話 万年筆 19000 10 逸品 ペン工房 東京都 03-0000-0000 鉛筆 60 22 …

【DB授業三日目】MariaDB(続き)

●SQRをPHPを連携する C:Create R:Read U:Update D:Delete SQL文にすると.... C:insert 追加 R:select 読出 U:update 更新 D:delette 削除 ユーザ情報 ●ユーザ情報の表示 SELECT * FROM mysql.user; SELECT user, host FROM mysql.user; +-----------…

【DB授業二日目】MariaDB

データベースで昨日のテーブル表示 ●まずMariaDBクライアントプログラム起動 mysql -u root -p ●データベース領域の変更 USE lesson ●テーブル表示 SELECT * FROM stationery; 条件をつけて検索する WHERE ●goods内のitemが「米」を表示 SELECT * FROM goods…

【DB授業一日目】データベースとは

設定方法 ●テキスト4~7P + プリントの説明 ●PW変える時用alter user 'root'@'localhost' identified by 'adomin'; ●PW変えた後 フォルダ:xampp > phpMyAdmin > config.inc.php このファイルの21行目付近 $cfg['Servers'][$i][password] = 'admin'; ●テキス…

【PHP授業十一日目】おさらいフォーム

おさらいフォーム 手順.1 ●内容をきめる ■口コミ案 ◇必須 ・口コミ対象の製品やサービス名(ユーザ選択ではなく内部で決定しておく) ・名前、ニックネーム ・レビュー本文 ・評価の点数 ◇必要があれば ・レビュータイトル ・年齢層 ・性別 ・時期・時間 ◇要検…

【PHP授業十日目】クッキー・セッション(続き3)、関数

クッキー・セッション(続き3) ・クッキー 端末を特定したうえで値を扱いたい ・セッション 悩んだらこっち使う、安全性高いので 関数 ●基本的にJSと一緒(プログラミングは基本考え方一緒) function attack() { echo '攻撃した!!<br>'; } ■関数定義部分 ・呼…