(( แจก )) วิธีทำหน้า Intro วันแม่แห่งชาติ สำหรับ WordPres

เริ่มโดย DevPresso, 31 กรกฎาคม 2012, 15:20:25

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1 2
การกระทำของผู้ใช้

DevPresso

31 กรกฎาคม 2012, 15:20:25 แก้ไขล่าสุด: 05 สิงหาคม 2012, 20:27:12 โดย DevPresso
สืบเนื่องจากกระทู้นี้นะครับ ที่ผมทำหน้าแจก ไฟล์ออกแบบ หน้าเฉลิมพระเกียรติวันแม่ ไว้
http://www.thaiseoboard.com/index.php/topic,282312.msg3866910.html#msg3866910
ได้มีหลายท่านสอบถามวิธีทำหน้า intro page สำหรับ wordpress มาทั้งทาง facebook และท่าน msn นะครับ
อธิบายหลายๆคนไม่ไหวเลยรับปากว่าจะเขียน เป็นบทความให้ตอนนี้เขียนเสร็จแล้วครับ
ส่วนตัวอย่างการใช้งานก็ดูี่ที่หน้าเว็บ http://devpresso.com/

การทำหน้า Intro Page สำหรับวันแม่ครับก่อนอื่นให้ท่าน สร้างไฟล์  .php ตาม code นี้ก่อนนะครับ  ท่านจะตั้งเป็นชื่อไฟล์อะไรก็ได้ครับ ของผมใช้ intro.php

ตัวอย่าง intro.php
โค้ด เลือก
<?php
/*
Template Name: intro
*/
?>
<html>
<head><title>DevPresso | เข้มข้นทุกรสชาติ Dev</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="ก็แค่เว็บเรื่องราวเกี่ยวกับ Dev เว็บนึง ^ ^"/>
<meta name="keywords" content="devpresso" />
<link rel="canonical" href="http://devpresso.com/" />
</head>
<body bgcolor="#16baf0">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<article class="item">
<div><?php the_content(''); ?></div>
</article>
<?php endwhile; ?>
<?php endif; ?>
</body>
</html>

จาก code ตัวอย่างให้ copy ไปวางใน code editor แล้ว save เป็น .php ใช้ชื่อ intro.php ตามแบบผมก่อนก็ได้นะครับ แล้ว อย่าลืมเปลี่ยน tilte, description, keyword เป็นของเว็บท่านด้วย
ตรง bgcolor="#16baf0" ก็เปลี่ยนใหนเข้ากับรูปแบบหน้า intro page ของท่านเอง
แล้วให้ upload ขึ้นไปไว้ใน folder themes ที่ท่านใช้งานอยู่

จากนั้นไปที่หน้า wordpress admin ครับเลือกไปที่

เมนู หน้า > เขียนหน้าใหม่
ตั้งชื่อหน้าตามที่ท่านต้องการ เช่น วันแม่แห่งชาติ ตามตัวอย่างในภาพ


เลือก template เป็น intro


ใส่เนื้อหาหรือตกแต่งหน้า intro page ได้ตามใจชอบ
code ตัวอย่างหน้า intro page ของผม

โค้ด เลือก
<div align="center"><img class="size-full wp-image-245 alignnone" title="ทีฆายุกา โหตุ มหาราชินี" src="http://devpresso.com/wp-content/uploads/12August.jpg" alt="12 สิงหา มหาราชินี" title="ทีฆายุกา โหตุ มหาราชินี" width="1050" height="680" /></div>

<div align="center"><a href="http://devpresso.com/หน้าหลัก"><img src="http://devpresso.com/wp-content/uploads/goahead.png" alt="เข้าสู่เว็บไซต์ DevPresso" title="เข้าสู่เว็บไซต์ DevPresso" width="317" height="62" class="alignnone size-full wp-image-252" /></a></div>


ตกแต่งเสร็จก็กดเผยแพร่ ได้เลย จากนั้นให้ไปทำหน้า หลักที่จะเป็นหน้าต่อไปจาก intro page ก่อน

เมนู หน้า > เขียนหน้าใหม่ อีกครั้ง
เขียนหน้าใหม่ จะตั้งชื่ออะไรก็ได้ตามใจชอบเช่น หน้าหลัก ตามภาพ


