SlideShare a Scribd company logo
1 of 18
Download to read offline
1


                                     Creating Pages

                     •    Pages contain static content that is quickly
                          accessible form nearly any where on the blog

                     •    Pages can be hierarchically with parent page




Saturday, June 18, 2011
2


                                Creating a Basic Pages

                     •    Click Pages from the side menu

                     •    Click Add New from the Pages section

                     •    Give your page a title

                     •    Add the content

                     •    Set attributes

                     •    Publish your post




Saturday, June 18, 2011
3


                          Creating and Editing Pages




Saturday, June 18, 2011
4


                          Creating More Advance Content

                     •    Adding Hyperlinks

                     •    Adding Images

                     •    Adding Audio

                     •    Adding Video




Saturday, June 18, 2011
5


                                   Adding HyperLinks

                     •    Edit your article.

                     •    Open a second browser windows or tab.

                     •    Goto the page you want to link to.

                     •    Select the URL (text in address bar) and copy
                          (press Ctrl+c).

                     •    In the Visual Editor, use cursor to select the text
                          you want to use as link.

                     •    Click the icon that looks like two links of chain.

                     •    The Insert/Edit Link windows will display, fill in the
                          fields
Saturday, June 18, 2011
6


                          Adding Hyperlinks




Saturday, June 18, 2011
7


                                       Adding Images

                     •    Inserting images to your articles is available four
                          ways

                          •   From your computer

                          •   From a URL (another website)

                          •   From the gallery (available after images are
                              upload)

                          •   From the media library




Saturday, June 18, 2011
8


                          Adding Images




Saturday, June 18, 2011
9


                              Adding an Images From Your Computer


                     •    Select the left option (From computer)

                     •    Upload JPEG, GIF, or PNG images files by
                          clicking the “Select Files” button

                     •    Select the file(s) you want to upload and click the
                          “Open” button

                          •   after your file is uploaded, a thumbnail of your
                              image is displayed with various properties.

                     •    Click the “Insert Into Post” button.




Saturday, June 18, 2011
10


                          Adding an Images From Your Computer




Saturday, June 18, 2011
11


                          Adding an Images From a URL

                     •    Determine the URL to the image you want to use
                          by going to that pages and right clicking on the
                          images.

                     •    Copy the URL (Depending on your browser)

                     •    Click the “Add an Image” icon from the toolbar

                     •    In the Add an Image window, click “From URL”
                          tab

                     •    Place the Images URL to Image URL field

                     •    Enter image properties

                     •    Click the “Insert Into Post” button
Saturday, June 18, 2011
12


                          Adding an Images From a URL




                                     images from www.bc.nu.ac.th




Saturday, June 18, 2011
13


                          Adding an Images From the Media Library


                     •    Click the cursor where you want to insert the
                          graphic in your text.

                     •    Click the “Add an Image” icon from the toolbar.

                     •    At the Add an Image window, click Media Library
                          at the top.

                     •    Locate the images you want to include.

                     •    After locate the images, click the “Show” links on
                          the right side

                     •    Enter image properties to the way you like.

                     •    Click the “Insert Into Post” button.
Saturday, June 18, 2011
14


                          Adding an Images From the Media Library




Saturday, June 18, 2011
15


                                            Adding Audio


                     •    Determine the URL to the audio file (mp3) you
                          want to use by going to that pages

                     •    Copy the URL (Depending on your browser)

                     •    Click the “Add Audio” icon from the toolbar

                     •    In the Add Audio window, click “From URL” tab

                     •    Place the audio URL to “Audio File URL” field

                     •    Fill the “Title” field

                     •    Click the “Insert Into Post” button



Saturday, June 18, 2011
16


                                   Adding Audio




             https://s3-ap-southeast-1.amazonaws.com/patumvan.a.nu/song/MarchMornor.mp3


