آگهی
article

چگونه برای سایت یا وبلاگ خود قالب طراحی کنیم؟

web-design

قالب سایت و وبلاگ به عنوان ویترین صفحه وب محتوای مد نظرمان را در چارچوب مشخص به کاربر نمایش می دهد و در اصل بخش اصلی رابط کاربری (User Interface) به حساب می آید، لذا طراحی قالب سفارشی یکی از اصلی ترین قسمت های فعالیت حرفه ای در وب محسوب می شود، اینکه چگونه قالب اختصاصی برای سایت یا وبلاگمان طراحی کنیم پرسشی است که پاسخ آن را به راحتی نمی توانیم در یک مطلب خلاصه کنیم اما آنچه مهم است اینکه بدانیم از کجا باید شروع کنیم و چه فراز و فرودهایی پیش رو داریم، آیا واقعا نیاز است که منابع مختلف را مطالعه کرده و ساعت ها زمان صرف این کار کنیم یا در عوض از نرم افزارهای قالب ساز آماده استفاده و اصول فنی کار را رها کنیم، در یک پاسخ کوتاه به این سوالات باید گفت که در واقع هیچ کدام از این روش ها به تنهایی چاره کار نیست، در ادامه خواهیم دید که بهترین روش یادگیری موارد فنی در حد رفع نیاز و در عین حال استفاده از ابزارهای جانبی طراحی و کدنویسی است.

برای طراحی قالب وب از کجا شروع کنیم؟


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

تسلط بر HTML و CSS


همان طور که گفتیم گام اول در طراحی قالب، تسلط بر HTML و CSS است، HTML به عنوان زبان پایه مورد استفاده در وب و CSS برای استایل نویسی و شکل دهی به ظاهر صفحات وب از اهمیت زیادی در طراحی قالب برخوردارند، شاید گمان کنیم یادگیری این موارد زمان زیادی می برد که البته تا حدود زیادی درست است، دانش وب جزئیات زیادی دارد اما اگر اندک اندک اما پیوسته پیش برویم و مباحث را از ابتدا و با کدهای کوچکتر بیاموزیم خواهیم دید که رفته رفته دانشمان بیشتر و بیشتر شده و طراحی وب و کدنویسی جز مهارتهای شیرین و جذابی خواهند بود که از انجام آن لذت می بریم، در فرآیند آموزش و تمرین نیز بهتر است ابتدا از پروژه های کوچک و آزمایشی شروع کنیم و رفته رفته به سمت طراحی قالب کاربردی پیش برویم، اما چرا باید HTML و CSS را یاد بگیریم؟ پاسخ روشن است، مترجم ایده های ما در طراحی وب این دو زبان هستند، HTML در واقع یک زبان قراردادی است و به همین دلیل فراگیری آن ساده است، CSS نیز اصول و قواعد خود را دارد که در کنار HTML و جهت استایل دهی به تگ های آن مورد استفاده قرار می گیرد.

یادگیری فتوشاپ (Photoshop) و تکنیک های طراحی


پس از تسلط در بخش کدنویسی HTML و CSS باید کمی تکنیک های طراحی گرافیکی را هم بیاموزیم، البته نیازی نیست یک فتوشاپ کار حرفه ای باشیم همین که بتوانیم نیازهایمان را مرتفع کنیم کافی خواهد بود، در ایجاد قالب های وب ممکن است به دلایل مختلف نیاز به عناصر گرافیکی باشد، به طور مثال برخی ترجیح می دهند طرح کلی کار را در برنامه هایی نظیر فتوشاپ (Photoshop) به صورت تصویری پیاده سازی کنند و سپس بلاک های مورد نظر را برش زده و در کدنویسی HTML و CSS استفاده نمایند، همچنین در مواردی ممکن است برای تزئین قسمت هایی از قالب یا برای ویرایش عناصر گرافیکی به کار رفته در قالب به این برنامه نیاز داشته باشیم، هرچند در سالیان اخیر با معرفی امکانات نسخه جدید CSS، وابستگی طراحان به برنامه های گرافیکی کاهش پیدا کرده است اما همچنان نقش این برنامه ها در طراحی وب پررنگ است که این لزوم تسلط بر یک نرم افزار گرافیکی را جهت طراحی قالب وب یادآور می شود، در زمینه الگوبرداری نیز استفاده از سورس ها و فایل های آماده وب ایده های خوبی در اختیارمان می گذارد هر چند تقلید صرف را توصیه نمی کنیم.