ส่วน template เลือกเป็น template หลักแล้วกดเผยแพร่จากนั้นเราจะไปตั้งให้ระบบ Wordpress แสดงหน้าตามที่เราสร้างนี้เลือกไปที่

เมนูตั้งค่า > การอ่าน ตามภาพครับ


จากภาพก็ให้เลือก หน้าที่คงที่
หน้าแรก เลือก หน้า intro page ของผมใช้ชือว่า "วันแม่แห่งชาติ"
หน้าเรื่อง ก็ให้เลือก หน้าที่เราทำไว้เป็นหน้าหลัก ของผมใช้ชื่อว่า "หน้าหลัก"

เสร็แล้วกด บันทึกการเปลี่ยนแปลงแล้วก็ ลองทดสอบดูการแสดงผลหน้า Intro Page ของท่านได้เลย
แนวทางนี้เหมาะกับที่เราจะทำหน้า intro page ต่างๆ รอไว้ได้เลย
เมื่อเราต้องการใช้งานเราก็มาตั้งที่ เมนูตั้งค่า > การอ่าน > หน้าที่คง ที่นี้ ได้เลยผมว่าสะัดวกดีมาก

ตัวอย่างหน้า intro page ไว้เลือกใช้




หวังว่าจะเป็นประโยชน์สำหรับผู้ที่กำลังหาวิธีอยู่นะครับ :wanwan003:

ดูตัวอย่างการใช้งาน http://devpresso.com

SoldOut

#1
31 กรกฎาคม 2012, 15:25:11
มีน้ำใจมากเลย ขอบคุณครับ

AM-PM

#2
31 กรกฎาคม 2012, 15:25:32
+1 ครับ
ไม่ต้องบินให้สูงอย่างใครเขา... จงบินเอาเท่าที่เราจะบินไหว ท่าที่บินไม่จำเป็นต้องเหมือนใคร... แค่บินไปให้ถึงฝัน เท่านั้นพอ


Find out how I'm able to get up to 420 backlinks for month, by spending 30 seconds per day...all for FREE! - Click Here

hyde4fun

