زباله‌دان
قالب‌های من برای بلاگ بیان
۲۹ مهر ۱۴۰۲
۱۸ دیدگاه

قالب‌های من برای بلاگ بیان

بالاخره قالب‌ها رو منتشر کردم :)
سه‌تا قالب داریم که از شمارهٔ ۲ تا ۴ شماره‌گذاری شدن. قالب شماره ۱ گم شده ولی هنوز به پیدا کردنش امیدوارم برا همین جاشو خالی گذاشتم :)
 

از لینک زیر می‌تونید قالب ها رو ببینید، شخصی سازی کنید و انتخاب کنید.

لینک


استفاده از قالب‌ها و ابزار شخصی‌سازی



پیش‌نمایش زندهٔ قالب‌ها نسخه‌ٔ ترجمه نشده و ایستای قالبه . قالب ۲ پیش‌نمایش نداره.
با کلیک روی دکمه‌های ساختار قالب و css قالب،‌کد اونها از سرور گرفته می‌شه و مستقیما توی کلیپ‌بورد کپی می‌شه.
هر کدوم از قالب‌ها یه ابزار شخصی‌سازی دارن که با استفاده از اون می‌تونید رنگ‌بندی قالب رو به سلیقه خودتون تغییر بدید.
با کلیک کردن روی دکمهٔ ویرایشگر،  بعد از چند ثانیه ویرایشگر قالب براتون نمایش داده میشه. میتونید موارد مشخص شده رو تغییر بدید و دکمه ثبت رو کلیک کنید.
بعد از اون تغییرات دلخواه شما روی قالب انجام می‌شه و کد قالب رو دریافت می‌کنید.
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
avatar ش
ش ۲ مرداد ۰۱، ۲۳:۴۵
سلام
قالبها خوب بودند
مخصوصا قالب ۳ که پیش نمایش خوبی داشت و نوار منوی متفاوت و خوبی بود.
ان شاءالله موفق باشید
avatar زباله‌دان پاسخ :
سلام
ممنون از نظرتون
avatar میــ ــم
میــ ــم ۲۷ مهر ۰۱، ۱۶:۲۳
برای من سایتش باز نمی شه
avatar پیکی شب پره
پیکی شب پره ۲۹ دی ۰۱، ۲۳:۱۹
آقا انتظار نداشتم یه دوست دیگه ای هم ابزار سفارشی سازی قالب توسعه داده باشه! D: هرچند با تشکر از اینترنت کشور (یا شایدم پایین اومدن پروژه؟) لینک ابزار مربوطه باز نمی شه ولی جالب بود دیدن همچین چیزی :) خسته نباشی برادر!
avatar زباله‌دان پاسخ :
سلام، ممنون :)
به‌زودی دو تا قالب جدید اضافه می‌کنم و سایتش رو تغییر می‌دم.
avatar مُحو نا
مُحو نا ۲ بهمن ۰۱، ۱۴:۱۱
سلام.
سایدبار قالب وبتون رو چجوری درست کردید؟
نه با هاوره/hover و نه با تارگت/target !!!
از اسکریپت استفاده کردید؟
ممنون اگه بگید و یادم بدید
avatar زباله‌دان پاسخ :
سلام.
از کدهای جاواسکریپت قالب نوین استفاده کردم.
avatar مُحو نا
مُحو نا ۳ بهمن ۰۱، ۱۳:۱۹
مگه قالب نوین اسکریپت داره؟ بیان مگه میذاره؟
به ماهم میدید (: ؟
avatar مُحو نا
مُحو نا ۳ بهمن ۰۱، ۱۶:۰۰
خب چجوری این قابلیت کشویی بودن سایدبار رو انجام دادید؟
این کار برای نسخه ی رسپانسیو نوین هست!
avatar زباله‌دان پاسخ :
اول این کد رو به آخر ساختار قالب اضافه کنید:
<script src="https://cdn.bayan.ir/blog/templates/shared/js/jquery-3.6.0.min.js"></script>
<script src="https://cdn.bayan.ir/blog/templates/shared/js/theme.main.min.js"></script>
توی قالب نوین از یه تگ جدید به اسم (*modern_search_form*) استفاده شده. توی این تگ دکمه‌های جست‌وجو دوتا id دارن:
دکمه بازشدن search2
دکمه بستن close-search
دکمه ها کلاس search-on رو به body اضافه و حذف می‌کنن.
این id هارو دادم به دکمه‌های باز کردن و بستن منو

<div class="menu">...</div>
<li id="search2">منوی وبلاگ</li> <li id="close-search">بستن منو</li>
.menu{
display: none;
}

.search-on .menu{
display: block;
}
avatar Amirreza ‌‌‌Zarandi
Amirreza ‌‌‌Zarandi ۲۹ مهر ۰۲، ۱۹:۲۸
قالب سه در عین سادگی خیلی جالبه اما امکان لایک و جعبه‌ی دنبال کنندگان نداره
و فوتر مشخصی هم نداره
avatar زباله‌دان پاسخ : مشکل بخش لایک رفع شد.
برای جعبه‌ی دنبال کنندگان برید به تنظیمات ساده و  نمایش جعبه دنبال‌کنندگان در مکان دلخواه رو انتخاب کنید.
برای نمایش درست فوتر باید این کارها رو انجام بدید:
برای نمایش مطالب پیشنهادی قسمت هدر هم یه نشانه با شناسهٔ featured-posts ایجاد کنید و چندتا مطلب بهش اضافه کنید
avatar ابراهیم اچ کا
ابراهیم اچ کا ۵ آبان ۰۲، ۱۶:۰۵
سلام رفیق من در انتخاب قالب خیلی سختگیرم و تقریبا همه وبلاگ های قالب ساز رو گشتم و از سلیقه شما واقعا خوشم اومد و انتخاب بنده شد ممنون از شما
یک سوال هم داشتم خیلی علاقه به طراحی این چنین قالب هایی برای وبلاگ دارم ولی راهش رو نمیدونم که راحت ترین راه برای آموزشش چیه/به فتوشاپ مسلط هستم و کمی هم کد ها رو می شناسم میشه به نظرتون یاد بگیرم؟
avatar زباله‌دان پاسخ : سلام، به طراحی ظاهر سایت فرانت‌اند میگن. برای یادگیری فرانت‌اند هم باید از html و css شروع کنید. آموزش‌های زیادی هم به فارسی برای هردوی اینها هست و تقریبا همهٔ سایت‌های آموزشی این دو مورد رو دارن.
بعد از یاد گرفتن html و css می‌تونید قالب وبلاگ طراحی کنید.  
برای مشاهده ادامهٔ مسیر فرانت‌اند هم اینجا کلیک کنید.

avatar ابراهیم اچ کا
ابراهیم اچ کا ۱۴ آبان ۰۲، ۲۰:۳۶
سلام رفیق من یک قالب دارم که یک مشکلی داره می خواستم راهنمایی کنید/مربوط به ادامه مطلب است/اینکه قسمتی از مطلب که داخل پست است (مثل تصویر و ابتدای توضیحات) وارد ادامه مطلب که میشم اونا حذف میشن یعنی فقط ادامه مطلب نمایش داده میشود و اصل مطلب(که قبل از ادامه مطلب است)نمایش داده نمیشود/راه حلش چیه؟
avatar زباله‌دان پاسخ :

سلام، توی تنظیمات پیشرفته « متن قبل از ادامه مطلب در نمایش کامل مطلب ظاهر نشود » رو غیرفعال کنید.

 متن قبل از ادامه مطلب در نمایش کامل مطلب ظاهر نشود
avatar ابراهیم اچ کا
ابراهیم اچ کا ۱۴ آبان ۰۲، ۲۲:۴۲
سلام مجدد یک راهنمایی می خواستم/یک قالب وبلاگ دارم مشکلی در ادامه مطلبش هست اونم اینکه اگر تصویری برای مطلبم انتخاب نکنم و مطلب رو با ادامه مطلب نشر بدم اونوقت داخل ادامه مطلب اصلا کل متن پاک میشه و نشون نمیده،شما مشکل کار رو میدونید؟
avatar زباله‌دان پاسخ : توی ساختار قالب، تگ <box:post_detail>  و <check:if post_image>
دنبال مشکل بگردید.
avatar ابراهیم اچ کا
ابراهیم اچ کا ۱۵ آبان ۰۲، ۱۳:۰۷
سلام دم شما گرم که وقت گذاشتید/مشکل دقیقا همون نقطه بود/اصلاح شد/راستی چرا اسم وبلاگت اینه؟/به محتویاتش نمیخوره
avatar زباله‌دان پاسخ : اول قرار نبود از این وبلاگ استفاده کنم. فقط برای دنبال کردن وبلاگ‌های دیگه ایجادش کردم. اسمش رو هم می‌خواستم توی انگلیسی ۵حرفی باشه چون آدرس وبلاگ حداقل باید ۵ حرف باشه.
avatar ابراهیم اچ کا
ابراهیم اچ کا ۱۵ آبان ۰۲، ۱۳:۰۹
کاش یکم آموزش برای طراحی قالب بیان بزاری گرچه وقت گیر هست ولی خیلی کاربردیه/من خیلی پیگیرم ولی یاد نمیگیرم
avatar زباله‌دان پاسخ : اگه html بلد باشید ساده‌است. فقط کد قالب‌های ساده رو بخونید و بعضی بخش‌هاش رو تغییر بدید.
avatar ابراهیم طالبی دارابی دامنه
سلام و عرض ادب و احترام
لطف می‌کنید نشانه‌ی شناسه‌ی «سلام» را برای استفاده‌ی قالب چهار شما برایم ارسال کنید. تشکر
avatar زباله‌دان پاسخ :
سلام، منظورتون رو درست متوجه نشدم اما توی قالب ۴ دو نشانه استفاده شده.
avatar دامنه | دارابی
دامنه | دارابی ۱۷ آبان ۰۲، ۱۴:۵۷
سلام دوباره و عرض ادب مجدد جناب مدیر محترم. همین منظورم بود. هر دو نشانه را در تنظیمات پیشرفته اعمال کرذم و در قالب عکس وبلاگ دوم بنده نمایش داده شده.

آدرس وبلاگم:
https://tdamima.blog.ir/

ولی نشانه‌ی فوتر عمل نکرد. نمی‌دانم چرا.

با تقدیم تشکر از راهنمائی آن جتاب.

avatar زباله‌دان پاسخ :
 سلام، مشکل نشانه برطرف شد. کد جدید رو دریافت کنید.
شناسهٔ نشانه از footer_posts به  footer-posts تغییر کرد.
avatar محمدحسـ ـین
محمدحسـ ـین ۱۸ آبان ۰۲، ۲۰:۵۸
سلام. یک نگاه به این مطلب میندازید؟
http://mh-8923.blog.ir/post/
avatar زباله‌دان پاسخ : لینک اشتباهه
avatar محمدحسـ ـین
محمدحسـ ـین ۱۹ آبان ۰۲، ۱۱:۵۰
ببخشید
https://mh-8923.blog.ir/post/new-menu
avatar زباله‌دان پاسخ : این تگ رو برای منوی قالب ۲ و ۴ استفاده کردم.
avatar سین الف
سین الف ۸ آذر ۰۲، ۲۱:۳۲
خسته نباشید بسیار عالی بو د
avatar زباله‌دان پاسخ : ممنون :)
avatar ابراهیم اچ کا
ابراهیم اچ کا ۱۵ آذر ۰۲، ۱۶:۱۵
سلام رفیق میشه کد منوی قالب خودتون رو داشته باشم؟
avatar زباله‌دان پاسخ : سلام، اینجا در مورد روشی که استفاده کردم توضیح دادم