உதவிக்குறிப்புகள்

வேறென்ன உதவிக் குறிப்புகள் தான்..

CSS உதவிப் பக்கங்கள் – நீங்கள் இணைய வடிவமைப்பாளரா?

இணையத்தள வடிவமைப்பாளர்களுக்கு கட்டாயமாக தெரிந்திருக்க வேண்டியவற்றில் ஒன்று CSS. மிக இலகுவாக இணையப்பக்கங்களை அழகுபடுத்த இது உதவுகின்றது. நான் எழுதிவரும் வேர்ட்பிரஸ் தொடரிலும் theme வடிவமைப்பின் போது CSS பற்றி தெரிந்திருக்க வேண்டியது அவசியமாகும். அங்கு அதனை இலகுவாக சொல்லவும், CSS கற்றுக்கொள்ள நினைக்கின்றவர்களுக்கும், மற்றும் CSS இனை இலகுவாக கையாளவும் நான் உருவாக்கி இருக்கின்ற இந்த CSS HELP SHEET உதவியாக இருக்கும்.

தரவிறக்கி பாருங்கள். பிடித்திருந்தால் பின்னூட்டத்தில் சொல்லவும்.

Download CSS HELP SHEET Version 1.0

19 ஆனி, 2008

பாகம் 6 – நீங்களும் வேர்ட்பிரஸ் குருவாகலாம்

வேர்ட்பிரஸ் அடைப்பலகை ஒன்றினை உருவாக்குதல்

வேர்ட்பிரஸின் முக்கிய வசதிகளில் ஒன்று அடைப்பலகைகள். நீங்கள் அடைப்பலகையை வடிவமைக்கும் விதத்திலேயே உங்கள் வலைப்பதிவை ஒரு முழு அளவிலான இணையத்தளமாக மாற்றிக்கொள்ள முடியும். அத்தோடு இலவசமாகவே ஏராளமான அடைப்பலகைகள் உங்களால் இணையத்தில் இருந்து தரவிறக்கிக்கொள்ள முடியும்.

நான் பாகம் ஐந்தில் சொன்னது போல வேரட்பிரஸ் இன் அடைப்பலகை அடிப்படையாக index.php என்கின்ற கோப்பையும் style.css என்கின்ற கோப்பையும் கொண்டிருக்கும். மேலும் இது பற்றி அறிய பாகம் ஐந்தினை பாருங்கள்.

ஆனால் இவ்விரண்டு கோப்புகளை மட்டும் கொண்டு ஒரு சிறந்த அடைப்பலகையை உருவாக்கி விட முடியாது. ஒரு சாதாரண அடைப்பலகை,

  • index.php
  • style.css
  • single.php
  • page.php
  • archive.php
  • category.php
  • comment.php
  • comment_popup.php
  • search.php
  • footer.php
  • header.php
  • sidebar.php

கோப்புகளை கொண்டிருக்கும். இந்த கோப்புகள் ஒரு அடைப்பலகையை எவ்வாறு கட்டமைக்கின்றன என்பதை கீழே காட்டப்பட்டிருக்கின்ற வரிப்படம் மூலம் இலகுவாக காட்டலாம்.

இங்கே single.php கோப்பு ஒரு தனிப்பதிவை காட்டுவதற்குரிய கோப்பாகும்.
page.php என்பது ஒரு பக்கத்தை காட்டுவதற்குரிய கோப்பாகும்.
archive.php என்பது archive களை காட்டுவதற்குரிய கோப்பாகும்.

வேர்ட்பிரஸ் முகப்பு.
வேர்ட்பிரஸின் முகப்பு மற்றும் ஒவ்வொரு பக்கமும் கீழே காட்டப்பட்டவாறு அடைப்பலகை மூலம் கட்டமைக்கப்படுகின்றன.

வேர்ட்பிரஸின் அடைப்பலகை என்பது சாதாரணமாக ஒரு XHTML பக்கத்தை உருவாக்கத்தெரிந்தவருக்கு மிக இலகுவான ஒரு விடயமாகும். இங்கு கவனிக்கப்பட வேண்டிய முக்கிய விடயம் என்னவென்றால் dynamic ஆக மாறுபடுகின்ற அல்லது தரவுத்தளத்தில் இருந்து பெற்ப்படப்போகின்ற விடயங்களை காட்டுவதற்கா நாங்கள் சில php வரிகளை ஆங்காங்கு சேர்க்கப்போகின்றோம். அவ்வளவுதான். இதனை விளங்கிக்கொள்ள நாங்கள் வேர்ட்பிரஸ் நிறுவலோடு வருகின்ற default அடைப்பலகையினை பயன்படுத்திக்கொள்ள போகின்றோம்.