Saturday, June 18, 2011
17


                                                Adding Video

                     •    Determine the URL to the Youtube you want to
                          use by going to Youtube video player

                          •   Click “Share” button, address bar will be
                              display below the player

                          •   Click “show options” and check “long link”,

                          •   Copy the long Youtube video URL
                              (in form like “http://www.youtube.com/watch?v=ZdlOL9AgN4U”)


                     •    In Visual Editor (not HTML mode), paste the
                          Youtube video URL that you want add.

                     •    Click on highlighted URL and then click unlink
                          button on editor toolbar at the top.
Saturday, June 18, 2011
18


                          Adding Video




Saturday, June 18, 2011

More Related Content

Viewers also liked

WordPress Custom Post Types Part 1: Back End
WordPress Custom Post Types Part 1: Back EndWordPress Custom Post Types Part 1: Back End
WordPress Custom Post Types Part 1: Back End
ryanduff
 
Create a Professional Blog with WordPress Chapter 4a: Creating Post and Page
Create a Professional Blog with WordPress Chapter 4a: Creating Post and PageCreate a Professional Blog with WordPress Chapter 4a: Creating Post and Page
Create a Professional Blog with WordPress Chapter 4a: Creating Post and Page
Atit Patumvan
 
#ONADC Why the Washington Post uses WordPress
#ONADC Why the Washington Post uses WordPress#ONADC Why the Washington Post uses WordPress
#ONADC Why the Washington Post uses WordPress
Yuri Victor
 
Relationships Between WordPress Post Types
Relationships Between WordPress Post TypesRelationships Between WordPress Post Types
Relationships Between WordPress Post Types
randyhoyt
 
Extending WordPress. Making use of Custom Post Types
Extending WordPress. Making use of Custom Post TypesExtending WordPress. Making use of Custom Post Types
Extending WordPress. Making use of Custom Post Types
Utsav Singh Rathour
 

Viewers also liked (14)

WordPress Posts vs. Pages
WordPress Posts vs. PagesWordPress Posts vs. Pages
WordPress Posts vs. Pages
 
WordPress Custom Post Types Part 1: Back End
WordPress Custom Post Types Part 1: Back EndWordPress Custom Post Types Part 1: Back End
WordPress Custom Post Types Part 1: Back End
 
WordCamp Seoul 2012 - WordPress Custom Post type
WordCamp Seoul 2012 - WordPress Custom Post typeWordCamp Seoul 2012 - WordPress Custom Post type
WordCamp Seoul 2012 - WordPress Custom Post type
 
Create a Professional Blog with WordPress Chapter 4a: Creating Post and Page
Create a Professional Blog with WordPress Chapter 4a: Creating Post and PageCreate a Professional Blog with WordPress Chapter 4a: Creating Post and Page
Create a Professional Blog with WordPress Chapter 4a: Creating Post and Page
 
#ONADC Why the Washington Post uses WordPress
#ONADC Why the Washington Post uses WordPress#ONADC Why the Washington Post uses WordPress
#ONADC Why the Washington Post uses WordPress
 
WordCamp Milwaukee: Control What You Can Control in WordPress. On Page SEO FTW!
WordCamp Milwaukee: Control What You Can Control in WordPress. On Page SEO FTW!WordCamp Milwaukee: Control What You Can Control in WordPress. On Page SEO FTW!
WordCamp Milwaukee: Control What You Can Control in WordPress. On Page SEO FTW!
 
Custom Post Type and Taxonomies in WordPress 3.x
Custom Post Type and Taxonomies in WordPress 3.xCustom Post Type and Taxonomies in WordPress 3.x
Custom Post Type and Taxonomies in WordPress 3.x
 
Control What You Can Control in WordPress. On Page SEO FTW!
Control What You Can Control in WordPress. On Page SEO FTW!Control What You Can Control in WordPress. On Page SEO FTW!
Control What You Can Control in WordPress. On Page SEO FTW!
 
Relationships Between WordPress Post Types
Relationships Between WordPress Post TypesRelationships Between WordPress Post Types
Relationships Between WordPress Post Types
 
WordPress_Posting
WordPress_PostingWordPress_Posting
WordPress_Posting
 
Using Custom Post Types & Taxonomies in WordPress
Using Custom Post Types & Taxonomies in WordPressUsing Custom Post Types & Taxonomies in WordPress
Using Custom Post Types & Taxonomies in WordPress
 
Extending WordPress. Making use of Custom Post Types
Extending WordPress. Making use of Custom Post TypesExtending WordPress. Making use of Custom Post Types
Extending WordPress. Making use of Custom Post Types
 
Custom Post Types and Taxonomies in WordPress
Custom Post Types and Taxonomies in WordPressCustom Post Types and Taxonomies in WordPress
Custom Post Types and Taxonomies in WordPress
 
PageLines WordPress Theme Framework
PageLines WordPress Theme FrameworkPageLines WordPress Theme Framework
PageLines WordPress Theme Framework
 

Similar to Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page (11)

Create a Professional Blog with WordPress: Chapter 5 Using Themes
Create a Professional Blog with WordPress: Chapter 5 Using ThemesCreate a Professional Blog with WordPress: Chapter 5 Using Themes
Create a Professional Blog with WordPress: Chapter 5 Using Themes
 
Glogon
Glogon Glogon
Glogon
 
BOSCO Web 2.0 Lesson 7
BOSCO Web 2.0 Lesson 7BOSCO Web 2.0 Lesson 7
BOSCO Web 2.0 Lesson 7
 
Slides 4 - Create First Post
Slides 4 - Create First PostSlides 4 - Create First Post
Slides 4 - Create First Post
 
OS3 Training and Resource Guide
OS3 Training and Resource GuideOS3 Training and Resource Guide
OS3 Training and Resource Guide
 
How the word press media library works 2019
How the word press media library works 2019How the word press media library works 2019
How the word press media library works 2019
 
Google drive
Google driveGoogle drive
Google drive
 
Html editor guide
Html editor guideHtml editor guide
Html editor guide
 
Presentation1
Presentation1Presentation1
Presentation1
 
Learn wikis
Learn wikisLearn wikis
Learn wikis
 
K 12 wiki-handout
K 12 wiki-handoutK 12 wiki-handout
K 12 wiki-handout
 

More from Atit Patumvan

แบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ต
แบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ตแบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ต
แบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ต
Atit Patumvan
 
Chapter 1 mathmatics tools
Chapter 1 mathmatics toolsChapter 1 mathmatics tools
Chapter 1 mathmatics tools
Atit Patumvan
 
Computer Programming Chapter 5 : Methods
Computer Programming Chapter 5 : MethodsComputer Programming Chapter 5 : Methods
Computer Programming Chapter 5 : Methods
Atit Patumvan
 
Computer Programming Chapter 4 : Loops
Computer Programming Chapter 4 : Loops Computer Programming Chapter 4 : Loops
Computer Programming Chapter 4 : Loops
Atit Patumvan
 
Introduction to Java EE (J2EE)
Introduction to Java EE (J2EE)Introduction to Java EE (J2EE)
Introduction to Java EE (J2EE)
Atit Patumvan
 

More from Atit Patumvan (20)

Iot for smart agriculture
Iot for smart agricultureIot for smart agriculture
Iot for smart agriculture
 
An Overview of eZee Burrp! (Philus Limited)
An Overview of eZee Burrp! (Philus Limited)An Overview of eZee Burrp! (Philus Limited)
An Overview of eZee Burrp! (Philus Limited)
 
แบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ต
แบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ตแบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ต
แบบฝึกหัดวิชา Theory of Computation ชุดที่ 1 เซ็ต
 
Chapter 1 mathmatics tools
Chapter 1 mathmatics toolsChapter 1 mathmatics tools
Chapter 1 mathmatics tools
 
Chapter 1 mathmatics tools
Chapter 1 mathmatics toolsChapter 1 mathmatics tools
Chapter 1 mathmatics tools
 
รายงานการประเมินคุณภาพภายใน ปีงบประมาณ 2556
รายงานการประเมินคุณภาพภายใน ปีงบประมาณ 2556รายงานการประเมินคุณภาพภายใน ปีงบประมาณ 2556
รายงานการประเมินคุณภาพภายใน ปีงบประมาณ 2556
 
Chapter 0 introduction to theory of computation
Chapter 0 introduction to theory of computationChapter 0 introduction to theory of computation
Chapter 0 introduction to theory of computation
 
Media literacy
Media literacyMedia literacy
Media literacy
 
Chapter 01 mathmatics tools (slide)
Chapter 01 mathmatics tools (slide)Chapter 01 mathmatics tools (slide)
Chapter 01 mathmatics tools (slide)
 
การบริหารเชิงคุณภาพ ชุดที่ 8
การบริหารเชิงคุณภาพ ชุดที่ 8การบริหารเชิงคุณภาพ ชุดที่ 8
การบริหารเชิงคุณภาพ ชุดที่ 8
 
การบริหารเชิงคุณภาพ ชุดที่ 7
การบริหารเชิงคุณภาพ ชุดที่ 7การบริหารเชิงคุณภาพ ชุดที่ 7
การบริหารเชิงคุณภาพ ชุดที่ 7
 
การบริหารเชิงคุณภาพ ชุดที่ 6
การบริหารเชิงคุณภาพ ชุดที่ 6การบริหารเชิงคุณภาพ ชุดที่ 6
การบริหารเชิงคุณภาพ ชุดที่ 6
 
Computer Programming Chapter 5 : Methods
Computer Programming Chapter 5 : MethodsComputer Programming Chapter 5 : Methods
Computer Programming Chapter 5 : Methods
 
Computer Programming Chapter 4 : Loops
Computer Programming Chapter 4 : Loops Computer Programming Chapter 4 : Loops
Computer Programming Chapter 4 : Loops
 
Introduction to Java EE (J2EE)
Introduction to Java EE (J2EE)Introduction to Java EE (J2EE)
Introduction to Java EE (J2EE)
 
การบริหารเชิงคุณภาพ ชุดที่ 5
การบริหารเชิงคุณภาพ ชุดที่ 5การบริหารเชิงคุณภาพ ชุดที่ 5
การบริหารเชิงคุณภาพ ชุดที่ 5
 
การบริหารเชิงคุณภาพ ชุดที่ 4
การบริหารเชิงคุณภาพ ชุดที่ 4การบริหารเชิงคุณภาพ ชุดที่ 4
การบริหารเชิงคุณภาพ ชุดที่ 4
 
การบริหารเชิงคุณภาพ ชุดที่ 3
การบริหารเชิงคุณภาพ ชุดที่ 3การบริหารเชิงคุณภาพ ชุดที่ 3
การบริหารเชิงคุณภาพ ชุดที่ 3
 
การบริหารเชิงคุณภาพ ชุดที่ 2
การบริหารเชิงคุณภาพ ชุดที่ 2การบริหารเชิงคุณภาพ ชุดที่ 2
การบริหารเชิงคุณภาพ ชุดที่ 2
 
Computer Programming: Chapter 1
Computer Programming: Chapter 1Computer Programming: Chapter 1
Computer Programming: Chapter 1
 

Recently uploaded

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Recently uploaded (20)

Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 

Create a Professional Blog with WordPress Chapter 4b: Creating Post and Page

  • 1. 1 Creating Pages • Pages contain static content that is quickly accessible form nearly any where on the blog • Pages can be hierarchically with parent page Saturday, June 18, 2011
  • 2. 2 Creating a Basic Pages • Click Pages from the side menu • Click Add New from the Pages section • Give your page a title • Add the content • Set attributes • Publish your post Saturday, June 18, 2011
  • 3. 3 Creating and Editing Pages Saturday, June 18, 2011
  • 4. 4 Creating More Advance Content • Adding Hyperlinks • Adding Images • Adding Audio • Adding Video Saturday, June 18, 2011
  • 5. 5 Adding HyperLinks • Edit your article. • Open a second browser windows or tab. • Goto the page you want to link to. • Select the URL (text in address bar) and copy (press Ctrl+c). • In the Visual Editor, use cursor to select the text you want to use as link. • Click the icon that looks like two links of chain. • The Insert/Edit Link windows will display, fill in the fields Saturday, June 18, 2011
  • 6. 6 Adding Hyperlinks Saturday, June 18, 2011
  • 7. 7 Adding Images • Inserting images to your articles is available four ways • From your computer • From a URL (another website) • From the gallery (available after images are upload) • From the media library Saturday, June 18, 2011
  • 8. 8 Adding Images Saturday, June 18, 2011
  • 9. 9 Adding an Images From Your Computer • Select the left option (From computer) • Upload JPEG, GIF, or PNG images files by clicking the “Select Files” button • Select the file(s) you want to upload and click the “Open” button • after your file is uploaded, a thumbnail of your image is displayed with various properties. • Click the “Insert Into Post” button. Saturday, June 18, 2011
  • 10. 10 Adding an Images From Your Computer Saturday, June 18, 2011
  • 11. 11 Adding an Images From a URL • Determine the URL to the image you want to use by going to that pages and right clicking on the images. • Copy the URL (Depending on your browser) • Click the “Add an Image” icon from the toolbar • In the Add an Image window, click “From URL” tab • Place the Images URL to Image URL field • Enter image properties • Click the “Insert Into Post” button Saturday, June 18, 2011
  • 12. 12 Adding an Images From a URL images from www.bc.nu.ac.th Saturday, June 18, 2011
  • 13. 13 Adding an Images From the Media Library • Click the cursor where you want to insert the graphic in your text. • Click the “Add an Image” icon from the toolbar. • At the Add an Image window, click Media Library at the top. • Locate the images you want to include. • After locate the images, click the “Show” links on the right side • Enter image properties to the way you like. • Click the “Insert Into Post” button. Saturday, June 18, 2011
  • 14. 14 Adding an Images From the Media Library Saturday, June 18, 2011
  • 15. 15 Adding Audio • Determine the URL to the audio file (mp3) you want to use by going to that pages • Copy the URL (Depending on your browser) • Click the “Add Audio” icon from the toolbar • In the Add Audio window, click “From URL” tab • Place the audio URL to “Audio File URL” field • Fill the “Title” field • Click the “Insert Into Post” button Saturday, June 18, 2011
  • 16. 16 Adding Audio https://s3-ap-southeast-1.amazonaws.com/patumvan.a.nu/song/MarchMornor.mp3 Saturday, June 18, 2011
  • 17. 17 Adding Video • Determine the URL to the Youtube you want to use by going to Youtube video player • Click “Share” button, address bar will be display below the player • Click “show options” and check “long link”, • Copy the long Youtube video URL (in form like “http://www.youtube.com/watch?v=ZdlOL9AgN4U”) • In Visual Editor (not HTML mode), paste the Youtube video URL that you want add. • Click on highlighted URL and then click unlink button on editor toolbar at the top. Saturday, June 18, 2011
  • 18. 18 Adding Video Saturday, June 18, 2011