از امروز شروع میکنیم به طراحی قالب برای وردپرس
بسیار آروم و نم نم میریم جلو تا همه با هر سطحی از آشنایی که از کد نویسی دارن بتونن دقیقا بفهمن چیکار میکنن نه اینکه یه چیزی رو یاد بگیریم و یک هفته بعد یادمون بره.
امروز یک سری توضیحات میدم که امیدوارم دقیقا انجام بدین تا به نتیجه ی مطلوب برسیم
یک اینکه لطفا هر موقع گفتم این کد رو بنویسین دقیقا منظورم اینه که کد رو بنویسین!
یعنی کپی پیست نداریم! البته بعضی وقت ها مهم نیست که خواهم گفت.
نکته ی دیگه در مورد کد نویسیه که حتما باید بهش توجه کنین!
هر تگی که باز میشه بالاخره باید بسته شه! اما دقیقا به صورت زیر
<tag1>
<tag2>
<tag2/>
<tag1/>
به شکل زیر نگاه کنید که کاملا و دقیقا غلط میباشد!!!
<tag1>
<tag2>
<tag1/>
<tag2/>
این نظریه یا اطلاعیه نیست یک قانون است. یعنی ما تگ هایی رو که باز میکنیم به ترتیب میبندیم!
اگر دقت کرده باشین (اگه نکردین دقت کنین!!!) احتمالا فهمیدین که شروع کننده ی هر تگ به صورت <> است، و برای بستن هر تگ باید یک اسلش قبل از تگ مربوطه بزاریم یعنی اینجوری! : </>
نگران نباشین بعدا میفهمیم که کاربرد هر تگ چیه و چه میکنه!
نکته ی دیگه در مورد ساختار قالب های وردپرسه که برای کسی که نمیشناستش بسیار سخت و عجیبه اما وقتی بفهمیم که جریان چیه به هوش طراحان پی میبریم و کم کم میفهمیم که چقدر خوب و دقیق و مناسبه!
در زیر لیست فایلهای که یک قالب کامل رو تشکیل میدن رو میبینیم
index.php
home.php
single.php
page.php
archive.php
category.php
search.php
404.php
comments.php
comments-popup.php
author.php
date.php
style.css
نگران نباشین اونقدر که به نظر میرسه سخت نیست!
فایل index.php قسمت اصلی قالب ماست که وجودش ضروری و لازمه! همینطور style.css که از اسمش معلومه نقش استایل کردن و شکل دادن به تم یا همون قالب مارو داره!
شما وقتی در یک سایت بر پایه ی وردپرس هستین در یکی از صفحات زیر هستین
index.php
single.php
page.php
archive.php
search.php
404.php
از اسم هر کدومم معلومه که جریان چیه!
اگر هنوز نفهمیدین دلیل بر خنگی شما نیست! مطمئن باشین تعارف نمیکنم!
index صفحه اصلی سایت ، single صفحه ی یک نوشته به خصوص ، page یک صفحه از سایت ، archive صفحه آرشیو هفته ای ، ماهانه و … سایت ، search صفحه ای که برای جستجوی سایت استفاده میشه و بالاخره 404 صفحه ای برای ارور (error) سایت!
البته هیچ کدوم از اینها لازم نیستن یعنی ساخت index در اولویته !!
با ساخت همین یک صفحه (یعنی index) وردپرس اکثر کارهارو انجام میده!
امروز هم که چیز زیادی نگفتم،اما سعی کنید هرچی گفتم دقیق بخونین که کم کم با هم بریم جلو
سعی کنید مواظب خودتون باشین!
بای
دوست عزيز سلام
با تشکر از مطالب مفيدتون
من اگر بخواهم مطالب سايتم 2 ستونه ويا بيشتر بشه بايدچيکار کنم؟
لطفا زياد تخصصي نگيد تا بفهمم چي به چيه!
اولين و بهترين راه اينه که تقلب کنيد! يعني يک تم که اينجوري هست رو ببينيد چه کرده!
اما کوتاه بخوام بگم بايد توي functions.php عدد 2 رو بدين و همون کاري که با يک sidebar کرديد با يکي ديگه هم انجام بدين و يکم هم با css کار کنيد
سلام
خيلي ممنون من گشتم و تونستم با کمک از مطالب شما درمورد کلاس و آيدي 4 ستونه هم بکنم!
اما يه سوال ديگه؟!
اول سايت روبرو را ببينيد: mob20.org
خوب حالا اگر دقت کنيد واسه هر مطلب يه کادر هست و زمانيکه ماوس رو وارد محدوده کادر اون مطلب مي کنيد پيش زمينه اون مطلب تغيير ميکنه و يه کادر پررنگ هم دور تصويرش ايجاد ميشه!
اينو من چه جوري تو فايل استايل ثبت کنم؟!
من که توي اين سايت چيزي نديدم! اما براي اينکه وقتي روي يک تگ ميرين استايلش تغيير کنه بايد به صورت زير عمل کنيد.
مثلا ميخواهيم تگ p در داخل يک تگ با آي دي myid وقتي موس روش ميره رو هدف قرار بدي:
(کد درست نمايش داده نميشه لطف کن کپي کن يه جاي ديگه ببينش)
#myid p:hover
{
border:2px solid #000
}
اقا ممنون اما تگ من کلاس داره وتا وقتي کلاس باشه اين کار انجام نميشه! وقتي کلاس تگ را پاک کردم درست شد حالا چيکار کنم؟
دوست عزيز اين مشکل حل شد اما اين کد شما فقط يه کادر ايجاد ميکنه. من ميخوام همزمان با ايجاد کادر پس زمينه داخلش هم تغيير رنگ بده!
خوب ميتوني هر کاري با اون hover انجام بدي background عوض کني يا مثلا رنگ فونت رو تغيير بدي!
اما من وقتي background براش تعريف مي کنم ديگه همون کار قبليشم انجام نميده!!
ميشه مثل همون اول. ساده ساده!
کد من:
#myid p:hover
{
border:1px solid #C0C0C0
background: #C0C0C0
}
آخر هر خط کد بايد ; بزني دادا
دمت گرم
اصلا حواسم به اين نکته يا همون نقطه کوچيک نبود!
آقا من نميخوام لينک ادامه مطلب تو صفحه اول باشه! يکارش کنم
از تو فايل ايندکس حذف کردم اما بازم خود بخود با اسم ( دنباله) ظاهر ميشه!
در ضمن الان تو صفحه من 2تا کادر دور مطلب من باز ميشه!
http://www.test.118clip.com
يعني چي نميخواي باشه؟ اگه ميخواي چيزي ننويسه کد زير رو جايگزين the_content بکن
the_content(' ');من توي صفحه اي که دادي کادر دومي نميبينم!
در ضمن خواهش ميکنم سوالات خارج از مطلب رو بهم ايميل کن يا از فروم هاي موجود استفاده کن، ممنون
سلام دوست عزيز
من دارم واسه خودم قالب ميسازم ولي به يه مشکل برخوردم! درانجمن وردپرس مطرح کردم کسي جواب نداد
من ميخوام کادر مطالب سايت در وسط صفحه قرار بگيره ولي فقط در اکسپلورر درست عمل ميکنه و در فايرفاکس و کروم مي افته سمت راست!
کد ساده قالب: paste2.org/p/523576
کد استايل: paste2.org/p/523579
ممنون ميشم راهنمايي کنيد
margin راست و چپ رو بايد auto کنيد مثل کد زير:
margin:0 auto 0 auto
واقعا سپاس گذارم!
سلام ، من دارم ميخونم ببينم چيزي ميفهمم ؟ اينجاشو که فهميدم ، يعني خوب توضيح دادي که فهميدم . دوست دارم ياد بگيرم ، اميدوارم تا تهش رو که خوندم يه چيز کوچولو ياد بگيرم .
حتمن ميفهمي، سوال سرچ کن پيدا نکردي حتمن بپرس، سعي ميکنم کمکت کنم
خيلي عالي هست
——————————
بالا خره يكي رو ديديم كه به ما تازه كار ها دل گرمي و آموزش بده !!!
————————————
اقا يه دنيا ممـــــنوووووون
سلام تنها کسی هستی که بدون خودخواهی هر چی بلدی رو داری به ملت یاد می دی . دمت گرم داداش.
🙂 دوستان دیگه هم هستند البته، ممنونم، امیدوارم به دردتون بخوره، به درد ما که نخورده فعلن:))
سلام سیاوش جان
یه قالب ساده برای پنچره پاپ آپ نظرات وردپرس میخوام
میتونی برام درست کنی/.
salam che webe khub o amuzandeyi
man mikham shoru konam be tarahie site o ghaleb mishe lotfan ye email bezanid va rahnamayihaye lazem ro bokonid ta bedunam az koja shoru konam ke behtar bashe kheili mamnoon misham ke linkhayi ro ke lazem midunid baram mail konid man taze ye kam SQL yad gereftam albate ye kam ham C++ ro be surate teori baladam….kheili mamnoon
سلام، برای طراحی سایت آموزشهای همین وبلاگ رو بخونین راه میفتین و اگه حوصله و وقت داشته باشین زود هم یاد میگیرین، اما برای برنامه نویسی و نوشتن برنامه های تحت وب پیشنهاد میکنم پی اچ پی بخونین ، که البته به آسونیه طراحی صفحات وب نیست و زمان زیادی میبره تا به یک برنامه نویس پی اچ پی تبدیل بشین
kheili mamnoon khob php ro bayad che joori shoru konam? ketabe khasi hast ke betune komakam kone? merc
والله من منبع مناسبی نمیشناسم و خودم هم زیاد بلد نیستم، توی فروم های معروف مثل p30world بپرسین حتمن بهتر از من میتونن کمکتون کنن
مرصی
عشق من تنت سلام داداش دمت گرم اي ول به ولت دمت گرم با اين آموزش هاي گرمي كه ميزاري :d
این درس رو هم قبلا تو یه آموزش دیگه یاد گرفته بودم حالا بهتره بریم درس بعدی
تعجب نکنید جناب کشمیری چون من قبلا یه آموزش ناقص درباره طراحی دیدم و آموزش شما رو فقط به خاطر بهبود و بهتر شدن طراحی خودم می خونم
ممنون
قربونت برم خیلیییییییی عالی توضیح دادی
دمت گرم
با سلام
آقا دمتون گرم، خیلی سایت مفیدی هست
اگر کمکی از دست ما بر میاد ، بگید
با تشکر
سلام.ممنون .خیلی خوب بود.از دست اندرکاران وبسایت به این خوبی سپاسگزارم