Introduction to

1

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

• Md Farhad Hussain• 3D Modeling Artist, Datasoft Systems BD LTD

• farhad.hussain@datasoft-bd.com

• @fhmunna

3

. 4

Overview

• Change Theme

• Install Plugins

• Make Your Own Basic Theme

5

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

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

WordPress

Questions?

37

38

39

40

41

42

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

• Add the required files there:

– style.css

– index.php

• These are the two mandatory files for a WordPress theme

44

• Add an appropriate heading to style.css:

45

• 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

• 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

• Fix all static image paths in the style.css file

• Organize images in images/ folder

49

• 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

• Clear out all static page content from your markup (the demo texts – title and static content)

• Use this snippet instead:

51

• 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

• 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

• Define sidebar

54

• Add sidebar to a page

55

• Define menu

• Call it a few times or use register_nav_menusfor several menus

56

• Add the menu to a block in the markup

• theme_location is sufficient

57

• Call comment_form() or comments_template(…):

58

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

Recommended Plugins

• Types and Views

• WPML

• WooCommerce

• BuddyPress

• S2Member

• Contact Form 7 / Gravity Forms

• Free and Paid

60

Further Refference

• Look For the template tag and description here : https://www.dbswebsite.com/design/wordpress-reference/v3/

• Steps of theme development http://www.onextrapixel.com/2011/03/08/how-to-code-a-wordpress-3-0-theme-from-scratch/

• And ofcourse http://codex.wordpress.org

61

WordPress

Questions?

62