พื้นฐานที่ควรมีสำหรับคอร์ส Modify Wordpress

พื้นฐานที่ควรมีสำหรับคอร์ส Modify Wordpress

เนื่อง จากผมต้องการให้คอร์สนี้ เรียนกันไอย่างรวดเร็ว ได้รับความรู้ให้มากที่สุด  จึงขอให้ผู้เรียนเตรียมตัวในด้านดังต่อไปนี้ครับ  สิ่งเหล่านี้ถือเป็นหัวใจของการทำเว็บสมัยใหม่ ท่านใดยังไม่เข้าใจส่วนนี้ ขอให้รีบหาความรู้เพิ่มเติมนะครับหรือสอบถามผมก่อน ขอให้ศึกษาก่อนอย่างจริงจังนะครับ ใช้เวลา 1-2 วันก็น่าจะครบแล้ว ไม่ยากครับผม

* ถ้าไม่มีพื้นฐานที่กล่าวมา แนะนำให้เรียนคอร์ส From Zero to Wordpress ก่อนนะครับ ใช้เวลาเรียนสองวัน

HTML

    รู้จักว่า Div คืออะไร

การเปิดปิด tag สำหรับ HTML  เช่น  <div>  </div>

รู้จัก id กับ class แตกต่างกันอย่างไร เช่น <div id=”clickbutton” class=”menu-button” >

รู้วิธีการลิ้งไฟล์ CSS และ ไฟล์ JavaScript ในส่วนหัวของไฟล์

รู้วิธีการสร้าง Table  (อันนี้ไม่จำเป็นมาก)

CSS

    รู้จักคำสั่ง และเคยใช้คำสั่งต่อไปนี้

    Margin - Padding  สำหรับการเว้นช่วงห่างของ object

    Border  ตั้งค่าเส้นขอบ

    Color  เปลี่ยนสีตัวหนังสือ

    Background-color  เปลี่ยนสีพื้นหลัง   

float: left,  float: right   จัดซ้าย จัดขวา

    Clearfix   รีเซ็ตการจัดซ้าย จัดขวา

PHP

    รู้จักคำสั่ง และเคยใช้คำสั่งต่อไปนี้

    If … Else    คำสั่ง ถ้า... แล้ว   พื้นฐานของการ Coding

    Loop.. While  For    คำสั่งของการทำซ้ำ

    Echo  ใช้เพื่อแสดงข้อความออกมาทางหน้าเว็บ

    Function  เข้าใจโครงสร้างของฟังก์ชั่น ที่เราจะต้องอ่านทำความเข้าใจ และเขียนขึ้นมาเองบางส่วน
    Include   เชื่อมโยงระหว่างไฟล์

Java Script

    รู้วิธีการลิ้งไฟล์ Javascript เข้าไปใน HTML

    รู้จัก jQuery

    ไม่ต้องเน้นมาก แค่อ่านโค้ดออกนิดหน่อยพอครับ

Server

    สามารถลง Appserv หรือ MAMP เพื่อจำลอง web server มาใช้บนเครื่องเป็น  (แนะนำให้ลงไว้ก่อนเข้ามาเรียนในคอร์ส) และลง WordPress ในเครื่องตัวเองเป็นอย่างคล่องแล้ว

Lesson Plan made by Koft

Section - Wordpress Structure

โครงสร้างของหน้าเว็บสมัยใหม่

    เว็บไซต์ก็มี หัว ไหล่ ตูด
    วิธีสังเกตหน้าเพจของคนอื่น
    รู้จักกับ Header, Footer, Sidebar, Index

ทำความรู้จักกับธีมของ Wordpress

    แนะนำการลงธีม และการหาธีมอย่างง่าย
    ค้นหาธีมด้วยระบบค้นหาของ Wordpress

สร้างธีมได้เองใน 1 นาที

    รู้จักไฟล์ที่ต้องการ
    วิธีการตั้งชื่อธีัมและรายละเอียดต่าง ๆ
    เพิ่มไฟล์รูป screenshot ของธีม

