กำหนดขนาด รูปภาพ ใน wordpress theme
บริษัทรับทำเว็บไซต์ โซฟาหนัง การกำหนดขนาดของรูปภาพที่ใช้ใน wordpress theme เช่น ขนาดรูป post-thumbnail หรือขนาดของรูปที่แทรกในโพส์ต ของเรา ถ้ามองดูแล้วสำหรับคนที่เขียนบทความไม่เยอะมากอาจจะไม่พบปัญหามากเท่าไร เพราะ wordpress เอง ก็มีส่วนให้เราเข้าไปแก้ไข หรือกำหนดหนดขนาด
meta element ใน wordpress theme
บริษัทรับทำเว็บไซต์ โซฟาหนัง
tag ที่ต่อจาก <html> ก็ต้องเป็น <head> ซึ่งในส่วนนี้ก็ต้องใส่ <meta> เพื่อเป็นข้อมูลที่สำคัญของบล็อก และเป็นข้อมูลให้ browser รู้ว่าข้อความที่อยู่ในบล็อกเรา เป็น content ภาษาอะไร แทรกโค้ดข้างล่างนี้ต่อจาก DOCTYPE ใน ไฟล์ header.php
?
1
2
3
<meta
title tag ใน wordpress
บริษัทรับทำเว็บไซต์ โซฟาหนัง
Title Tag คือ ข้อความที่แสดงบน title bar ของเวบ และยังมีประโยชน์อย่างมากสำหรับ SEO เพราะว่า title tag ที่เราใส่ลงไป ยังไปแสดงผลในหน้า search result ของ google (more…)
กำหนด Scroll bar ใน CSS
บริษัทรับทำเว็บไซต์ โซฟาหนัง
Scroll bar
การกำหนด style ใ้ห้กับ Scroll bar ใช้งานได้เฉพาะ IE5.5+ ไม่สามารถใช้ได้กับ Firefox
Property Value
scrollbar-face-color color สีแถบที่เลื่อน
scrollbar-highlight-color color สีขอบด้านบน และด้านซ้าย ด้านใน
scrollbar-shadow-color color สีขอบด้านล่าง และด้านขวา ด้านใน
scrollbar-3dlight-color color สีขอบด้านบน และด้านซ้าย
กำหนด Image ใน CSS
บริษัทรับทำเว็บไซต์ โซฟาหนัง
Image
เราสามารถตกแต่งภาพด้วย border และใช้ filter ให้ภาพดูโปร่งใส (Transparent)
สำหรับ browser IE จะใช้ propety filter:alpha(opacity=0-100)
ส่วน Firefox จะใช้ property opacity:0.0-1.0
ตัวเลขยิ่งน้อย ยิ่งดูโปร่งใส
Example
<html>
<body>
ภาพปกติ<br />
<img src=”../images/lotus.jpg” /><br />
ภาพโปร่งใส 50%<br />
<img src=”../images/lotus.jpg”
กำหนด Link ใน CSS
บริษัทรับทำเว็บไซต์ โซฟาหนัง
Link
Property Purpose
a:link กำหนด style ให้กับ link ปกติที่ยังไม่เคยถูก click
a:visited กำหนด style ให้กับ link ที่เคยถูกคลิกแล้ว
a:hover กำหนด style ให้กับ link เมื่อเลื่อนเมาส์ไปอยู่เหนือ link
a:active กำหนด style ให้กับ link ขณะถูกคลิก
Example
<html>
<head>
<style type=”text/css”>
.linkbox a:link {color: #FF0000} /* unvisited link
กำหนด List ใน CSS
บริษัทรับทำเว็บไซต์ โซฟาหนัง
List
Property Description Values
list-style-type ใช้กำหนดลักษณะที่ใช้นำหน้าแต่ละรายการย่อย none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
georgian
cjk-ideographic
hiragana
hiragana-iroha
katakana-iroha
list-style-position ใช้การกำหนดลักษณะการปัดขึ้นบรรทัดใหม่ของข้อความ
กำหนด Background ใน CSS
บริษัทรับทำเว็บไซต์ โซฟาหนัง
Background
เราสามารถกำหนดลักษณะพื้นหลังของ Element ต่างๆ เช่น <body>, <table>, <p>, <h1>, <h2>, <div> เป็นต้น
Property Description Values
background-attachment ใช้กำหนดว่าต้องการให้ภาพพื้นหลังนั้นอยู่กับที่ หรือว่าเลื่อนไปตาม Scroll Bar fixed
scroll fix อยู่กับที่
เลื่อนตาม Scroll Bar
background-color
การกำหนดลักษณะให้ตัวอักษร ใน HTML Font CSS
บริษัทรับทำเว็บไซต์ โซฟาหนัง
การกำหนดลักษณะให้ตัวอักษร ใน HTML เราจะใช้ tag <font face=”ชนิดตัวอักษร” size=”number” color=”สี”>ข้อความ</font> น่าจะพอจำกันได้อยู่ แต่ในเอกสาร HTML/XHTML แบบ strict จะถือว่า tag <font> เป็น tag ที่ล้าสมัยแล้ว ไม่สามารถนำมาใช้งานได้ ให้เราใช้ CSS แทนค่ะ
เรา็สามารถใช้
ยินดีต้อนรับสู่เว็บ IYATHAI.com ทางเราเป็นทีมออกแบบและจัดทำเว็บไซต์ผู้มีประสบการณ์ มากกว่า 10 ปี เราได้ให้บริการในการจัดทำเว็บไซต์แบบครบวงจร โดยมี ทีมงาน Web designer Web Programmer และ ผู้ดูแลระบบพื้นที่เว็บไซต์ เว็บโฮสติ้ง (Hosting) พร้อมทั้งให้บริการจดชื่อเว็บไซต์หรือจดโดเมนเนม (Domain name) ที่เป็นมืออาชีพและมีประสบการณ์ ดังจะเห็นได้จาก ผลงานในการจัดทำเว็บไซต์ รับทำเว็บไซต์
ราคาจัดทำเว็บไซต์ (รับทำเว็บไซต์ภาษา จีน, ญี่ปุ่น, เยอรมัน, เกาหลี , รับทำเว็บบริษัททัวร์, รับทำเว็บโรงแรม รับทำเว็บ หรืออื่นๆ)
Munu
