Loading ...آرشیو مطالب در دسته بندی ‘سیستم مدیریت محتوی’
بدون دردسر بر روی قالب های وردپرس خود تغییرات اعمال کنید
سپتامبر 28th, 2011 | 
نویسنده: شاید شما هم یک طراح قالب باشید و قالب های متفاوتی رو برای وب سایت های مختلف طراحی کرده باشید و یا یک مدیر وب سایت که طراحی theme سایتش رو خودش به عهده گرفته باشه.
یکی از مسائلی که در طراحی برای شما پیش خواهد آمد تغییراتی هست که به مرور زمان بنا به تغییر در قالب و یا جهت همخوانی با مرورگرها و پرداختن به نکات ریز قالب در style sheet قالبتون باید اعمال کنید.
شاید بعد از یک زمان خاص استفاده از قالب ، خواهان تغییراتی در رنگ بندی بخش های مختلف قالب ، تغییر فونت ، تغییر رنگ متن ، جا به جایی مکان یک نوشته ، تغییراتی در نوع نمایش li و ul ، تغییر ظاهر مکان نما و … باشید که البته ممکنه پرداختن به همه ی این موارد لیستی حاوی تعداد متفاوتی از این اصلاحیه ها درست بشه که مجبور باشید در css قالب خودتون اعمال کنید.
چون در اکثر اوقات تغییرات جزئی متعددی رو می خواهید اعمال کنید ، لیست کردن این تغییرات ، پیدا کردن استایل مورد نظر در فایل css و اعمال تغییرات جدید و ذخیره ی فایل به این صورت وقت گیر خواهد بود و شما رو دچار سردرگمی خواهد کرد.
معمولاً برای ایجاد یک نسخه ی جدید از استایل شیت و به اصطلاح upgrade کردن فایل css به همین روش سنتی پیش خواهیم رفت. اما اگه وقت براتون مهمه و حوصله ی دردسر و گیجی رو ندارید بهتره راه حلی ساده تر و کاربردی تری رو در نظر بگیریم.
در این روش نیازی به دستکاری فایل (های) css قالب نیست و اضافه بر داشتن فایل های اصلی بدون تغییر ، تغییرات جدید رو اعمال خواهیم کرد.
یک فایل به نام custom.css بسازید و در پوشه ی قالب وردپرستون آپلود کنید. بعد از آپلود کد زیر رو در فایل header.php بین تگهای <head> و </head> قرار بدید :
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo(‘template_url’); ?>/custom.css” />
با اضافه کردن این خط در فایل header.php ، این css روی قالب شما موثر خواهد بود. حال وقت اعمال تغییرات است. فرض کنید می خواهید تمام لینک هایی که در تگ body قرار گرفته اند ، صفات دیگری داشته باشند ، مثل رنگ و یا شمایل نوشته.
در css اصلی شما این صفات به صورت زیر نوشته شده اند :
a { color: gray; text-decoration:underline; }
a:visited { color: red;text-decoration:underline; }
a:hover { color:black; text-decoration:underline;}
برای تغییر این صفات بدون ویرایش فایل css اصلی ، به دو روش می تونیم تغییر استایل رو اعمال کنیم. ( قصد داریم در این آموزش فقط رنگ لینک ها رو تغییر بدیم ) :
روش اول :
در همون فایل header.php به دنبال تگ <body> باشیم و به این تگ یک کلاس اضافه کنیم.
<body>
بعد از اضافه کردن کلاس و ذخیره ی فایل هدر ، فایل custom.css رو باز کنید و خطوط زیر رو درون فایل اضافه کنید :
a { color: purple !Important; }
a:visited { color: blue !Important; }
a:hover { color: yellow !Important; }
حال با ذخیره ی فایل و رفرش وب سایت متوجه تغییرات خواهید شد.
روش دوم :
در این روش ما از کلید !Important استفاده می کنیم. توضیحی که در مورد !Important باید بدم اینه که با استفاده از این ویژگی استایل شما بر روی استایل مشابه دیگه overwrite میشه و استایل های قبلی مورد استفاده قرار نمیگیره. این ویژگی در مواقعی هم که شما حتماً خواهان این هستید که یک صفت در مرورگر یک کاربر که از لحاظ نمایش صفحات وب سفارشی شده همیشه به یک صورت نمایان بشه مورد استفاده قرار میگیره.
خوب اکنون باز هم فایل custom.css رو باز کرده و این بار به صورت زیر خطوط رو وارد کنید :
a { color: purple !Important; }
a:visited { color: blue !Important; }
a:hover { color: yellow !Important; }
در این روش نیازی به تعریف کلاس نیست و با ذخیره ی فایل و رفرش صفحه می تونید تغییرات رو مشاهده کنید.
البته وردپرس در این مورد پلاگینی رو در اختیار میذاره که توسط اون فقط کافیه تغییرات جدید استایل رو درون یک فایل که از پنل وردپرس قابل دسترس هست قرار بدید و فایل رو ذخیر کنید. این پلاگین به نام Persistent Styles در دایرکتوری پلاگین های وردپرس وجود داره و در لینک زیر هم می تونید دانلودش کنید.
http://wordpress.org/extend/plugins/persistent-styles-plugin
ارسال در : سیستم مدیریت محتوی | 
برچسب ها: Persistent Styles, theme, wordpress, طراحی قالب ورد پرس, ورد پرس, ویرایش قالب وردپرش | 
بدون نظر »
راهکارهایی برای افزایش سرعت وردپرس
بسیاری از وب‌سایت‌های ایرانی به واسطه‌ی کندی سرعت‌شان رنجی را بر کاربر تحمیل می‌کنند؛ کاربری که حتما می‌دانید در آخرین آمارها مشخص شد که تعداد زیادی از آن‌ها به صورت دایل آپ از اینترنت استفاده می‌کنند. به نظر می‌رسد که توجه به این موضوع و یافتن راه حلی برای آن امری اجتناب‌ناپذیر برای صاحبان وب‌سایت‌ها باشد. برای انجام این کار می‌توان مراحل زیر را دنبال کرد.
مرحله اول: دانلود و فعال کردن WP Minify
در قسمت افزودن افزونه‌ها، WP Minify را بجویید و نصب کنید. وقتی که آن را فعال کردید از بخش تنظیمات، WP Minify را برگزینید. اطمینان یابید که همه بخش‌های CSS، جاوا اسکریپت و HTML Minification تیک‌دار شده و فعال هستند.
مرحله دوم: دانلود و فعال کردن W3 Total Cache
پس از اینکه افزونه را فعال کردید، بخشی جدید به نام Performance در انتهای پنل سمت راست ظاهر می‌شود. به جز CDN و Minify باقی بخش‌ها را فعال کنید؛ چرا که اولا اکانت CDN ندارید و دوما WP Minify به مراتب بهتر از بخش Minify توتال کش کار می‌کند؛ هم به تجربه و هم به توصیه صاحب‌نظران.
در قسمت Page Cache دقت کنید که گزینه‌های Cache home page و Cache feeds تیک‌دار باشند. در بخش Browser Cache گزینه‌هایی مانند Expires Header و Etags و غیره را می‌بینید، تمام آن‌ها را تیک‌دار کنید. با انجام هر تغییری بر روی افزونه‌های وردپرس، W3 Total Cache از شما می‌خواهد که کش را خالی کنید.
مرحله سوم: دانلود و فعال کردن WP Smush.it
با فعال کردن این افزونه از این پس عکس‌های آپلود شده‌ی شما بهینه می‌شوند. البته برای اینکه عکس‌های آپلود شده پیش از نصب این افزونه را نیز بهینه سازید، پس از انتخاب تصاویر برروی !Smush.it now در بخش کتابخانه کلیک کنید.
ارسال در : سیستم مدیریت محتوی |
برچسب ها: HTML Minification, Page Cache, W3 Total Cache, WP Minify, WP Smush.it, افزایش سرعت وردپرس |
بدون نظر »
معرفی ۴ قالب گوگل پلاس برای وردپرس
طراحی فوق العاده و زیبای گوگل پلاس توسط تعدادی از طراحان قالب برای توسعه قالب‌های وبلاگ وردپرس الهام گرفته است که بسیار شبیه سایت‌های اجتماعی به نظر می‌رسد. ما در اینجا چهار تم را گرد آوری کرده‌ایم.
قالب پلاس (Plustheme)
برای دیدن قالب های دیگر از ادامه مطلب بازدید نمایید
ارسال در : سیستم مدیریت محتوی |
برچسب ها: google, google plus, تم, دانلود, دانلود قالب, دبلیوپی پلاس, سیستم مدیریت محتوی, قالب سایت, قالب پلاس, قالب‌های وبلاگ, گوگل پلاس, گوگل پلاس برای وردپرس |
بدون نظر »
قالب گوگل پلاس برای وردپرس
تم شبکه اجتماعی گوگل پلاس در عین سادگی زیبایی خاصی دارد حال که تب گوگل پلاس بین اهالی وب بالاست قالب گوگل پلاس برای وردپرسی هاهم عرضه شده که بلاگرهای وردپرسی می توانند با نصب این قالب رایگان وبلاگ خود را شبیه گوگل پلاس نمایند.
Wp plus دارای سه ستون است که یکی در چپ و دیگری در راست می باشد و بسیار سبک است . اگر دنبال قالبی سب و در عین حال زیبا هستید این قالب می تواند گزینه مناسبی برای شما باشد.
نمونه آنلاین قالب | دریافت رایگان قالب
دوستان این قالب توسط دوستان همیار وردپرس به فارسی هم ترجمه شده که در این لینک می توانید فارسی شده آن را دریافت کنید
ارسال در : سیستم مدیریت محتوی |
برچسب ها: Wp plus, تم, دانلود, دانلود قالب سایت, شبکه اجتماعی, قالب رایگان, قالب وردپرس, قالب گوگل پلاس, ورد پرس, گوگل پلاس |
بدون نظر »
WordPress بر پایه CakePHP
بدون شک وردپرس بزرگترین و محبوبترین سیستم وبلاگ نویسی (یا بهتر بگوییم مدیریت محتوا) است که با اختیارات فراوانی که به کاربر می دهد هنوز بصورت رایگان ارائه می‌شود. کیک پی‌اچ‌پی هم جزء برترین فریم‌ورک‌های PHP موجود است که سهم قابل توجهی در بازار دارد. اما آیا می توان وردپرس را بر پایه کیک پیاده سازی کرد؟!
اگر چه هسته وردپرس خوب نوشته شده است اما بنظرم پیاده سازی الگوی MVC کیک، می‌تواند وردپرس را برای توسعه دهند‌گان آن دگرگون کند.برای مثال قالب یا همان Layout وردپرس را تصور کنید، شلوغ و نامفهوم به نظر می‌آید(هرچند مستندات وردپرس جای هیچ سئوالی را بی‌پاسخ نگذاشته است). طراح مجبور است یک صفحه را به چند بخش در چندین فایل مجزا کند اما با معماری MVC همه در یک مجموعه منظم خواهند بود. مسلماً این پیاده سازی چالش های بزرگی خواهد داشت چرا که وردپرس یک سیستم ساده نیست امنیت و وسعت اختیارات فاکتورهای مهمی هستند که نباید نادیده گرفته شوند.
Tim Trice فردی است که روی این پروژه که اسم آن را CakePress گذاشته است کار می‌کند. کیک‌پرس هنوز در حال توسعه است و تمام قابلیت‌های وردپرس را ندارد اما بدنه و قابلیت‌های اصلی را پوشش داده است. می‌توانید CakePress را از گوگل کد از اینجا دریافت کنید. برای افرادی که با معماری دیتابیس وردپرس و همچنین MVC در کیک آشنایی دارند سورس این پروژه می تواند یک منبع آموزشی عالی برای فراگیری CakePHP باشد.توضیحات بیشتر را می‌توانید در وبلاگ Tim در اینجا بیابید.
