(更新日 )

初心者の文系でも出来た!Wordpress5.x対応HTML・Bootstrap・オリジナルテーマ作成方法

提供:よこやま良平@1792名にプログラミング講義中 Wordpress
初心者の文系でも出来た!Wordpress5.x対応HTML・Bootstrap・オリジナルテーマ作成方法
概要紹介 はじめに 統合開発環境を用意しよう 統合開発環境をインストール PhpStormを日本語化する方法 ★PhpStormのウインドウが消えてしまったら タイトル:1日で覚える速習HTML/CSS講座 HTML・CSS講座基礎知識 見出し段落リンクリスト1 見出し段落リンクリスト2 CSS文字の色大きさクラス 作ってみようヘッダーフッターコンテンツ 演習問題1 演習問題2 タイトル:1日で覚えるBootstrap Bootstrap基礎講座 Bootstrapを使うための事前準備 グリッドシステム ボタンやテキスト・コンテナや背景色 フォーム 演習問題 タイトル:ローカルサーバー構築の手順 注意事項 WordPressローカルサーバー環境とは ローカルサーバー環境で出来ること WordPress専用サーバーを構築するまでの手順 Bitnamiとは ★Mac版の場合の注意点【必読】 ★WordPressインストールの注意事項【必読】 Bitnamiをインストールしよう WordPressにアクセスしてみる ★新版 Mac版でWordPressにログインできない場合 ★Mac版のWordPressログインURLとBitnamiが動かないとき WordPressを日本語化する WordPress本体の場所 phpMyAdminの場所とログインパスワード ★Mac版phpMyAdminの場所とログインパスワード Bitnamiのローカルサーバーが動いてないとき BitnamiのWordPressとIDEを接続したいとき WordPressとPhpStormを接続する 開発や仮想サーバーの注意点 WordPressとIDEとローカルサーバーと設定と同期 覚えるべきフォルダ構造 管理画面テーマプラグイン 投稿と固定ページ 投稿と画像投稿 投稿のテキストを装飾する テーマの基本構造 インストール済テーマをさわってみる テーマをインストールしてみる ★プラグインでつまずいてしまったら プラグインで追加する パンくずリストを追加する ページネーションを追加する ★SEO対策を追加するの注意事項 SEO対策を追加する カテゴリーURLを削除する 問い合わせフォームを追加する 子テーマとは カスタムフィールドとは カスタム投稿とは ★ダウンロード資料:講座で使っているテーマ完成版をダウンロード テーマの最小構成 ★ヘッダーフッターコンテンツのダウンロード資料 ヘッダーフッターコンテンツ テーマにBootstrapを使う サンプルとWordPressを組み込む サンプルを使ってデザインを作成 タイトルをリンクさせる シングルページをデザインする サイドバーにウィジェットを表示する メニューバーをBootstrapと連動させる ★メニューバーのUL・LI・CLASSの注意点 メニューバーのUL・LI・CLASS 固定ページをデザインする アーカイブページをデザインする クエリーで好きな記事を表示する お問い合わせフォームを整える フォントを整える 公開準備 注意事項 WEBサーバーを取得する方法 WEBサーバーのID・PASS 料金の支払い WEBサーバーログイン方法 ドメイン取得方法 ドメイン設定方法 SSLの設定方法 WordPressのインストール WordPressにログイン WordPress初期設定 WordPressテスト投稿 終わりに