Introduction to Wordpress
Download as PPTX, PDF•0 likes•363 views
This document is a training session outline for WordPress, aimed at introducing trainees to its core functionality and preparing them for advanced practices. It assumes a basic understanding of internet technology and related skills, and covers topics like theme changing, plugin installation, and WordPress dashboard usage. The document also provides resources for further learning and recommended plugins for added functionality.
Introduction to Wordpress
- 2. This Training session in conducted to introduce the trainee with Wordpress , The most popular CMS of our day. This training will introduce you with the core functionality and make you ready for advanced practice in Wordpress. It is assumed that Trainee has at least a basic understanding of Internet technology, HTML, CSS, PHP and Mysql. Advanced Knowledge of this skills are not mandatory tough a good interest in learning new things is the most important requirement. 2
- 3. • Md Farhad Hussain • 3D Modeling Artist, Datasoft Systems BD LTD • [email protected] • @fhmunna 3
- 4. . 4
- 5. Overview • Change Theme • Install Plugins • Make Your Own Basic Theme 5
- 6. After competition you will learn • Installing Wordpress in Local and Remote server. • Loading Content and Media • How to use the Dashboard • Installing and Changing the layout of a Wordpress powered site. • Embedding various functionality using plugin 6
- 7. 7
- 8. 8
- 9. 9
- 10. 10
- 11. 11
- 12. 12
- 13. 13
- 14. 14
- 15. 15
- 16. 16
- 17. 17
- 18. 18
- 19. 19
- 20. 20
- 21. 21
- 22. 22
- 23. 23
- 24. 24
- 25. 25
- 26. 26
- 27. 27
- 28. 28
- 29. 29
- 30. 30
- 31. 31
- 32. 32
- 33. 33
- 34. 34
- 35. 35
- 36. 36
- 38. 38
- 39. 39
- 40. 40
- 41. 41
- 42. 42
- 43. Theme (tamplate File Location) • http://yourdomain.com/wp-content/themes/ • Required files: index.php , style.css, functions.php, screenshot.png • Index.php splited into header.php, footer.php,sidebar.php • single.php, archive.php,category.php,comment.php, 404.php are further specified templates 43
- 44. • Add the required files there: – style.css – index.php • These are the two mandatory files for a WordPress theme 44
- 45. • Add an appropriate heading to style.css: 45
- 46. • Migrate your template CSS to style.css • If there are more than 1 stylesheet files, there are 2 options: – Include them in header with normal <style> tag – Use wp_enqueue_style in functions file 46
- 47. • Add header.php, footer.php and sidebar.php • Separate the common parts of the site and move them to header, footer or sidebar pages • There are other template files as well 47
- 48. 48
- 49. • Fix all static image paths in the style.css file • Organize images in images/ folder 49
- 50. • Add the style.css file to the header of the site: • Fill in the index.php code for all pages (everything left besides header/footer code 50
- 51. • Clear out all static page content from your markup (the demo texts – title and static content) • Use this snippet instead: 51
- 52. • Use predefined tags, such as: – the_title() – the_content() – the_permalink() – They work in a loop – A single post view is like an array with 1 element 52
- 53. • Move index.php to home.php or front.php if you want a landing page • Replicate index.php, but: – Add sidebar section – Correct small dynamic details such as dates • Use date(‘Y’), date(‘M’), date(‘d’) for y/m/d 53
- 55. • Add sidebar to a page 55
- 56. • Define menu • Call it a few times or use register_nav_menus for several menus 56
- 57. • Add the menu to a block in the markup • theme_location is sufficient 57
- 58. • Call comment_form() or comments_template(…): 58
- 59. What’s next? • Once you’re ready with the theme, you could: – Add some complex plugins for more functionality – Integrate some APIs to social networks or remote services – Work on the next theme of yours 59
- 60. Recommended Plugins • Types and Views • WPML • WooCommerce • BuddyPress • S2Member • Contact Form 7 / Gravity Forms • Free and Paid 60
- 61. Further Refference • Look For the template tag and description here : https://www.dbswebsite.com/design/wordpre ss-reference/v3/ • Steps of theme development http://www.onextrapixel.com/2011/03/08/ho w-to-code-a-wordpress-3-0-theme-from- scratch/ • And ofcourse http://codex.wordpress.org 61