WP経験ゼロから、翌週末には高度なカスタマイズ知識が身に付けられる超速講座!
開催日程はありません。
建築士・設計関連システム構築・3DCG技師を経て、現在はWEB制作全般(デザインはもちろんですが、特にフロント・バックエンジニアリング、CMS構築)および建築ビジュアライゼーションを専門としております。
対応システム・ソフトウェアはWordpress, PHP(CakePHP,Codeigniter, Laravel etc), MySQL, javascript, jQuery, Vue.js , iOS(Objective-C), python3 , JavaEE, Adobe Photoshop, VectorWorks, SketchU...
+続きを読む
■オリエンテーション
・自己紹介
■環境チェック
・wifi接続
・ブラウザチェック
■概要説明
・サイト制作の選択肢
・CMSとは、ブログシステムとは
・wordpressの特徴・現状
■セットアップ方法
・レンタルサーバを用意し、管理画面へアクセス
(※当方で準備したサーバを利用します)
・データベースの設定【DBがないと始まらない】
ーDBのアカウント名+パスワードを決める
・WP自動インストール
・WP管理者IDとパスワードを決める
※多数のアカウント/パスワードが出て来るので注意
■Wordpressを使ってみる【デフォルトテーマで基本機能確認】
・投稿とは? 固定ページとは?
ー投稿してみよう
・「ビジュアル」「テキスト」エディタ
*テキストの入力、画像の投稿
*使い分けのポイント、自動整形に注意
ビジュアル →文字に着色したい場合・テーブルを使いたいとき(要プラグイン)
テキスト →文章と画像中心・アフィリエイトリンクなどを入れる場合
※自動整形に注意!
※機能が少ないのでプラグインで拡張しよう
ー固定ページを作ってみよう
・基本は「投稿」と同じ、メニューに反映される
・ウイジェットとは?
・カスタムメニューとは?
・テーマとは?【デザインの着せ替え・ただし・・・】
テーマの選定と注意ポイント
テーマの導入方法
・プラグインとは?【付加機能を自由に組込みが出来る】
ー有名なプラグイン
ープラグインの選定と注意ポイント
・その他の設定
ーフロントページ
ーパーマリンク
ーコメント機能
(休憩)
■無料ビジネステンプレートを使って会社概要サイトを作ってみる
・テーマファイルDL、テーマ適用
・トップページ設定
画像のアップロード
カラー調整(カスタマイザー)
・固定ページ作成
・会社沿革
・アクセス(GoogleMapを埋め込む)
・お問い合わせ
・プラグイン導入(Contact form 7)
(質問等)
・環境準備
WIFIチェック
FTP、テキストエディタのチェック
教材ダウンロード
・オリエンテーション
・WPのセットアップ
DBおよびクイック・インストール(さくらインターネット利用)
・テーマの導入(教材からzipファイルで導入)
・プラグインの導入
-custom post type UI
-custom field template
-WP custom field search
その他
・カスタム投稿タイプ(カスタムポストタイプ)とは何か?
・ポストメタとは何か?カスタムフィールドとは何か?
簡単なカスタムフィールドを作って、表示するまでの流れを確認
・入力する項目を設定する
custom field templateの設定
(・テーマファイルの修正
-single-shop.php(データや画像を表示出来るようにする)
-index.php(カスタム投稿タイプを表示出来るようにする)
)
・検索をどのようにして実現するか?
-WP custom field searchを使いこなす
(時間に余裕があった場合)
・その他の機能拡張
-lightbox 、 評価用プラグイン、SNS連携など
・WIFI、FTP等環境チェック
・WPカスタマイズの一般的方法とその選定
・WPのテーマを理解する
ーテンプレート階層
ー最低限必要なファイルは?
ーWPテーマにするための決まり事
ー「サイト制作目的」と「配布目的」の違い
・WPのセットアップ
ーインストール
ー初期設定(パーマリンク、コメント等)
・テーマファイルを確認する(html , css ,画像ファイル)
・PHP超超入門
・ファイルを加工する
ーまずはstyle.css
ーファイルをリネーム、整理する
ーヘッダー、フッター、サイドバーを作成
ーWPのタグを確実に埋め込む
ーウイジェットエリアを用意する
・出来上がったテーマを調整する
ーインスペクタを使う
ーstyle.cssを編集する
・その他の機能追加
ーお問い合わせフォーム
・質疑等