இதற்கு முன்னர் நீங்கள் இந்த WPCandy இணையத்தின், கீழே தரப்பட்டுள்ள உதவிப்பக்கத்தை தரவிறக்கி வைத்துக்கொள்ளுங்கள். அதில் கூறப்பட்டுள்ளவற்றை விளங்கிக்கொள்ள முயற்சியுங்கள். அடுத்தபாகத்தில் அது தொடர்பாக பார்ப்போம்.

Download WP HELP SHEET Version 1.0

10 ஆனி, 2008

வேர்ட்பிரஸ் குருவாகுவோம் – பாகம் 5

முன்னைய நான்கு பாகங்களிலும் நாங்கள் வேர்ட்பிரஸினை எங்கள் கணினியில் நிறுவி ஒழுங்குபடுத்தி பின்னர் அதனை ஓரளவுக்கு தேடுபொறிக்கு இயைவாக்கியும் (SEO) உள்ளோம். இப்பொழுது நாங்கள் எங்கள் வேர்ட்பிரஸை நாங்கள் விரும்பியவாறாக அழகுபடுத்த போகின்றோம் என்பதை பார்ப்போம்.

நீங்கள் உங்களுக்கு பிடித்தமான பெருமளவான அடைப்பலகைகளை இணையத்தில் இலவசமாகவே தரவிறக்கிக்கொள்ள முடியும் (Free wordpress themes என கூகிள் பண்ணி பாருங்கள்). இருந்தாலும் உங்களுக்கு மட்டுமென்றாயினும் ஒரு அடைப்பலகையை உருவாக்கும் ஆசை வருகின்ற போது இப்பாகம் உங்களுக்கு உதவக்கூடியதாக இருக்கும். மேலதிகமாக உங்களுக்கு இருக்கின்ற இலவச அடைப்பலகையில் மாற்றங்கள் செய்ய விரும்புகின்ற போது கூட இது உதவும்.

ஒரு வேர்ட்பிரஸ் அடைப்பலகை அடிப்படையாக இரண்டு கோப்புகளை கொண்டது.
index.php
style.css

இங்கே இந்த index.php உங்கள் விடயங்கள் எங்கே வெளிக்காட்டப்படபோகின்றன என்பதை சுட்டிக்காட்டும். இதன் கட்டுமானம் XHTML மொழியினை அடிப்படையாக கொண்டது. எனவே உங்களுக்கு நிச்சயமாக XHTML tag கள் தொடர்பான ஒரு அறிவும் அத்தோடு அவற்றை எவ்வாறு பயன்படுத்துவது என்கின்ற அறிவும் இருக்க வேண்டும்.

இரண்டாவதாக சொல்லப்பட்ட style.css உங்கள் விடயங்கள் ஒவ்வொன்றும் பார்வைக்கு எவ்வாறு இருக்க வேண்டும் என்பதனை சொல்லுகின்ற கோப்பாகும். எனவே உங்களுக்கு css இன் அடிப்படையான விடயங்கள் தெரிந்திருக்க வேண்டும். தெரியாவிட்டாலும் அது தொடர்பாக நாங்கள் ஓரளவுக்கு பார்ப்போம்.

XHTML, HTML என்ன வித்தியாசம்??
எனக்கு HTML தெரியும் அது என்ன XHTML? இரண்டும் ஒண்டுதானே எண்டு கேக்கிறாக்களுக்காக கீழ இரண்டுக்கும் இடையிலான அடிப்படையான வித்தியாசங்களை சுருக்கமாக சொல்லியிருக்கிறன்.

Hyper Text Markup Language அல்லது HTML என்பது, SGML எனப்படுகின்ற Standard Generalized Markup Language இனுடைய ஒரு உருவாக்கமாகும் (Application). இது நாங்கள் சில tag களை விட்டுவிடவும் சில attribute களை குறைத்துக்கொள்ளவும் அனுமதிக்கின்றது.