หั่น HTML5 ให้เป็น Wordpress

    แบ่งแยก หัว ไหล่ ตูด ของไฟล์เก่า
    แค่ตัดแปะจากไฟล์เก่า คุณก็ทำได้
    วิธีเชื่อมข้อมูลจากไฟล์อื่น include files

เข้าใจ Path ในสไตล์ Wordpress

    การเรียกใช้ css และ js จากในโฟลเดอร์
    เปลี่ยน path ให้แสดงรูปภาพได้ถูกต้อง   

เรียกใช้ธีมของเรากันดีกว่า

    การ install theme ด้วยการ copy file
    ทำให้เป็น Zip จะได้ง่ายขึ้น
    เลือกธีมของเราให้แสดง

# ตอนนี้สามารถเลือก theme ของเราและแสดงหน้าเว็บได้แล้ว  แต่ยังคงเป็นหน้าเว็บแบบแสดงเนื้อหาคงที่เท่านั้น (Static Webpage)

Section - Start Modify

Post กับ Page  ควรเลือกใช้อันไหนดี

    Post กับ Page  และหน้าที่ของมัน
    Post format support   โพสแบบเฉพาะเจาะจง

เตรียมข้อมูลพื้นฐานกันก่อนด้วย test unit

ข้อมูล test unit คืออะไร. ไม่ใช้ได้มั้ย?

ดาวโหลดให้เสร็จ แล้วมาลุยกัน

จะเริ่มแก้ไขจากไฟล์ไหนดี

    เส้นทางการวิ่งของไฟล์ กับ File Hierachy
    โหลด Plugin มาดูการวิ่งของไฟล์ กับ ธีม

    สร้าง single.php มาทดลองกันเถอะ

The Loop - คาถาหัวใจสิงห์

Loop ใน Wordpress คืออะไร
ทำไมต้องใช้ Loop
โครงสร้างที่จำเป็น
ตัวอย่าง Loop ที่ง่ายที่สุด กับ single.php ดึงโพสมาแสดง
Loop ใน index.php กับ single.php ต่างกันอย่างไร

The Loop 2 - เจอะแบบนี้ใครไม่รักก็บ้าแล้ว

จัดการเนื้อหาด้วย loop tag ต่าง ๆ
เลือกเนื้อหาแต่ละ category มาแสดง

Echo กับ non-echo ใช้ตอนไหนดี

Condition Tag - เลือกการแสดงผลในหน้าจอ

“ทางลัด” แสดงเฉพาะหน้า Home, Post, Page หรือ Category

แก้ไข index.php ให้รองรับทุกไฟล์

    วิธีการใช้ Condition Tag อื่น ๆ

เพิ่มพลังด้วย functions.php

ทำไมต้องมี เพิ่มพลังไปในแต่ละเพจเลยไม่ได้หรือ

ไฟล์ซ้อนไฟล์ เรียกใช้แบบซับซ้อน

ลุยของจริง กับ Basic Theme

    ทดลองดูการวิ่งของไฟล์ต่าง ๆ
    มือใหม่ลองเลือกปรับไฟล์ให้ถูกต้อง

เพิ่ม function ของตัวเองง่ายแสนง่าย

Sidebar แถบด้านข้างสารพัดประโยชน์

เพิ่ม widget เข้าไปในเว็บของเรา

แก้ไขให้แต่ละเพจ แสดง sidebar ไม่เหมือนกัน

เลือกได้ว่าจะใช้ Sidebar ตัวไหนดี

Page และข้อเด่น

สร้าง page.php มารับหน้า page

Page Template การเรียกใช้

โคลนนิ่ง Template ให้มาเป็นของเรา

Advance Hierarchy การผจนภัยใน เส้นทางสายไหมกับการแก้ไขธีมที่ซื้อมา

หมูสนามจริง สิงห์สนามซ้อม.  ชีวิตจริงโค้ดนั้นซับซ้อนกว่าเยอะ

Nested File Hierarchy เลือกการแสดงเนื้อหาในโพสแบบขั้นสูง
   

#ตอนนี้ทุกคนจะเข้าใจการทำงานของระบบ และเลือกแก้ไขไฟล์ได้ถูกต้อง เพียงเท่านี้ก็สามารถหาเลี้ยงชีพได้แล้ว