#3
31 กรกฎาคม 2012, 15:26:45
+1 ให้เลยครับ บทความดีๆ แบบนี้
[direct=https://www.seono1.co.th]รับทำ SEO[/direct] ติดอันดับ Google พร้อมผลงาน No.1 จริงมากมาย ขอดูผลงานได้
[direct=https://www.facebook.com/SEONo1coth]รับทำ SEO[/direct] ขาย Backlink PBN DA PA สูง
[direct=https://twitter.com/SeoNo1coth]รับทำ SEO สายขาว[/direct] ด้วยเทคนิค [direct=https://www.seono1.co.th]SEO[/direct] No.1

ติดต่อ[direct=https://bit.ly/seoNo1]รับทำ SEO[/direct] ทาง Line id: @SEONo1

loofee321

#4
31 กรกฎาคม 2012, 15:30:57
+1 ให้เลยครับ สำหรับบทความดีๆแบบนี้
ไม่ต้องบินให้สูงอย่างใครเขา... จงบินเอาเท่าที่เราจะบินไหว ท่าที่บินไม่จำเป็นต้องเหมือนใคร... แค่บินไปให้ถึงฝัน เท่านั้นพอ

pepea

#5
31 กรกฎาคม 2012, 15:37:48
+1 ขอบคุณครับ   :wanwan017:

nafc1980

#6
31 กรกฎาคม 2012, 15:41:50
ขอบคุณสำหรับการแบ่งปันครับ

Ashi

#7
31 กรกฎาคม 2012, 16:06:48
ขอบคุณมาก ๆ ครับผม  :wanwan017:

กำลังจะหาวิธีทำอยู่เลย

abit

#8
31 กรกฎาคม 2012, 16:15:42
เยี่ยมเลย ใช้ wordpress อยู่เหมือนกันขอบคุณครับ

∝╬══→Uchiha Obito - TOBI≧ω≦

#9
31 กรกฎาคม 2012, 16:42:44
เป็น Trick ที่ดีมากครับ BM ไว้ๆ
_________________________________________________________________________________________________________________________

[direct].[/direct][direct=http://www.thaiseoboard.com/index.php?action=profile;u=213701] ∝╬══→Uchiha Obito - TOBI≧ω≦[/direct]
_________________________________________________________________________________________________________________________

flixxx

#10
31 กรกฎาคม 2012, 16:45:45
ขอบคุณครับ

NenaDesign

#12
31 กรกฎาคม 2012, 17:02:35
+1 ให้ ใจดีจัง
[direct=http://nenadesign.lnwshop.com]โปรแกรมเสริมสร้างพัฒนาการเด็ก[/direct]
[direct=http://nenadesign.lnwshop.com]ของเล่นเสริมพัฒนาการ[/direct] [direct=http://nenadesign.lnwshop.com]ของเล่นเด็ก[/direct]
[direct=http://kid-dy.com]ตลาดนัดแม่และเด็ก เปิดท้ายขายของแม่และเด็ก[/direct]
[direct=http://ที่นอนเด็ก.com]ที่นอนเด็ก[/direct]

kl548380

#13
31 กรกฎาคม 2012, 17:12:38
 :'( :'(

จะได้เป้นแนวทาง ในการทำของตัวเองบ้าง เผื่อ มีแบนเนอร์เจ้าใหญ่ๆมา ให้เงิน

+1

binknon7

#14
31 กรกฎาคม 2012, 17:13:21
ใจมากมายจร้าๆ  :wanwan017: :wanwan017:

gamara3

#15
31 กรกฎาคม 2012, 17:23:47
 :wanwan017: :wanwan017: :wanwan017:

ขอบคุณครับ
[direct=http://stellaultimate.com]stellaultimate[/direct]
[direct=http://lekded.blogspot.com/]เลขเด็ด[/direct]
[direct=http://www.ebook.astoremarket.com/]ebook android app[/direct]

penthaid

#16
31 กรกฎาคม 2012, 17:24:49
ขอบคุณครับ  :wanwan017:
[direct=http://www.thaiseoboard.com/index.php/topic,328026.msg4546602.html#msg4546602]<<< บริการซับมิท 99IP เน้นงานคุณภาพสุดๆเหมือนเป็นเวปตัวเอง  ^^[/direct]

handmadebest

#18
31 กรกฎาคม 2012, 18:21:51
น้ำใจงามมากครับ
[direct=http://www.thaiseoboard.com/index.php/topic,283166.msg3878805.html#msg3878805]รับตัวแทนจำหน่าย Aff งานฝีมือ รับงานไปทำที่บ้าน ที่นี่ คลิ๊ก [/direct]
[direct=http://handmadebest.net/catalog.php?idp=12]เปิดรับตัวแทนจำหน่าย AFF ไทย รายได้ดีมากๆ[/direct]

[direct=http://www.handmadebest.net/]งานพิเศษ[/direct]
[direct=http://www.freehandmades.com]งานประดิษฐ์ งานฝีมือ[/direct]
[direct=http://www.freehandmades.com]รับงานไปทำที่บ้าน[/direct]

bunnachart

#19
31 กรกฎาคม 2012, 18:22:24
+1 = 37 -> 38 ขอบคุณครับ  :wanwan017:
[direct=https://www.inkthailand.com]จำหน่ายหมึกพิมพ์เลเซอร์[/direct] | จำหน่ายตลับหมึกเลเซอร์ราคาถูก
[direct=https://โกดังให้เช่า.net]โกดังให้เช่า[/direct] | โกดังให้เช่าราคาถูกหลายทำเลย
[direct=https://www.บ้านและโกดังสําเร็จรูป.com]รับสร้างบ้านสำเร็จรูป[/direct] | งบไม่บานปลาย
[direct=https://www.warehousebestbuy.com]รับสร้างโรงงาน[/direct]  | รับสร้างเสร็จเร็ว รับประกันโครงสร้าง 10 ปี
[direct=https://www.warehousebestbuy.com]รับสร้างโกดัง[/direct] | สร้างในโรงงาน ประกอบหน้างาน
พิมพ์
ขึ้น หน้า1 2
การกระทำของผู้ใช้