WePuri
ワードプレス教室
レッスン観覧方法
レッスン観覧方法
WordPress 基礎レッスン
基礎レッスンで学べること
0日目：はじめる前に
WordPressとは
メリットとデメリット
技術が必要な理由
1日目：環境構築
サーバーとドメインについて
レンタルサーバーの契約方法
WordPressのインストール
ローカルの場合
テスト環境の制作方法
テーマとプラグインの違い
2日目：サイトデザイン設定
サイトデザインについて
管理画面へログイン
テーマの変更方法
サイトタイトルの設定
非公開設定
ロゴ画像の設定
サイトアイコンの設定
メインビジュアルの設定
3日目：固定ページの制作
固定ページの制作①
固定ページの制作②
固定ページの制作③
演習課題１
演習課題２
4日目：メニュー設定
ヘッダーメニューの設定方法
フッダーメニューの設定方法
5日目：投稿（ブログ）の制作
投稿（ブログ）の制作方法①
投稿（ブログ）の制作方法②
投稿内に「目次」を設置
演習課題３
演習課題４
ブロックパターン
6日目：カテゴリー設定
固定ページと投稿の違い
カテゴリー設定
カテゴリーをメニューに設定
7日目：サイドバーの設定
8日目：お問合せページの制作
お問合せページの制作_01
お問合せページの制作_02
9日目：事務的で重要な処理
アップデート（更新）
セキュリティ：プラグイン
セキュリティ：SSL
no-indexとindex設定
自動バックアップ
10日目：アクセス解析 / SEO
アクセス解析設定
SEOプラグインの設置
11日目：その他の処理
ホームページ設定
ブログ一覧ページの設定
一般設定
ユーザーの追加・変更
サイトを別ドメインへコピー
12日目：基礎レッスン最終課題
テーマ別制作方法
このレッスンで学べること
Blossom Beauty
復元の準備
デザインカスタマイズ
メニューの設定
ウィジェット
プラグインのデータについて
レッスン終了
Lightning
復元の準備
テーマ変更と拡張プラグイン
デザインカスタマイズ
スライドショー
メニュー設定
ホームページの設定
テーマ専用_ブロックスタイル
テーマ専用ブロックエディタ
レッスン終了
Cocoon
復元の準備
Cocoonテーマへの変更方法
デザインカスタマイズ
メニューの設定
テーマ専用ブロックエディタ
ウィジェット
目次設定について
SEO設定について
レッスン終了
Colibri WP
復元の準備
デザインのインポート
カスタマイズ：トップページ
カスタマイズ：下層ページ
メニューの設定
お問合せフォーム
レッスン終了
画像編集
画像編集系のページやリンクについて
Canvaの使い方
画像サイズ変更と出力
テキストの入力・調整
素材を使ってみよう
テンプレートを使ってみよう
画像素材サイト
pixabay
unsplash
photo-ac
pakutaso
freepik
画像圧縮サイト
サイズ変更
データの圧縮
アイコン素材
Fontawesome
flat-icon-design
icooon-mono
Human Pictgram
Icon Monstr
Icons8
SEO対策（準備中）
準備 / 戦略
事務的に必須な処理
戦略
ユーザーファーストであること
コンセプト
カテゴリー
記事の書き方
レギュレーション
キーワード設定
魅力的なタイトルの決め方
結論ファースト
見出しの作り方
共起語
メタディスクリプション
パーマリンク
ページの読み込み速度
やるべきこと一覧
ツール
Googleアナリティクス
Googleサーチコンソール
ラッコキーワード
ウーバーサジェスト
Rank Tracker
ランディングページの制作
LPマーケティングとは
実践する方法
Elementar：基本操作
このレッスンで学ぶこと
インストールと無料会員登録
Elementorキャンパスの設定
色々なテンプレート
新規制作とカラム設定
見出し設定
テキストエディタ
セクション
リンクボタン
メインビジュアルの制作
レスポンシブ
画像の設定
動画
画像カルーセル / スライダー
Googleマップ
テンプレートの保存と復元
Elementar：パーツの制作
Level 1〜7
Level 8〜11
WordPress応用操作
追加CSS
セキュリティ
最低限必要な対策
２段階認証
会員サイトの制作方法
お問合せフォーム
Contact Form 7
オンラインショップ
Stripe決済
WooCommerce
その他の設定
Googleお仕事検索
Google口コミの表示
GoogleFormの埋め込み
Instagram最新投稿の表示
メルマガの設定方法
リンク切れ一括点検&修正
メッセンジャーチャット機能
WordPressテーマ開発
データベース：ユーザー情報操作
JavaScript 基礎構文
console.logの表示方法と使い方
変数の代入方法
要素の指定方法
idを指定する方法
classを指定する方法
配列
配列の代入と出力方法
多次元配列
【配列操作一覧】取得/追加/結合/削除など
sort 並び替えまとめ
隣や親の要素の取得方法
配置、サイズの取得
Windowサイズの取得
要素の大きさ（高さ、横幅）
要素の位置座標を取得
JavaScript 応用
HTMLのパーツ化
idを使って共通パーツの制作
head内の共通設定
クリックしたら…の指定
「addEventListener」でクリックしたら指定した要素をアニメーションさせる方法
IDをクリックしたら要素を出現させる
liを１行ずつスライドさせながら遅らせて表示する方法
スクロールしたら…の指定
100pxスクロールしたら要素を出現させる
下までスクロールしたら要素を消す
スクロールしたら要素が現れる
スクロール途中で要素が消える
ページが読み込まれたら…の処理
要素の高さをJavaScriptでブラウザの高さに合わせる
テキストを１文字ずつspanで囲む
brを自動的に付与する
改行されたら「li」タグで囲む
フォーム操作
フォームに入力された値をリアルタイムでブラウザに反映させる
ページトップに戻る
ページの読み込み速度対策
画像の遅延読み込み
Jsでimgのレスポンシブ対応（ページの読み込み速度対策）
ストップウォッチ
ドラック&ドロップ中途半端
チャットシステム基礎
ページをリロードしないでPOSTする
React
React初期設定（Vite）
importの基本
props
useState
Laravel
環境構築
WePuri
ワードプレス教室
MENU
レッスン観覧方法
レッスン観覧方法
WordPress 基礎レッスン
基礎レッスンで学べること
0日目：はじめる前に
WordPressとは
メリットとデメリット
技術が必要な理由
1日目：環境構築
サーバーとドメインについて
レンタルサーバーの契約方法
WordPressのインストール
ローカルの場合
テスト環境の制作方法
テーマとプラグインの違い
2日目：サイトデザイン設定
サイトデザインについて
管理画面へログイン
テーマの変更方法
サイトタイトルの設定
非公開設定
ロゴ画像の設定
サイトアイコンの設定
メインビジュアルの設定
3日目：固定ページの制作
固定ページの制作①
固定ページの制作②
固定ページの制作③
演習課題１
演習課題２
4日目：メニュー設定
ヘッダーメニューの設定方法
フッダーメニューの設定方法
5日目：投稿（ブログ）の制作
投稿（ブログ）の制作方法①
投稿（ブログ）の制作方法②
投稿内に「目次」を設置
演習課題３
演習課題４
ブロックパターン
6日目：カテゴリー設定
固定ページと投稿の違い
カテゴリー設定
カテゴリーをメニューに設定
7日目：サイドバーの設定
8日目：お問合せページの制作
お問合せページの制作_01
お問合せページの制作_02
9日目：事務的で重要な処理
アップデート（更新）
セキュリティ：プラグイン
セキュリティ：SSL
no-indexとindex設定
自動バックアップ
10日目：アクセス解析 / SEO
アクセス解析設定
SEOプラグインの設置
11日目：その他の処理
ホームページ設定
ブログ一覧ページの設定
一般設定
ユーザーの追加・変更
サイトを別ドメインへコピー
12日目：基礎レッスン最終課題
テーマ別制作方法
このレッスンで学べること
Blossom Beauty
復元の準備
デザインカスタマイズ
メニューの設定
ウィジェット
プラグインのデータについて
レッスン終了
Lightning
復元の準備
テーマ変更と拡張プラグイン
デザインカスタマイズ
スライドショー
メニュー設定
ホームページの設定
テーマ専用_ブロックスタイル
テーマ専用ブロックエディタ
レッスン終了
Cocoon
復元の準備
Cocoonテーマへの変更方法
デザインカスタマイズ
メニューの設定
テーマ専用ブロックエディタ
ウィジェット
目次設定について
SEO設定について
レッスン終了
Colibri WP
復元の準備
デザインのインポート
カスタマイズ：トップページ
カスタマイズ：下層ページ
メニューの設定
お問合せフォーム
レッスン終了
画像編集
画像編集系のページやリンクについて
Canvaの使い方
画像サイズ変更と出力
テキストの入力・調整
素材を使ってみよう
テンプレートを使ってみよう
画像素材サイト
pixabay
unsplash
photo-ac
pakutaso
freepik
画像圧縮サイト
サイズ変更
データの圧縮
アイコン素材
Fontawesome
flat-icon-design
icooon-mono
Human Pictgram
Icon Monstr
Icons8
SEO対策（準備中）
準備 / 戦略
事務的に必須な処理
戦略
ユーザーファーストであること
コンセプト
カテゴリー
記事の書き方
レギュレーション
キーワード設定
魅力的なタイトルの決め方
結論ファースト
見出しの作り方
共起語
メタディスクリプション
パーマリンク
ページの読み込み速度
やるべきこと一覧
ツール
Googleアナリティクス
Googleサーチコンソール
ラッコキーワード
ウーバーサジェスト
Rank Tracker
ランディングページの制作
LPマーケティングとは
実践する方法
Elementar：基本操作
このレッスンで学ぶこと
インストールと無料会員登録
Elementorキャンパスの設定
色々なテンプレート
新規制作とカラム設定
見出し設定
テキストエディタ
セクション
リンクボタン
メインビジュアルの制作
レスポンシブ
画像の設定
動画
画像カルーセル / スライダー
Googleマップ
テンプレートの保存と復元
Elementar：パーツの制作
Level 1〜7
Level 8〜11
WordPress応用操作
追加CSS
セキュリティ
最低限必要な対策
２段階認証
会員サイトの制作方法
お問合せフォーム
Contact Form 7
オンラインショップ
Stripe決済
WooCommerce
その他の設定
Googleお仕事検索
Google口コミの表示
GoogleFormの埋め込み
Instagram最新投稿の表示
メルマガの設定方法
リンク切れ一括点検&修正
メッセンジャーチャット機能
WordPressテーマ開発
データベース：ユーザー情報操作
JavaScript 基礎構文
console.logの表示方法と使い方
変数の代入方法
要素の指定方法
idを指定する方法
classを指定する方法
配列
配列の代入と出力方法
多次元配列
【配列操作一覧】取得/追加/結合/削除など
sort 並び替えまとめ
隣や親の要素の取得方法
配置、サイズの取得
Windowサイズの取得
要素の大きさ（高さ、横幅）
要素の位置座標を取得
JavaScript 応用
HTMLのパーツ化
idを使って共通パーツの制作
head内の共通設定
クリックしたら…の指定
「addEventListener」でクリックしたら指定した要素をアニメーションさせる方法
IDをクリックしたら要素を出現させる
liを１行ずつスライドさせながら遅らせて表示する方法
スクロールしたら…の指定
100pxスクロールしたら要素を出現させる
下までスクロールしたら要素を消す
スクロールしたら要素が現れる
スクロール途中で要素が消える
ページが読み込まれたら…の処理
要素の高さをJavaScriptでブラウザの高さに合わせる
テキストを１文字ずつspanで囲む
brを自動的に付与する
改行されたら「li」タグで囲む
フォーム操作
フォームに入力された値をリアルタイムでブラウザに反映させる
ページトップに戻る
ページの読み込み速度対策
画像の遅延読み込み
Jsでimgのレスポンシブ対応（ページの読み込み速度対策）
ストップウォッチ
ドラック&ドロップ中途半端
チャットシステム基礎
ページをリロードしないでPOSTする
React
React初期設定（Vite）
importの基本
props
useState
Laravel
環境構築
WordPress教室『WePuri』
CopyRights ©︎ 2023 WordPress教室『WePuri』 All Rights Reserved.
[bogo]
要素の大きさ（高さ、横幅）
要素の高さを取得
clientHeight
要素の横幅を取得
clientWidth