Day Extra - Theme support

ปรับแต่ง Navigation bar

    ปรับแต่ง Menu ใน Admin Panel
    ย้ายที่แสดงผลกับ wp_nav_menu()

Post thumnail แสดงผลรูปหน้าโพส

เพิ่มความน่ารักด้วยรูปภาพ Featured Image

เพิ่มภาพในโพส

แก้ไขธีมให้รองรับรูปในหน้า index.php

ตัวช่วยในการตัดรูปให้โดนใจ

Plug in recommend

Photo effects

Gallery

Social media connect

SEO purpose

Security

Modern Website Technology

    What is responsive design?

    Mobile website?

    Grid framework

    Less / Sass , a modern CSS Framework

Tools to use

    Basecamp

    Trello

    InvisionApp - Design commenting

    Google Drive

    http://www.niice.co   -- inspiration

    Alfred for mac

    http://placeit.breezi.com - mobile view

   

License Type

    CC GPL MIT ????

    Copyright handling

Section - การจัดการคุณลูกค้า

พบหน้าครั้งแรก

    สอนวิธีการเข้าถึงใจลูกค้า  ถามเค้าตรง ๆ เลย ว่าเค้าอยากได้เว็บไปทำอะไร

    วิธีขายพ่วง  ขายเว็บต้องขายพ่วง  ไม่งั้นเว็บก็เหมือนเว็บทั่วไป

การเรียกราคาให้สูง

    เชื่อไหม ว่าเว็บเดียวกันขายได้ตั้งแต่ 20000, 50000, 100000  บาท อยู่ที่เราคุย

    ใจใหญ่ ให้ลูกค้าเต็ม ๆ เค้าก็ให้เราเต็ม ๆ

    วิธีการบังคับ ให้ลูกค้าเลือกตามที่เราต้องการ

   

การคุม scope งาน

    ยิ่นทำนาน ยิ่งต้นทุนสูง จำไว้ครับ

    วิธีล็อค scope ให้อยู่หมัด  แบบถนอมน้ำใจลูกค้า

    ถ้าโดนเพิ่มงานล่ะ  ทำไงดี

Outsourcing

    คนไทย

    คนอินเดีย

    หรือจ้างฝรั่งดีนะ

   

   

WORKSHOP  !!!

ขอ เก็บเป็นความลับ บอกได้แค่ว่า ท่านจะรู้ทันทีว่าความสามารถท่านนั้นมีแค่ไหนกับ (ไม่ทำเกินลิมิต จะรู้ได้อย่างไรว่าลิมิตเราอยู่ตรงไหน)   และเราจะเสริมเขี้ยวเล็บการคุยงานให้กับท่านด้วยประสบการณ์ของผม และเทคนิคทางจิตวิทยาที่ใช้ในการคุยกับลูกค้า

   

Read More

วิธีย้ายข้อมูล ยกเครื่องใหม่บน Windows 8

    Windows Easy Transfer เป็นเครื่องมือใน Windows 8 ที่ช่วยเก็บไฟล์ข้อมูลส่วนตัวต่างๆ นำมาเก็บไว้ก่อนทำการฟอร์แมตเครื่องใหม่ โดยไม่จำเป็นต้องตามเก็บทีละโฟลเดอร์ให้ต้องเสียเวลา แล้วยังเลือกได้ว่าจะย้ายไฟล์อะไรบ้าง ไม่ว่าจะเป็น อีเมล์ เพลง รูปภาพ วิดีโอ รวมไปถึง Favorite ในส่วนของ Internet Explorer แต่ก่อนการใช้งานก็ควรจะต้องมีการเตรียมการให้เรียบร้อยเสียก่อน-


1 เลื่อนเมาส์ไปทางขวา คลิกที่ Charm bar แล้วเลือก Search จากนั้นพิมพ์ Windows Easy Transfer เพื่อเปิดหน้าต่างโปรแกรมขึ้นมา เมื่อปรากฏหน้าต่างโปรแกรมขึ้นมาให้คลิกที่ Next