استفاده از نرم افزارها


برای طراحی و کدنویسی قالب های وب معمولا نرم افزارهایی مورد استفاده طراحان و توسعه دهندگان قرار می گیرد، از جمله در زمینه قالب های آماده که بیشتر به کار طراحان کم تجربه تر می آید می توان به برنامه Artisteer اشاره کرد، در زمینه کدنویسی پیشرفته نیز برنامه Adobe Dreamweaver یکی از معروف ترین ها است که می تواند استفاده چند منظوره (طراحی و کدنویسی) داشته باشد، برنامه phpStorm برای توسعه دهندگان حرفه ای زبان برنامه نویسی PHP نیز گزینه واقعا قوی و مطرح دیگری است، استفاده از نرم افزارها در کدنویسی و طراحی قالب سایت و وبلاگ به موارد گفته شده محدود نمی شود، با یک جستجوی کوتاه در وب می توانیم موارد دیگری را نیز پیدا کنیم که ممکن است کار با آنها به نظرمان ساده تر و جذابتر باشد.

آشنایی با تگ های اختصاصی سایت یا سرویس وبلاگی


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

کاربرد تگ های اختصاصی قالب و نمونه کدها


قبل از اینکه بخواهیم قالبمان را خودمان طراحی و ایجاد کنیم باید به تگ های اختصاصی و معنی کدهای سیستم مدیریت محتوای سایت یا سرویس وبلاگی خود اشراف داشته باشیم، معمولا سیستم های مدیریت محتوای سایت یا سرویس های ارائه دهنده خدمات ایجاد وبلاگ برای نمایش امکانات و بخش های مختلف از کلمات مشخصی به عنوان تگ اختصاصی در قالب ها استفاده می کنند، به طور مثال اگر برای سیستم وبلاگی خاصی قالب طراحی می کنیم باید بدانیم که تگ های اختصاصی آن چیست، به فرض ممکن است تگی با نام
<-PostContent->
در آن سیستم سازنده بخش مطالب باشد و برای نظرات عبارات قراردادی دیگری مانند
<-BlogComment->
استفاده شود و... یعنی اگر در کد قالب آن سرویس وبلاگی چنین عبارتی را درج کنیم، به جای این عبارات قسمت مربوط به آنها (به فرض بخش مطالب، بخش نظرات و...) در خروجی HTML صفحه وب نمایش داده خواهد شد، خوشبختانه اکثر CMS ها و سرویس های ایجاد وبلاگ راهنمای خوبی در این مورد در اختیار طراحان قرار می دهند که با مراجعه به آدرس آنها یا در بخش ویرایش کد قالب در دسترس است، لذا در اولین گام باید به این بخش ها مراجعه و با تگ های اختصاصی طراحی قالب سیستم مدیریت محتوای سایت یا سرویس وبلاگی آشنا شویم، در کنار انجام این کار می توانیم چند نمونه کد قالب آماده را از بخش قالب های پیش فرض انتخاب و بررسی نمائیم، این کار نقش زیادی در بدست آوردن درک کلی از اینکه قالب چیست و چه شیوه کدنویسی در آن به کار گرفته شده است، خواهد داشت.

نمونه فرضی کد قالب وب


