علوم کاربردی فناوری وردپرس

آموزش اچ اتی ام ال به وردپرس

همانطور که میدونید وردپرس یکی از دوست داشتنی ترین نرم افزارهای تهیه وبلاگ هست، حتی قدرت آن تا حدی است که می توان به راحتی از آن به عنوان یک CMS هم استفاده کرد. برای همین من تصمیم گرفتن نحوه ساخت قالب رو برای WordPress آموزش بدم. امیدوارم که بعد از خوندن این مطلب بتونید به راحتی برای خودتون قالب تهیه کنید. من پیشنهاد می کنم قبل از ساخت قالب مطالب مربوط ساخت سایت توسط HTML و CSS رو مطالعه کنید، چون اگه کامل به اونها مسلط باشید ساخت قالب برای وردپرس براتون خیلی راحت تر میشه.

wordpress-logo

برای فایل styles.css از روش زیر استفاده کنید :

[codesyntax lang=”php”]
/* Theme Name : Your template name Theme URL : Your template url Description : Descriptions Author : Author name Author URL : Author url Version : Template version */
[/codesyntax]

این خطوط را در ابتدای فایل CSS قرار دهید.

ساختار یک فایل index.php معمولا بدین صورت است :

[codesyntax lang=”php”]
<Your Doctype Goes Here> <html> <head> <title>Here Goes Your Title…</title> <link rel=”stylesheet” href=”styles.css”> </head> <body> <div id=”container”> <div id=”header”>Your Header Information Goes Here…</div> <div id=”navigation”>Your Navigation Links Goes Here…</div> <div id=”content”>Your Content Goes Here…</div> <div id=”sidebar”>Your Sidebar Goes Here…</div> <div id=”footer”>Your Footer Goes Here…</div> </div> </body>  </html>
[/codesyntax]

برای لینک کردن فایل CSS از کد زیر استفاده می کنیم :

[codesyntax lang=”php”]
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
[/codesyntax]

برای شروع کار باید یک فولدر که معمولا نام قالبمان است در آدرس
wordpress/wp-content/themes بسازیم. سپس دو فایل index.php و styles.css را در آن ایجاد میکنیم. حال برای شکل دادن به فایل index.php رفته در آموزش در گام بعدی آموزش میدم

(Visited 44 times, 1 visits today)
  
کانال گردشگری

درباره نویسنده

14p.ir

Leave a Comment