ผู้เขียน หัวข้อ: วิธีทำหน้า Intro วันแม่แห่งชาติ สำหรับ WordPres  (อ่าน 2392 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.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(&#39;'); ?></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 ต่างๆ รอไว้ได้เลย
เมื่อเราต้องการใช้งานเราก็มาตั้งที่ เมนูตั้งค่า > การอ่าน > หน้าที่คง ที่นี้ ได้เลยผมว่าสะัดวกดีมาก

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



credit: DevPresso http://www.thaiseoboard.com/index.php?topic=282457.0
« แก้ไขครั้งสุดท้าย: 3 ตุลาคม 2016, 12:57:55 โดย smf »