クロピグログ

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

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