Facial Physiognomy & Face Reading Analysis - Face Reading for WordPress Project

Interactive Facial Physiognomy Layout & Reading Tool for WordPress

302.32 ms

The Facial Physiognomy & Face Reading Analysis (Face Reading - wpfacereading) plugin is an interactive Feng Shui physiognomy tool for WordPress. It provides an intuitive canvas editor that lets visitors upload their portrait photograph and overlay professional facial mapping diagrams directly over their face for accurate reading.

Core Features & Subsystems

1. Comprehensive Facial Diagram Library ([pxg_face_reading])

  • 12 Facial Palaces (12 Cung Tướng Mặt): Life Palace (Mệnh Cung), Career Palace (Quan Lộc Cung), Wealth Palace (Tài Bạch Cung), Real Estate Palace (Điền Trạch Cung), Parents Palace (Phụ Mẫu Cung), Siblings Palace (Huynh Đệ Cung), Spouse Palace (Thê Thiếp Cung), Children Palace (Tử Tức Cung), Health Palace (Tật Ách Cung), Travel Palace (Thiên Di Cung), Servants Palace (Nô Bộc Cung), and Feature Appearance Palace (Tướng Mạo Cung).
  • 3 Regions & 5 Mountains (Tam Đình & Ngũ Nhạc): Evaluates Upper, Middle, and Lower facial proportions alongside 5 Sacred Mountain peaks (Forehead, Nose, Left/Right Cheekbones, Chin).
  • 108 Mole Position Diagrams: Analyzes auspicious and inauspicious facial mole positions for both Men and Women.

2. Interactive Drag & Scaling Canvas Editor

  • Portrait Photo Upload: Direct frontend image upload via AJAX creating a background canvas layer.
  • Diagram Overlay Controls: Select Red or Black diagram overlays, drag to align center points, rotate angles, and scale dimensions to match eyes, nose, mouth, forehead, and chin.

3. Admin Customization & ZIP Backup

  • Diagram Data Management: Configure facial diagram images, descriptions, and categories in WP Admin.
  • ZIP Backup & Restore: Export all plugin options into a compressed ZIP file with 1-click AJAX restoration.

System Architecture & Data Flow

graph TD A[Frontend Shortcode pxg_face_reading] --> B[Upload Portrait Image via AJAX upload_file] B --> C[Set Portrait as Background Canvas Layer pxg_face_reading_design] C --> D[Select Diagram from Bootstrap Treeview List Red / Black Overlay] D --> E[Inject Overlay Layer pxg_face_reading_editor] E --> F[Apply Interactive Dragging Rotation Matrix Scaling] F --> G[Render Complete Facial Physiognomy Reading Modal]