Posts Tagged "தமிழ் வேர்ட்பிரஸ்"

பாகம் 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 இணையத்தின், கீழே தரப்பட்டுள்ள உதவிப்பக்கத்தை தரவிறக்கி வைத்துக்கொள்ளுங்கள். அதில் கூறப்பட்டுள்ளவற்றை விளங்கிக்கொள்ள முயற்சியுங்கள். அடுத்தபாகத்தில் அது தொடர்பாக பார்ப்போம்.

வேர்ட்பிரஸ் குருவாகுவோம் – பாகம் 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 ஒரு நல்ல இலவச மென்பொருள்.

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

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

வேர்ட்பிரஸ் நிருவாக முகப்பை அறிந்து கொள்ளுவோம் – பாகம் 3

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

சரி இனி விசயத்துக்கு வருவோம்…

நீங்கள் நிறுவிக்கொண்ட வேர்ட்பிரஸின் நிருவாக முகப்பிற்கு வாருங்கள்.

இதற்கு உங்கள் இணையஉலாவியை திறந்து http://127.0.0.1/wordpress/wp-login.php என்ற முகவரிக்கு செல்லுவதன் மூலம் நீரபாக முகப்பினை அடைய முடியும். இதன்போது கேட்கப்படும் கடவுச்சொல், பயனாளர் பெயர் என்பன உங்களிடம் உள்ளது.

இங்கு நிருவாக முகப்பில் பிரதானமாக 7 tab கள் இருக்கின்றன. இவற்றில் தேவையானவையை பற்றி மட்டும் மிகச்சுருக்கமாக பார்ப்போம்.

Write
இப்பொழுது நீங்கள் Write என்னும் முதலாவது Tab இற்கு வந்தால் அங்கு மேலும் மூன்று Sub tab கள் இருப்பதை காணலாம்.

முதலாவதாக இருக்கும் Post என்பது ஒரு பதிவினை எழுதவும், Page என்பது ஒரு பக்கத்தை உருவாக்கவும், Link என்பது ஒரு தொடுப்பொன்றை உருவர்கி கொள்ளவும் பயன்படும். இப்பக்கத்தில் இருக்கின்ற ஒவ்வொரு விடயத்தையும் அறிவுறுத்தல்கள் ஏதுமின்றியே உங்களால் விளங்கிக்கொள்ள முடியும். இருந்தாலும் இதிலே Post எனும் பக்கத்தின் கீழே இருக்கின்ற Custom fields என்பது மட்டும் மிகவும் வித்தியாசமானது.

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

இந்த Tab இற்கு அடுத்தபடியாக இருக்கின்ற Manage, Design, Comments Tabகள் சம்பந்தமாக நான் இங்கு எதுவும் செல்லுவதாக இல்லை. இதைப்பற்றி நான் அலட்டுவதை நீங்கள் கேட்குமளவிற்கு பொறுமைசாலிகள் இல்லை என்பது எனக்கு தெரியும்.

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

Plugins page.
அதேபோல மற்றைய பக்கத்தில் இருக்கும் plugins பக்கம் நாங்கள் பயன்படுத்துகின்ற நீட்சிகளை வரிசைப்படுத்தி காட்டும். இங்கு நாங்கள் எமக்கு விரும்பிய நீட்சிகளை இலகுவாக நிறுவிக்கொள்ள முடியும் அத்துடன் இருக்கின்ற நீட்சியொன்றை பயன்படுத்துவதா இல்லையா எனவும் தீர்மானிக்க முடியும்.

பிறிதொரு பாகத்தில் ஒரு மிகச்சிறிய நீட்சியை எவ்வாறு உருவாக்கி பயன்படுத்துவது என்று பார்ப்போம்.

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

இந்த Tab இற்கு கீழே காணப்படும் Sub tab ஆகிய User profile இல், நீங்கள் குறிப்பிட்ட ஒரு பதிவர் தொடர்பான தகவல்களை சேமித்து வைக்க முடியும்.

Settings Tab
அடுத்ததாக மிகப்பிரதானமான Settings tab இனை பார்ப்போம். இங்குதான் உங்கள் பதிவு எவ்வாறாக வேலைசெய்ய வேண்டும், மற்றும் உங்கள் பதிவு தொடர்பான தகவல்கள் காணப்படும். இங்கே General settings இல் காணப்படுபவை தொடர்பாக உங்களுக்கு சந்தேகம் எழ வாய்ப்பில்லை.

Writting settings இலே நீங்கள் எழுதும் ஒவ்வொருபதிவு தொடர்பான தகவல்கள் காணப்படும். அத்தோடு கீழே காணப்படுகின்ற Post via e-mail என்பத வேர்ட்பிரஸிற்கு ஒரு புதிய விடயமாகும். இந்த வசதி மூலம் மின்னஞசல் ஒன்றை அனுப்பி உங்களால் பதிவொன்றை இட முடியும்.

அடுத்ததாக இருக்கின்ற Reading Settings இல் Front page display என்பது பிரதானமான விடயமாகும். இதன் மூலம் நீங்கள் உங்கள் முதற்பக்கமாக இருக்க வேண்டியது ஒரு Static page ஆ அல்லது வழமையாக நாங்கள் பார்க்கும் சாதாரண பதிவுகளை கொண்ட பக்கமா என தீர்மானிக்க முடியும்.

அடுத்து இருக்கும் permalink settings பகுதி மிக முக்கியமானது. அதனை பற்றி நாங்கள் SEO in WordPress எனும் பாகத்தில் பார்ப்போம்.

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