Introduction to Website Creation without Coding with Elementor Wordpress
- 1. Present By : Palembang Digital (PaTal) Community Introduction to Website Creation without Coding with: Stephanus Bagus Saputra S1 Sistem Informasi Institut Teknologi & Bisnis Palcomtech Palembang
- 2. MY JOURNEY 2011 Graduated from SMK Vinama 2 Bekasi majoring in Computer Network Engineering 2012 Had studied D3 Computer Engineering at Bina Sarana Informatika Jakarta (stop-out) 2017 Participated in BBPLK Cevest Bekasi Training with professional qualifications in the field of Client-Server Programming (BNSP Certificate) 2015 Worked as IT Support / Officer at Masterpiece KTV Ahmad Dhani Sarinah Jakarta 2013 Opening a JuTekIn Computer Shop Business at Mangga Dua Square Mall, North Jakarta 2014 Worked as IT Support / Officer at PT Mahardika Putra Mahkota Jakarta 2018 Worked as IT Support / Officer at PT Sinar Megah Sentosa Group Palembang 2022 Starting S1 Information Systems at the Palcomtech Palembang Institute of Technology & Business 2024 Planning stage for starting a business in the Software Industry.
- 3. TABLE OF CONTENT Present By : Palembang Digital (PaTal) Community Introduce User Interface Interface Features Integration & Display What is CMS? What is Elementor Wordpress? Elementor user interface screenshot Features that allow elementor customization and settings Elementor integration with other plugins. Responsive on various devices? 1 3 2 4
- 4. INTRODUCE 01 Present By : Palembang Digital (PaTal) Community
- 5. WHAT IS A CMS FOR WEBSITE? A Content Management System (CMS) is software that allows individuals or organizations to create, manage, and publish digital content, such as text, images, videos, and more, on a website without having to have in-depth knowledge of web programming. Present By : Palembang Digital (PaTal) Community
- 6. WHAT IS THE ELEMENTOR? Elementor is a plugin for WordPress that allows users to create visually professional-looking web pages, without having to write code. Present By : Palembang Digital (PaTal) Community
- 7. USER INTERFACE 02 Present By : Palembang Digital (PaTal) Community
- 8. USER INTERFACE INTRODUCE Menu, Toolbox, Widgets Window of Page Editor Menu Page Editor Navigation or Layer of Widgets Present By : Palembang Digital (PaTal) Community
- 9. VARIATIONS OF ELEMENTOR WIDGETS Present By : Palembang Digital (PaTal) Community
- 10. VERY BASIC CONCEPT Present By : Palembang Digital (PaTal) Community ● Section ( Layout ) ○ Column ( Layout ) ■ Content ( Content ) Section Column Content
- 11. INTERFACE FEATURES 03 Present By : Palembang Digital (PaTal) Community
- 12. DRAG & DROP INTERFACE FEATURE Hold and Move the Cursor Then remove it from the Page Container section Select the Widget You Want To Use Widget will displayed at Navigation Section Present By : Palembang Digital (PaTal) Community
- 13. USING WIDGET EDITOR Present By : Palembang Digital (PaTal) Community Without the need for CSS code, you can use the Widget Editor to adjust the Background, Margin, Padding, Size, Position, and others.
- 14. ANIMATED EFFECTS FEATURES Present By : Palembang Digital (PaTal) Community Select Animation Section / Container Result Animation of Fade In Down
- 15. REDO / REVERT & REVISIONS Present By : Palembang Digital (PaTal) Community Select Item Actions / Revisions from History Panel
- 16. INTEGRATION & DISPLAY 04 Present By : Palembang Digital (PaTal) Community
- 17. IMPORT PLUGIN’S WORDPRESS TO ELEMENTOR Present By : Palembang Digital (PaTal) Community Using Shortcode Widget to import Plugin’s Wordpress
- 18. USING TEMPLATE KIT LIBRARY Present By : Palembang Digital (PaTal) Community Using Elementor's Standard Templates to Easily Create the Pages You Want!
- 19. WHICH UNDERLYING THEME Present By : Palembang Digital (PaTal) Community Choose a standard WordPress theme to decorate all website pages
- 20. EDITOR & PREVIEW PAGE ON BLOGGER Present By : Palembang Digital (PaTal) Community Click the HTML or Compose view mode button for the working Editor Page and then the Update Button to Publish Page. For view/test the results page, we need opening a New Tab in Browser or using Preview Button in Editor Page
- 21. REAL WYSIWYG EDITOR EXPERIENCE Present By : Palembang Digital (PaTal) Community The Editor's appearance is directly the same as the Original Page
- 22. RESPONSIVE DISPLAY MODE Present By : Palembang Digital (PaTal) Community Select Mode Device Layout Manual Input Size Layout Press Responsive Mode Button at Menu Panel Desktop View Mobile View
- 23. Present By : Palembang Digital (PaTal) Community THANK YOU Email: stephanusdai@icloud.com IG/FB/Twitter/Youtube: @wiefunkdai Web/Blog: www.stephanusdai.web.id WRITTEN BY STEPHANUS BAGUS SAPUTRA