Χτίζοντας απαιτητικά WordPress sites χρησιμοποιώντας MVC αρχιτεκτονική & Gutenberg (EPIGNOSIS) - Δημήτρης Αποστολάτος, Άγγελος Παπαϊωαννίδης

Transcript

1. WordCamp Greece 2021 Χτίζοντας απαιτητικά WordPress sites χρησιμοποιώντας MVC αρχιτεκτονική & Gutenberg
2. We cater to the learning needs of modern organizations, no matter the size or complexity. Pioneers in learning technology Highly customizable, tailored to mid-market / larger enterprise Powerful enterprise-grade LMS purpose-built with the same DNA as TalentLMS for medium-to-large organizations with higher user volumes, advance customization and security requirements delivered via a private cloud (hybrid or single- tenant SaaS) or on-premise. A collection of ready-made courses Courses that cover soft skills any team needs for success at work on a wide range of different topics from leadership training to sales and finance training. Currently offered as part of TLMS. Mobile learning, targeting deskless workers Enables a flexible self-paced training approach that empowers your employees through simple, mobile-only delivery, which helps increase the value and effectiveness of regular training. Rapid deployment, full featured, attractive pricing An award winning SaaS LMS solution that powers end-to- end delivery of digital learning primarily for small-to-medium sized customers, departmental users within larger organi- zations, and increasingly for enterprise organizations.
3. Epignosis Today 9000+ Customers 11th year in a row reporting profitable growth 130 employees (4 different countries, majority in Greece) 11M+ learners worldwide / 3M+ courses created
4. Inbound Engine • Operating 100% on inbound marketing • Majority of customers (76%) come through self-serve model • Time-to-value: Customers are fully onboarded and live within 45 days (vs. 3 month industry avg.) • Unique pricing: approx. 80% cheaper compared to other providers.
5. Website redesign needs Easy to code / create functionality Reliable Reusable / Expandable Lightweight Support existing functionality
6. Custom Nested Blocks Page/Post Block/Tab Block/Gallery Block/List Block/Tab Block/Accordion Block/Section Block/Slider Gutenberg section
7. Variable Landing Shortcodes [keyword default=”Cloud LMS” param=”id”]Your Online Training {keyword} gets easier than ever [/keyword] Gutenberg section
8. API Bloc k Block Parent/Child - Pages custom block Gutenberg section
9. MP 4 JPE G GI F Support multiple filetypes • Support multiple filetypes on the same block-area • Restrict users from inserting any type of file in a block area Gutenberg section
10. Functions Controller Block React View Model Helper MVC & indepence from react for every block MVC architecture Emerge section
11. Functions Helper Main Menu Walker WP-Head API Footer Menu Walker WP-Foot API Menus / API Emerge section
12. • Solves the “empty pages” problem. Routes Web Web Custom Routes Salesforce Create Account Custom Routes Custom Field Actions API API Routing Emerge section
13. • ES6 Without any plugins - eg. Doesn't load assets if they are not used on a page • Compiled scripts used inline without network requests Get {Parameter} Theme Functions MVC Middleware Read Save Rewrite Rules Page Affiliate Links Emerge section
14. Page Exists Before WP Load • New Website • Old Website Assign Before Page Rendered • Pass Variables • Page Caching Before Redirect • Add Parameters • Post Request Response Middleware Emerge section
15. 15 Frontend Performance section • ES6 Without any plugins - eg. Doesn't load assets if they are not used on a page • Compiled scripts used inline without network requests CSS • bootrap.css • slider.css • header.css JS • slider.js • header.js • Tabs.js • lazyLoad.js IMAGES • logo.svg • Background.svg
16. 16 {URL} Search Yes Fetch NO {OldURL} Search No Not Found No Dual Website on Single Subdomain Transition section
17. Next steps • CDN & Static Pages • Pagespeed & Lighthouse optimization • SVG animations • Structured data • Data Layer variables for effortless A/B testing • Support our growth hacking efforts Blog shortcode example Find your LMS • Consolidate multiple WordPress instances into one • Use the same engine created for the rest of our product websites
18. Want to be challenged? Join the team! www.epignosishq.com Not good at ping-pong