XHTML அல்லது Extensible HyperText Markup Language என்பது, XML எனப்படுகின்ற Extensible Markup Language இனுடைய ஒரு உருவாக்கமாகும். இது நாங்கள் எந்த ஒரு tag இனை விட்டுவிடவோ அல்லது attribute இனை குறைத்துக்கொள்ளவோ அனுமதிக்காது. இருந்தாலும் வெறுமையான tag களுக்கு இது ஒரு சுருக்க முறைமையை அறிமுகப்படுத்தி உள்ளது. (உதாரணங்கள் தேவையென்றால் பின்னூட்டத்தில் கேளுங்கள்.)

இன்னுமொரு முக்கிய வித்தியாசம் என்னவெனில் உங்கள் HTML கோப்பில் சரியாக tag கள் முடிக்கபடாது விட்டாலும் இணைய உலாவியில் அவை சரியாக தெரிவதற்கான வாய்ப்புகள் உள்ளன. ஆனா XHTML கோப்பை பொறுத்தவரை இப்பிரச்சனை ஒரு மிகப்பெரிய பிழையாகும்.

மிக முக்கியமான விடயம் என்னவென்றால் இவற்றிற்கிடையான வித்தியாசம் எங்கள் CSS கோப்பை நாங்கள் எழுதும் முறையில் பாதிப்பை ஏற்படுத்தும். எங்கள் அடைப்பலகை அடிப்படையாக CSS கோப்பொன்றை கொண்டிருப்பதால் நாங்கள் இந்த வித்தியாசத்தை அறிந்து கொள்ளுவது முக்கியமானதாகும்.

Case sensitive
அடிப்படையில் CSS கோப்பானது case sensitive இல்லாதது. இருந்தாலும் XHTML ஆனாது case sensitive ஆனது ஆகையால் இது CSS இல் பாதிப்பை கொண்டுவரும். (HTML case sensitive அல்லாதது. சில குறிப்பிட்ட இடங்களை தவிர்த்து)

உதாரணமாக

h1 {
font-size: 150%;
}
H1 {
color: red;
}

ஆகிய இரண்டும் வேறு வேறானவை.

Optional tags
இங்கு மிகச்சுருக்கமாக சொல்லுவதானால், முன்னர் சொன்னது போல நாங்கள் HTML இல் tag களை விட்டுவிடலாம். ஆனால் XHTML இல் அவை அனைத்தும் மிக முக்கியமானவை. எனவே CSS கோப்பும் அதனை கவனத்தில் கொள்ள வேண்டும். (மேலும் விளக்கமான விபரம் இது தொடர்பாக தேவையெனில் பின்னூட்டமிடுங்கள், இரு மொழிகள் தொடர்பான DOM மரம் எவ்வாறு இங்கு வருகிறது என விளக்க முயற்சிப்பேன்)

Properties for the root element
இங்கும் சுருக்கமாக சொல்லுவதானால் HTML ஆனது body tag இனையே அடிப்படையாக கொள்கிறது. இங்குதான் நாங்கள் எமக்கு தேவையான attribute களை சேர்க்கமுடியும். ஆனால் XHTML இல் அவ்வாறல்ல.

சரி இப்பொழுது உங்களுக்கு இவ்விடயம் தொடர்பாக ஒரு அடிப்படை அறிவு வந்திருக்கும்.

அடுத்ததாக

அடைப்பலகை ஒன்றை உருவாக்க தேவையான மென்பொருட்கள்.
அடைப்புக்குறிக்குள் இருப்பவை நான் பயன்படுத்தும் மென்பொருட்கள்.

PHP Editor (Adobe Dreamweaver)

CSS Editor (CSSEdit)

இவை இரண்டுக்கும் நீங்கள் Notepad இனை கூட பயன்படுத்த முடியும். Emeditor இரண்டுக்குமே நல்ல மென்பொருள். இலவச Notepad++ நல்ல மென்பொருளாயினும், யுனிகோட் ஒத்திசைவு இல்லை என்பதை கவனித்து கொள்ளுங்கள்)

Graphics Editor (Adobe Photoshop).

Gimp ஒரு நல்ல இலவச மென்பொருள்.

இவற்றை விட வழங்கியாக மாற்றப்பட்ட கணினியும், ஒரு வேர்ட்பிரஸ் நிறுவலும் உங்களுக்கு தேவைப்படும். (உங்கள் அடைப்பலகையினை சோதிக்க)

இண்டைக்கு விசயத்துக்க வராமலேயே பாடம் முடியுது. அடுத்த பாகத்தில தொடருவம். கேள்வியிருந்தா பின்னூட்டத்தில கேளுங்க.

10 வைகாசி, 2008