برچسب: Theme

دیروز که شقایق خانوم لطف کردند و پیشنهاد دادند قالب جدیدی برای بلاگ نوشت طراحی کنند، هیچ فکر نمی کردم که بیش از شش ماه است که قالب Digital Statement بر تن بلاگ نوشت بوده! گویا به قول ایشان دیگر وقتش بود که اینجا رنگ عوض کند!

احمد اسماعیل زاده (شمالگان) یکی از طراحان وبی است که بنده و خصوصاً همسرم، عاشق کارهایشان هستیم. کارهای ایشان تلفیقی از هنر و فناوری است و ظرافت خاصی در آنها وجود دارد. اخیراً هم به انتخاب بازدیدکنندگان برنده جایزه طراحی WPWebHost در قسمت Best Retro & Vintage شده بودند.

مفتخرم اعلام کنم که شمالگان عزیز لطف کردند و یکی از کارهای زیبایشان را به بلاگ نوشت هدیه نمودند. به اندازه ای ذوق زده هستم که واقعاً نمی دانم چطور باید از ایشان تشکر کنم. امیدوارم که اینجا شایستگی پوشیدن پوسته چاپار شمالگان را داشته باشد. البته باید متذکر شوم که این قالبی که اینجا می بینید، کلی تغییرات به خود دیده و به اصلاح ساده سازی شده! خود پوسته چاپار کلی امکانات فوق العاده دارد که در پیش نمایشش می توانید ببینید.

بعد از اولین قالبی که بصورت استاندارد برای وردپرس، فارسی سازی کردم (گوهر هستی)، دیروز همزمان با بازی استقلال-پرسپولیس، دست بکار شدم و قالب دیگری را نیز فارسی کردم.

در حین گوگل گردی، یکی از لینکهای اسپانسرشیپی گوگل توجه مرا به خودش جلب کرد: WordPress Themes! این سایت پر از قالبهای وردپرسی رایگان است. قالب سه رنگ از این مجموعه موردپسندم قرار گرفت و آنرا برای علاقمندان به رنگهای سبز و قرمز و آبی، فارسی سازی نمودم.

تصویری از قالب اصلی

دانلود قالب اصلی

دانلود قالب فارسی شده

توضیحات قالب در سایت وردپرس فارسی

پیش نمایش قالب در سایت وردپرس فارسی

دانلود قالب از سایت وردپرس فارسی

پ.ن: در حین کار به یکی دو تا مشکل بر خورده بودم که برای حل کردن شون تقریباً نوید کاشانی رو کلافه کردم! دست گناهکار عزیز هم بابت راهنمایی هاش درد نکنه.

از وقتی که وردپرس ۲٫۵ را نصب کرده ام، یکی از مشکلاتم چیدن تصاویر در پستها بود. با اینکه در هنگام افزودن تصاویر، موقعیتشان در صفحه را مشخص می کردم، اما گویا این قابلیت کار نمی کرد!

تا اینکه امروز از طریق وبلاگ Daily Blog Tips متوجه شدم که کجای کار می لنگد! گویا از وردپرس ۲٫۵ الزامی شده است که برای درست کار کردن این منو، خطوط زیر در فایل style.css پوسته ها وجود داشته باشند:

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}