جهت درک بهتر، آشنایی بیشتر و داشتن دورنمای کلی از طراحی قالب وب، یک نمونه فرضی کد قالب وبلاگ را به همراه پیش نمایش آنلاین آن در زیر درج کرده ایم (نمونه زیر کاملا فرضی و کدنویسی آن ناقص می باشد، صرفا جهت آشنایی بیشتر درج شده است):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | نمونه کد فرضی قالب وبلاگ</title>
<!-- Webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
a, a:hover{
    text-decoration:none;
}
#header{
    background:#15ACD3;
    width:100%;
    height:200px;
    text-align:center;
}
#menu{
    background:#9A070A;
    width:100%;
    height:50px;
}
#main{
    background:#F0F0F0;
    min-height:200px;
    width:100%;
}
.sidbar-right{
    background:#E5E5E5;
    display:inline-block;
    width:25%;
    text-align:justify;
    text-align:center;
}
.center{
    background:#E9E9E9;
    display:inline-block;
    width:50%;
    text-align:justify;
    text-align:center;   
}
.sidbar-left{
    background:#E5E5E5;
    display:inline-block;
    width:25%;
    text-align:center;
}
#footer{
    background:#333;
    color:#FFFFFF;
    width:100%;
    height:50px;
    text-align:left;
}
</style>
</head>
<body>
<div id="header">
<h1><-BlogTitle-> عنوان صفحه</h1>
<h3><-BlogDescription-> شرح صفحه</h3>
</div>
<div id="menu"><a href="#">صفحه اصلی</a> <-BlogTopMenu-></div>
<div id="main">
<div class="sidbar-right">
کدهای مربوط به سایدبار سمت راست <-BlogAbout->
</div><div class="center">
کدهای مربوط به قسمت مطالب <-BlogContent->
</div><div class="sidbar-left">
کدهای مربوط به سایدبار سمت چپ <-BlogAds->
</div>
</div>
<div id="footer">
کدهای مربوط به قسمت فوتر قالب <-BlogFooter->
</div>
</body>
</html>
پیش نمایش آنلاین
در پایان این مطلب یادآور می شویم پیش نیاز فراگیری مهارت طراحی قالب وب طی دوره های آموزش مقدماتی HTML و CSS است و نمی توان در یک یا چند مطلب جزئیات مختلف این مهارت را آموزش داد، در این یادداشت سعی شد تا دورنمای کلی کار و اطلاعات اولیه مورد نیاز برای علاقمندان شرح داده شود.
sectionدسته بندی: مهارتهای وب » طراحی وب
related مطالب بیشتر:
» طراحی باکس جستجو با فتوشاپ و CSS
» آموزش انتقال قالب از فتوشاپ به کد HTML و CSS
» قابلیت های کاربردی CSS3 در طراحی وب
» طراحی قالب سه بعدی وب با فتوشاپ و CSS
» طراحی و کدنویسی هدر قالب با فتوشاپ، HTML و CSS
commentنظرات (۱۶۱ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: poya
۱۷:۳۷ ۱۳۹۷/۰۶/۱۳
سلام
یه سوال ازتون داشتم
من خیلی علاقه دارم که یه قالب وبلاگ (مثل قالب سایت) طراحی کنم و مثلا مثل همین سایت شما توش مطلب آموزشی بزارم الانم طبق چیزی که خودم میدونم HTML رو ۹۰٪ و CSS رو ۸۵٪ تقریبا بلدم به نظر شما برای این کار باید این دو زبان رو کاملا (۱۰۰٪) بلد باشم یا همین مقدار برای ساخت یه وبلاگ آموزشی کوچیک کافیه؟ البته خودمم میدونم که برای پویا سازی وبلاگ باید جاوا اسکریبت هم بلد باشم
پاسخ: 
برای شروع طراحی قالب وبلاگ این مقدار از آشنایی با HTML و CSS کاملا مناسب است، در گام های نخست بهتر است از نمونه قالب های موجود الگوبرداری کنید و رفته رفته ایده ها و کدهای خودتان را عملی نمائید، بخش زیادی از دانش و مهارت در حین کار به دست می آید، اما برای آموزش این موارد قاعدتا باید به تسلط کاملی از مفاهیم و نحوه کاربرد دستورات دست پیدا کنید و تجربه عملی کافی داشته باشید.
نویسنده: محدثه
۰۲:۴۳ ۱۳۹۷/۰۹/۳۰
سلام من تازه صفحه وبلاگ ساختم چند تا هم متن گذاشتم اما وقتی صفحمو باز میکنم قسمت درباره من یا پیوندهای روزانه نیستن و فقط نوشته وجود دارن باید چیکار کنم تا صفحم مثل بقیه وبلاگا بشه؟!
پاسخ: 
آدرس وبلاگ را درج نکرده اید، امکان بررسی دقیق وجود ندارد! با توجه به توضیحات اگر در پنل مدیریت وبلاگتان متن درباره من و پیوندهای روزانه را اضافه کرده اید و همچنان این مشکل وجود دارد به احتمال قوی کدهای قالب وبلاگتان ناقص است، می توانید از قسمت انتخاب و ویرایش کد قالب در پنل مدیریت یک قالب جدید انتخاب کنید.
نویسنده: یکی
۰۱:۱۷ ۱۳۹۷/۱۰/۱۸
سلام میخوام یه تصویر زمینه بسیار زیبا برای وبلاگم طراحی کنم .
لطفا کمککککککککککککککک
پاسخ: 
مشخص نکرده اید مشکل دقیقا در کدام قسمت است؟ در بخش طراحی باید کار با برنامه های گرافیکی نظیر فتوشاپ و در بخش کدنویسی باید زبان هایی مانند HTML و CSS را بلد باشید.
نویسنده: john
۱۳:۴۴ ۱۳۹۸/۱۰/۱۸
سلام خدمت شما ببخشید آیا میشه از کد های پی اچ پی هم داخل وبلاگ استفاده کرد؟
پاسخ: 
در سرویس های متداول وبلاگی خیر، مگر اینکه از برنامه های مدیریت محتوا مانند وردپرس بر روی دامنه و هاست شخصی استفاده کنید.
نویسنده: محیا
۱۳:۴۳ ۱۳۹۹/۰۲/۰۲
نمیشه با برنامه فتوشاپ اول طراحی کنیم بعد کد رو بده بهمون؟ چون من دیده بودم که کد css برای استفاده در وبلاگ ها داشت
پاسخ: 
برنامه فتوشاپ امکان ارائه استایل CSS را از منوی Layer دارد که در فرآیند تبدیل می تواند کمک کننده باشد، منتها قالب های وب باید به صورت HTML اسکلت بندی و سپس با CSS فرم بگیرند، لذا صرف فتوشاپ کفایت نمی کند.
نویسنده: mahdi
۱۸:۰۲ ۱۳۹۹/۰۲/۰۸
سلام استاد عزیز و گرامی ، من برای طراحی سایت آیا نیازی هست که به زبان php مسلط باشم یا حداقل یکمی ازش بلد باشم کافیه؟
این سوالو کامل اگر توضیح بدی خیلی خیلی خیلی ممنونت میشم که در چه سطحی از کار طراحی سایت باید به php مسلط بود؟
سر دوراهی موندم که آیا زمانم رو بزارمو برنامه نویسی اندروید یاد بگیرم یا php ... فکر خودم اینه که من نمیخوام سایتهای بزرگی مثلا مثل آپارات یا دیجی کالا و .... طراحی کنم چون قصدم کار شخصی و تکی هست نه با گروه و برای همین فکر میکنم نیازی نداره کلی از زمانمو بزارم برای یادگیری php و آخر سر هم که یادگیریم تموم شد ببینم که هیچ کار خاصی باهاش انجام نخواهم داد .... بنظر خودم چیزایی که لازم دارم آموزش ببینم اینا هستن
html, css, jsvascript, jquery, react, angular, json, ajax و sql و اندکی php
آیا بنظرتون من درست فکر میکنم ؟
لطفا یه توضیح کامل و جامع بهم بدید خیلی درگیر این موضوع شدم
و اگر php و sql باید به مقدار لازم بلد باشم ، لطفا بگید تا چه حد باید بلد باشم و چه مبحثایی رو باید یاد بگیرم؟
خیلی ممنونتم استاد بخدا هیچکسو جز شما ندارم این سوالارو ازش بپرسم ، خیلی ممنونت میشم رو این سوالام وقت بزاری و یه جواب کامل بهم بدی تا از این سردرگمی دربیام ، خیلی ممنونتم موفق باشی
پاسخ: 
اگر می خواهید با سرعت بیشتر وارد بحث تجاری و بازار کار شوید معمولا استفاده از کتابخانه ها، فریم ورک ها و برنامه های آماده قابل سفارشی سازی (به فرض جی کئوری، وردپرس، ادیتورهای WYSIWYG و...) توصیه می شود و نیازی نیست و نباید درگیر برنامه نویسی مجدد ابزارهایی که به صورت عمومی در دسترس هستند شوید، اما در هر حال گذراندن دوره های مقدماتی هرچند فشرده لازمه کار است، برنامه نویسی یک حرفه فنی است و نباید انتظار داشته باشید که بدون کسب مهارتها و تجربه بتوانید همه ایده هایتان را به راحتی تبدیل به واقعیت کنید، خیلی از دانستنی ها صرفا حین کار کسب می شوند! در خصوص PHP همان دوره مقدماتی را بگذرانید برای شروع کار کفایت می کند، بعد از این مرحله باید تمرکزتان را روی متدهای برنامه ای که قرار است از آن استفاده کنید بگذارید، به فرض اگر پایه کارهایتان وردپرسی است سعی کنید از زیر و بم آن (ساختار، نحوه کار ماژول ها، ویرایش و سفارشی سازی قالب و...) سردربیاورید تا بتوانید برای هر مشتری متناسب با نیاز و سلیقه آن محصول نهایی داشته باشید، در خصوص Android یادگیری آن توصیه می شود و منافاتی با برنامه نویسی وب ندارد، در واقع اگر هر دو را بلد باشید برای کارتان بهتر است، بسیاری از اپلیکیشن ها باید به صورت آنلاین کار کنند و این یعنی باز هم پای برنامه نویسی وب در میان است، در واقع این زبان ها به هم مرتبط هستند به فرض مبحث شی گرائی برای هر دو زبان اصول مشابه و مشترکی دارد، ضمن اینکه امروزه اپلیکیشن و سایت مکمل هم هستند، باید سعی کنیم نه محدود به یک یا چند زبان و نه سردرگم در چندین زبان نامرتبط باشیم، باید تعادل برقرار کنیم و به نظر یادگیری مجموعه زبان هایی که خودتان اشاره کردید در کنار Android مهارت شغلیتان را کامل می کند، کمی هم گرافیک برداری (Vector) و برنامه هایی نظیر After Effects بلد باشید پکیج تکمیل می شود!
برای ورود به بازار کار اول چند پروژه آزمایشی طراحی کنید، اگر مشکلی نداشتید سفارش گیری کنید، تهیه نسخه های پشیبان از اطلاعات پروژه ها را فراموش نکنید مخصوصا در اوایل کار اشتباهات ناخواسته زیادی ممکن است رخ دهد!
نویسنده: mahdi
۱۰:۵۹ ۱۳۹۹/۰۲/۰۹
سلام ، خیلی ممنون استاد عزیز و بزرگوار ، پس من آموزش php رو هم کم کم شروع می کنم ، موفق باشی
نویسنده: mahdi
۱۹:۰۰ ۱۳۹۹/۰۲/۰۹
سلام استاد عزیز , اینو یادم رفتم بپرسم ، گفتین که کمی هم After Effects بلد باشم خوبه ، فتوشاپ رو تا حدود کمی بلدم ولی نرم افزار کورل رو تقریبا تسلط کامل دارم که وکتوری هم هست و بنظرم بهترین نرم افزار وکتوریه ، میشه حتی خروجی svg با اشکال مختلف گرفت بطوریکه مستقیم در صفحه ایندکس هم برای عکس هم برای بکگراند با حجم خیلی کم استفاده بشه ، افتر افکت رو فقط اسمشو شنیدم ولی هیچوقت نرفتم ببینم چیه ، بنظرتون لازمه از اون هم یکم بلد باشم؟
یه سوال دیگه هم داشتم اینکه آموزشهای w3school توی ری اکت و انگولار و نود جی اس از لحاظ صرفا تئوری بنظرتون کامله (منظورم بغیر از اون تجربه هایی هست که گفتین حین کار بدست میاد)؟
خیلی ممنون استاد عزیز و مهربان و دوست داشتنی ...
پاسخ: 
کورل یا فتوشاپ بودن مهم نیست، مهم اینکه نیازهای گرافیک حوزه وب را پوشش دهد و با نحوه کار آن برنامه راحت باشید، در خصوص افترافکتز با توجه به اینکه گفتید می خواهید شخصی کار کنید برای ساخت تیزرهای کوتاه و کلیپ های آموزشی به صورت موشن گرافیک کاربرد دارد و در کل یک برنامه مهارتی حرفه ای و پرکاربرد از مجموعه ادوبی است که اگر بلد باشید به خصوص در مورد ویدئوهای تبلیغی یا آموزشی به کار می آید، بهتر است یادگیری آن را به مراحل آخر موکول کنید.
در خصوص w3school در کل هیچ وقت به یک منبع بسنده نکنید، اگر مبحثی را کامل متوجه می شوید شاید همین منبع کفایت کند اما در صورتی که احساس می کنید مثال ها کم یا ابهامی وجود دارد در گوگل جستجو کنید! آموزش های w3school صرفا برای شروع گزینه مناسبی هستند، خیلی از نمونه کدهای برنامه ها را باید در جاهای دیگر پیدا کنید.
نویسنده: میترا
۱۸:۱۵ ۱۳۹۹/۰۳/۰۲
با سلام
ببخشید مطلبتون خیلی خوب بود
یه سوال من با فتوشاپ انلاین کار می کنم نمی دونم چرا نمی تونم باهاش قالب بسازم
ببخشید
پاسخ: 
لطفا در خصوص مشکل بیشتر و به صورت موردی توضیح دهید تا امکان راهنمایی دقیقتر وجود داشته باشد، در حالت کلی فتوشاپ عموما یک ابزار کمکی و برای ترسیم شکل کلی یا اجزاء گرافیکی قالب است و مهمتر از آن باید کدنویسی HTML و استایل CSS بلد باشید.
نویسنده: mahdi
۲۱:۴۸ ۱۳۹۹/۰۴/۰۳
سلام استاد عزیز و گرامی امیدوارم که حالتون خوب باشه ، اگه براتون ممکنه لطفا یه آموزش خوب در زمینه وردپرس بهم معرفی کنید ، میدونم که هیچ آموزشی کامل نیست ولی به دانش شما اعتماد دارم و ممنون میشم که هر آموزشی که بنظرتون بهتر میاد رو بهم معرفی کنید ، موفق و پیروز باشی استاد عزیز و بزرگوار
پاسخ: 
اگر صرفا طراحی قالب وردپرس مد نظر است:
قالب های وردپرس در کل مبتنی بر همان HTML و CSS و کدنویسی PHP هستند یعنی ابتدا باید اینها را فرا بگیریم و فرم اصلی کار را طراحی کنیم، در گام دوم باید با ساختار فایل بندی قالب ها و انواع مختلف متدهای وردپرس که به صورت دستورات PHP در قالب استفاده می شوند آشنا شویم، برای شروع در خود دایرکتوری قالب ها می توانیم موارد پیش فرض را بررسی کنیم که جنبه آموزشی مناسبی دارند، در کنار اینها چند منبع به انگلیسی:
https://codex.wordpress.org/Theme_Development

https://www.taniarascia.com/developing-a-wordpress-theme-from-scratch/

https://colorlib.com/wp/how-to-create-unique-wordpress-themes-tutorials/
برای زبان فارسی باید در انجمن های وردپرس و سایت های ارائه دهنده خدمات وردپرسی جستجو کرد، اما توصیه می کنیم اگر زمان کافی دارید خرید موارد غیر رایگان خیلی ضرورتی ندارد مگر اینکه واقعا به مبحثی نیاز مبرم داشته باشید یا احساس می کنید آموزش کامل است و ارزش صرف هزینه را دارد.
نویسنده: سفی
۱۴:۴۳ ۱۳۹۹/۰۵/۱۰
سلام و خسته نباشید من فایل آموزش html مقدماتی رو دیدم اما وقتی روی index.html کلیک راست کردم این گزینه ++edit..c رو ندیدم چه برنامه ای لازمه که نصب کنم
پاسخ: 
برای ویرایش دستورات HTML می توانید از برنامه Notepad ویندوز استفاده کنید، یا اینکه برنامه ++Notepade را دانلود و نصب کنید.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





3 × 4
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form عاطفه مرادی
در:
سلام. من تازه یادگیری html رو شروع کردم و برای وبسایتمون برروی کنترل پنل html می نویسم. از طراح وبسایت خواستم که دسترسی جاوا را...
۱۳۹۹/۰۵/۱۹

form Amir Rahimi
در:
سلام و خسته نباشید من یک سوالی داشتم که مربوط به این بحث نیست سوال من اینه که یه کد یا . ....
۱۳۹۹/۰۵/۱۸

form محمد
در:
سلام اگر بخواهیم هدر سایت در گوشی های موبایل مخفی بشه از چه کدی باید استفاده کرد. کد زیر کلا مخفی میکنه در صورتیکه من...
۱۳۹۹/۰۵/۱۸

form shayan
در:
با سلام وقت به خیر من میخوام تو یه زبانه ای که در واقع متن قرار دادم لینک اسکرول بالا در حده پیکسل...
۱۳۹۹/۰۵/۱۷

form mahtab
در:
ببخشید اگه انتی ویروس رو غیرفعال کنیم برای باز کردن وب که باز نمیشه دوباره میتونیم آنتی ویروس رو فعال کنیم ؟؟ ...
۱۳۹۹/۰۵/۱۵

form امیرمحمد خلیلی
در:
ببخشید چجوری میتونم یه عکس از کاربر بگیرم و نمایشش بدم؟
۱۳۹۹/۰۵/۱۵

form elias
در:
خسته نباشید کاری که گفته بودید انجام دادم ولی رفرش می کنم همه لینک ها بر می گرده مثل اول می شه
۱۳۹۹/۰۵/۱۴

form سفی
در:
سلام و خسته نباشید من فایل آموزش html مقدماتی رو دیدم اما وقتی روی index.html کلیک راست کردم این گزینه ++edit..c رو ندیدم چه برنامه...
۱۳۹۹/۰۵/۱۰

form dnmax
در:
ببخشید ما اگه بخواهیم در وبلاگ مان به بقیه کدهای جاوا بدهیم وقتی کد رو پست میکنیم کد نشان داده نمیشود مثلا کد پخش آهنگ...
۱۳۹۹/۰۵/۰۹

form علیرضا
در:
سلام خیلی ممنون بابت مطالب مفیدتون عاالی بودن ان شالله همیشه موفق باشین.
۱۳۹۹/۰۵/۰۹

form محمد معین محب
در:
سلام میشه برای من یک اچ تی ام ال با بسازید . ممنون میشم
۱۳۹۹/۰۵/۰۸

form مهدی
در:
سلام و خسته نباشید یه مشکلی دارم که فکر کنم فقط وبگو میتونه کمک کنه سرور دانلود دارم و از اسکریپت دانلود vip...
۱۳۹۹/۰۵/۰۸

form neda
در:
با سلام من سایتی زدم از نظر ریسپانسیو هم اکی هست. فقط ارتفاعش از مانیتورهای مختلف به یک اندازه نیست. برای div اول ارتفاع...
۱۳۹۹/۰۵/۰۷

form الهام
در:
سلام یه سوال داشتم که هرچی سرچ کردم جوابش پیدا نشد چجوری ادامه مطلب رو با کلیک روی کلمه مثلا بیشتر... ببینیم؟ ...
۱۳۹۹/۰۵/۰۶

form فاطمه
در:
سلام و خسته نباشید من اومدم برای وبم کد نظرات جدید درج کنم و اتفاقی یه بخش بزرگی از کدها رو حذف کردم و...
۱۳۹۹/۰۵/۰۵
form دینا
در:
چطور نظرات خصوصی که واسه وبلاگم مینویسن پاسخ بدم
۱۳۹۹/۰۵/۰۳
form میثم
در:
سلام من برای دریافت چند تا اطلاعات از جداول سایتم مجبور شدم دستور زیر رو اجرا کنم. هر کدام از جداول حدود ۱.۰۰۰.۰۰۰...
۱۳۹۹/۰۵/۰۱
form علی
در:
با سلام و تشکر فراوان اگر یک div خودش درون div دیگری باشد مثل مثال زیر مقدارش رو چطور به دست بیاریم؟ در...
۱۳۹۹/۰۵/۰۱
form mahtab
در:
خیلی میبخشین بفرمایین
۱۳۹۹/۰۴/۳۱
form علی
در:
با سلام و درود فراوان با چه فرمانی میشه content یک متاتگ رو به دست آورد. مثلا یه لینکی رو بدیم و content مورد...
۱۳۹۹/۰۴/۳۰
form فاطمه
در:
سلام چرا وبلاگ ها برام بالا نمیاد فقط بخش مدیریت میاد وقتی میزنی مشاهده وبلاگ نمیاد وبلاگ دوستانم نمیاد حتی وبلاگ های دیگه...
۱۳۹۹/۰۴/۲۸
form امیر
در:
سلام می خواستم بپرسم چگونه می شه در وبلاگ خود هنگامی که بادید کننده وارد وبلاگ می شه آهنگ خودکار پخش بشه . ممنون...
۱۳۹۹/۰۴/۲۶
form mahtab
در:
سلام ببخشید من که اینو نوشتم شما هم جواب دادین : ببخشین چرا وبلاگ من تو لبتاپ دوستم باز نمیشه ؟؟؟ واسه...
۱۳۹۹/۰۴/۲۶
form مهدی
در:
سلام حالتون خوبه؟ ببخشید هی مزاحمتون میشم.. یک سوالی داشتم من عملیات ری رایت رو میخوام تو سی پنل انجام بدم صفحه لوگین رو باز...
۱۳۹۹/۰۴/۲۶
form مهدی
در:
خیلی خیلی ممنونم از وقتی که گذاشتید.. لطف کردید
۱۳۹۹/۰۴/۲۴
form mahtab
در:
ببخشین چرا وبلاگ من تو لبتاپ دوستم باز نمیشه ؟؟؟ واسه ی ویروس هم اسکن کرده اما نوشته چیزی نیس چیکار کنیم ؟؟؟؟ ...
۱۳۹۹/۰۴/۲۴
  در انتظار بررسی: ۰
 پاسخگویی به سوالات 1 تا 48 ساعت زمان می برد.