`
2 หน้าต่างถัดมาจะมีให้เลือกพื้นที่สำหรับจัดเก็บข้อมูลปลายทาง ที่ต้องการจะนำข้อมูลไปเก็บเอาไว้-An Easy Transfer Cable ในกรณีที่เชื่อมต่อกับพีซีหรือโน้ตบุ๊กผ่านสายเคเบิล-A network ในกรณีที่ต้องการจัดเก็บไว้บนระบบเครือข่าย-An external hard disk or USB flash drive ในกรณีที่ต้องการจัดเก็บข้อมูลในอุปกรณ์ต่อภายนอกทั้งที่เป็นฮาร์ดดิสก์หรือแฟลชไดรฟ์1


3 หน้าถัดมาเป็นการกำหนดว่าเวลานี้ต้องการทำสิ่งใดกับข้อมูล-This is my new pc : ต้องการย้ายข้อมูลลงมาในเครื่องนี้-This is my old pc : ต้องการย้ายข้อมูลออกจากเครื่องนี้ในกรณีที่ต้องการย้ายข้อมูลออก ให้เลือก This is my old



4 เมื่อเลือกแล้วระบบจะทำการสแกนบรรดาข้อมูลทั้งหมด5

5 เสร็จแล้วก็จะรายงานว่าพื้นที่ที่ตรวจพบนั้น มีไฟล์จำนวนเท่าใดและมีปริมาณมากน้อยเพียงใด หน้าที่ของผู้ใช้คือ ต้องจัดเตรียมพื้นที่ว่างของอุปกรณ์ให้เพียงพอต่อการจัดเก็บ6


6 โดยเมื่อคลิกเข้าไปดูใน Customise ก็จะเห็นได้ว่ามี Detail แจกแจงออกมาครบถ้วน


7 นอกจากนี้ยังสามารถคลิกเข้าไปดูข้อมูลต้นทาง พร้อมทั้งเลือกได้ว่าจะเก็บข้อมูลในส่วนใด ซึ่งอาจจะไม่ทั้งหมดก็ได้ เมื่อเลือกได้แล้วคลิก Next!


8 ในหน้าของ Save your files and settings for transfer นั้น จะให้เจ้าของข้อมูลใส่รัหสพาสส์เวิร์ด เพื่อป้องกันคนอื่นลักลอบเข้าไปใช้งาน เมื่อเรียบร้อยให้คลิก Save

9 ตั้งชื่อไฟล์ข้อมูลที่จัดเก็บเอาไว้ เพื่อจะได้เป็นชุดเดียวกัน เข้าใจได้ง่าย เสร็จแล้วคลิก Save


10 เมื่อเรียบร้อยแล้ว ระบบจะแจ้งสถานะขึ้นเป็น Save Complete จากนั้นคลิก Next3


11 เมื่อระบบรายงาน Your transfer file is complete ให้คลิก Next อีกครั้ง


12 เมื่อหน้าต่าง Windows Easy Transfer file is complete แสดงขึ้นมา ก็หมายถึงเสร็จสิ้นกระบวนการจัดเก็บ

     เพียงเท่านี้เราก็จะได้ไฟล์ข้อมูลต่างๆ ไม่ว่าจะเป็น Document, Music, Video และอื่นๆ ที่ถูกกำหนดไว้ตั้งแต่ต้น ซึ่งอยู่ตามโฟลเดอร์หลักของวินโดวส์จัดเก็บเป็นที่เรียบร้อย สิ่งที่เหลือก็คือ เมื่อได้เครื่องใหม่หรือลงวินโดวส์ใหม่ ก็เพียงนำข้อมูลที่จัดเก็บนี้ เข้าสู่กระบวนการเดิมของ Windows Easy Transfer จากนั้นก็ทำการนำไฟล์กลับเข้าสู่ระบบอีกครั้ง


ที่มา http://notebookspec.com/ย้ายข้อมูล-ยกเครื่องใหม่-ไม่ใช่เรื่องยากบน-windows-8

อ่านเพิ่มเติมได้ที่ : http://www.igetugot.com/topics/วิธีย้ายข้อมูล+ยกเครื่องใหม่บน+Windows+8-5393-1-1.html

Read More