پی سی دیزاین | درباره تکنولوژی و اینترنت بیشتر بدانیم

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

دو سال پیش برای پاسخ به چنین نیازی در جامعه وردپرس، افزونه‌ای نوشتم که از آن زمان تا به امروز ۸ نسخه از آن منتشر شده و تا به این لحظه بیش از ۱۵.۰۰۰ مرتبه از سرورهای وردپرس توسط کاربران دریافت گردیده است. در این ۸ نسخه با بازخوردهای خوبی که از کاربران دریافت کردم بسیاری از اشکالات مهم آن را بر طرف نموده و همچنین تعدادی قابلیت کاربردی نیز به آن اضافه کردم تا به آنجا که امروز این افزونه به یک افزونه کاربردی‌تر نسبت به نسخه اولیه آن تبدیل شده است.

ویژگی‌های کلیدی تا نسخه دوم

• پیدا کردن تصاویر موجود در متن و بارگذاری خود کار در سایت میزبان
• جایگذاری آدرس‌های قدیمی با آدرس‌های جدید سایت میزبان در متن
• افزودن تصاویر بارگذاری شده به کتابخانه چندرسانه‌ای وردپرس و سنجاق شدن به مطلب
• انتخاب دامنه‌های استثناء جهت نادیده گرفته شدن و بارگذاری نشدن تصاویر آن‌ها
• انتخاب نام دلخواه برای تصاویر ذخیره شده با استفاده از الگوهای ارائه شده در بخش تنظیمات
• انتخاب حداکثر عرض و ارتفاع تصاویر و تغییر اندازه تصاویر بزرگ‌تر (نسخه ۲)
• سازگاری با تمام آدرس‌ها و فایل‌های با نام فارسی و عربی (نسخه ۲)

روش استفاده

برای نصب این افزونه مانند افزونه های دیگر وردپرس می‌توانید آن را در بخش «افزونه‌ها>افزودن» با نام «Auto Upload Images» در مخازن وردپرس جستجو و سپس روی دکمه «نصب افزونه» کلیک کنید و یا از این صفحه افزونه را از مخازن وردپرس دریافت و به صورت دستی نصب و فعال نمایید. پس از آنکه افزونه را فعال کردید کار تمام است و افزونه به صورت خودکار تصاویر خارجی که در متون شما وجود دارد را بارگذاری می‌کند اما اگر نیاز دارید تا تنظیمات افزونه را دست‌کاری کنید می‌توانید از بخش «تنظیمات>بارگذاری خودکار تصاویر» تنظیمات مربوط به افزونه را انجام دهید.

توسعه افزونه

این افزونه به صورت کاملا متن‌باز و رایگان توسعه داده شده و در اختیار کاربران وردپرس قرار گرفته است همچنین کدهای آن نیز در مخازن گیت‌هاب برای توسعه‌دهندگان قرار داده شده و توسعه‌دهندگان علاقه‌مند می‌توانند در توسعه این افزونه مشارکت داشته باشند. همچنین کاربران محترم نیز با ارسال نظرات و پیشنهادت خود درباره افزونه می‌توانند به توسعه آن کمک نمایند.

با استفاده از این افزونه وردپرس دیگر لازم نیست تصاویر با آدرس خارجی موجود در یک متن به صورت دستی و یا از قسمت آپلود وردپرس بارگذاری شوند. تنها کافی است مطلب را ذخیره یا منتشر کرده و سپس تمام تصاویر با آدرس‌های خارجی موجود در متن به صورت خودکار شناسایی و در پوشه‌ی آپلود وردپرس بارگذاری می‌شوند٬ همچنین آدرس‌های موجود در متن با آدرس‌های داخلی جایگزین و تصاویر به مطلب مربوطه پیوست شده و در قسمت رسانه وردپرس قرار می‌گیرند.

کاربرد

این افزونه بیشتر زمان هایی کاربرد دارد که می‌خواهیم تصاویری را از سایت‌های دیگری بدون اینکه دنگ و فنگ آپلود داشته باشیم به مطلبمان اضافه کنیم و بقیه کارها خودکار انجام شود. و یا زمان‌هایی که می‌خواهیم یک مطلب را در سایت یا وبلاگمان بازنشر دهیم و حال آپلود کردن تک تک تصاویر مطلب را نداریم و باز هم این افزونه به ما کمک خواهد کرد.

درباره بازنشر هم این نکته را بگویم که کار بسیار خوبی است و باعث بیشتر دیده شدن یک متن می‌شود٬ منتهی یک شرط دارد که رعایت آن الزامی است و آن هم اشاره به منبع اصلی مطلب به همراه لینک مطلب است.

روش استفاده

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

توسعه افزونه

ایده‌ی این افزونه چندی پیش به خاطر نیاز برخی دوستان به ذهنم رسید و پس از اجرایی کردنش تصمیم به انتشار آن به صورت عمومی و رایگان در بخش افزونه‌های وردپرس گرفتم که امیدوارم برای جامعه‌ی وردپرس و وردپرس فارسی مفید باشد. همچنین برای بهتر شدن این افزونه اگر با مشکلی روبرو شدید یا پیشنهادی داشتید ممنون می‌شوم با من در میان بگذارید.

به‌روزرسانی: نسخه جدید افزونه (۱.۲) منتشر شد. (۱۳۹۱/۹/۱۰)

به‌روزرسانی: نسخه جدید افزونه (۱.۳) منتشر شد. (۱۳۹۱/۹/۲۱)

به‌روزرسانی: نسخه جدید افزونه (۱.۴) منتشر شد. (۱۳۹۲/۲/۴)

به‌روزرسانی: نسخه جدید افزونه (۱.۴.۱) منتشر شد. (۱۳۹۲/۲/۱۱)

به‌روزرسانی: نسخه جدید افزونه (۱.۵) منتشر شد. (۱۳۹۲/۹/۱۴)

به‌روزرسانی: نسخه جدید افزونه (۱.۶) منتشر شد. (۱۳۹۳/۹/۷)

بعد از مدت‌ها یک پوسته‌ی ساده و زیبا را برای وردپرسی ها آماده کردم که امیدوارم مورد پسند کاربران وردپرس فارسی قرار بگیرد. این پوسته که  Harimau Malaya نام دارد در دو طیف رنگی صورتی و زرد طراحی شده که برای زیباتر شدن این کار برای کاربران فارسی زبان از فونت “کودک” برای برخی قسمت‌ها به صورت تحت وب استفاده شده که زیبایی خاصی به این پوسته داده است.

همچنین این پوسته دارای دو ستون می‌باشد که ستون کناری در سمت چپ پوسته قرار گرفته و از قابلیت ابزارک نیز پشتیبانی می‌کند. منوی بالای پوسته نیز از قابلیت جدید “فهرست” که از نسخه ۳ به بعد در وردپرس گنجانده شده است استفاده می‌کند و قابلیت تو در تو شدن منوها را نیز دارد.

پیش نمایش پوسته‌ی صورتی را از اینجا ببینید و از اینجا دریافت کنید و همچنین پیش نمایش پوسته‌ی زرد را از اینجا ببینید و از اینجا دریافت کنید.

بدون شک وردپرس یکی از محبوب‌ترین «سیستم‌های مدیریت محتوا» در نسل حاضر است. در ابتدا وردپرس سیستمی بود که تنها برای وبلاگ نویسان آماده شده بود اما رفته رفته با اضافه شدن ویژگی‌های جدید و قابلیت‌های فراوان٬ توسعه دهندگان به فکر استفاده از وردپرس برای راه اندازی انواع سایت‌ها با کاربردهای مختلف افتادند. اما هنوز وردپرس واقعا برای این کار آماده نبود و همیشه توسعه دهندگان بودند که وردپرس را برای کارشان بهتر می‌کردند. اما حالا ماجرا با ورود وردپرس نسخه ۳ کمی فرق می‌کند. با اولین نگاه به امکانات جدید اضافه شده در وردپرس ۳ کاملا متوجه این مطلب خواهید شد که دیگر هدف وردپرس وبلاگ‌ها نیستند! وردپرس وب را هدف گرفته است.

هم اکنون وردپرس نسخه ۳ بتا ۱ توسط تیم وردپرس برای مشاهده و آزمایش توسط علاقه‌مندان منتشر شده است؛ همچنین طبق جدول زمان‌بندی اعلام شده قرار است نسخه نهایی وردپرس ۳.۰ در تاریخ «۱ می ۱۵می ؟ ژوئن, ۲۰۱۰» منتشر شود. در ادامه این مطلب نیز به تشریح برخی از امکانات اضافه شده به وردپرس ۳ پرداخته ام.

۱. پیوند WordPress.org و WordPress MU

شاید یکی از بزرگترین اتفاقاتی که در وردپرس نسخه ۳ افتاده است همین پیوند خوردن وردپرس معمولی با وردپرس چند کاربره باشد. واقعا نمی‌دانم بزرگ بودن این اتفاق را چگونه بیان کنم! شاید مثلا با گفتن این جمله که: «هر نفر به راحتی می‌تواند برای خود یک وردپرس.کام داشته باشد» بتواند به نوعی بزرگی این اتفاف را نشان دهد.

البته این امکان به صورت پیش فرض روی وردپرس فعال نمی‌باشد که کاملا هم منطقی است. برای فعال کردن این امکان باید کد زیر را به فایل wp-config.php اضافه کنید:

define ('WP_ALLOW_MULTISITE', true ) ;

از دیگر ویژگی‌های این قابلیت این است که حالا دیگر می‌توان به راحتی از تمام افزونه‌های وردپرس در وردپرس چند کاربره نیز استفاده کرد. واقعا جا دارد که به تیم وردپرس بابت تلاش‌های شبانه‌روزی شان دست مریزاد گفت.

ادامه‌ی مطلب »

افزونه‌ها همیشه از نقاط قوت برنامه‌های موفق بوده‌ و هستند. برای مثال می‌توان به مرورگر قدرتمند فایرفاکس اشاره کرد که همواره یکی از بزرگترین برتری‌هایش نسبت به دیگر رقبایش٬ افزونه‌های فراوان و مفیدی بوده که برای این مرورگر آماده شده است. اما اصلا افزونه چیست؟ تا به حال تعاریف زیادی از واژه «افزونه» در وب فارسی ندیده‌ام و شاید برای آن دسته از دوستانی که هنوز نمی‌دانند «افزونه» چیست بهتر باشد در ابتدای مطلب از دیدگاه خودم تعریف کوتاهی از «افزونه» بنویسم.

«افزونه» به برنامه‌های کوچکی می‌گویند که برای برخی برنامه‌های بزرگتر نوشته می‌شوند تا قابلیت‌ها و امکانات جدیدی را به آنها اضافه کنند.

یکی از این برنامه‌های بزرگتر که قابلیت این را دارد که برایش برنامه کوچکتر بنویسند و بچسبانند تنگش همین «وردپرس» خودمان است. در ادامه این مطلب قصد معرفی چند افزونه‌ی وردپرس را دارم که وردپرس با این افزونه‌ها وردپرس‌تر است:

Akismet: این افزونه برای وردپرس حکم یک جور «جفنگ کش» یا Anti Spam را دارد و پس از نصب و فعال کردن این افزونه دیگر نظرات جفنگ را نخواهید دید. همچنین این افزونه کاری از خود بچه‌های وردپرس و شرکت automattic است.

All in One SEO Pack: با نصب این افزونه می‌توانید وبلاگ یا سایتتان را برای موتورهای جستجو بهینه کنید تا آنها بتوانند مطالب شما را زودتر و بهتر ایندکس کنند. البته این افزونه دارای خصوصیات زیادی است که در این چند خط نمی‌توان تمام آنها را بیان نمود.

Contact Form 7: یک افزونه فرم ارتباط ساز ساده و قوی که به نسبت کوچکی‌اش امکانات خوبی دارد و اگر کار خیلی محیرالعقولی نمی‌خواهید با فرمتان انجام دهید این افزونه را توصیه می‌کنم.

Auto Upload Images: با استفاده از این افزونه وردپرس دیگر لازم نیست تصاویر با آدرس خارجی موجود در یک متن به صورت دستی و یا از قسمت آپلود وردپرس بارگذاری شوند. تنها کافی است مطلب را ذخیره یا منتشر کرده و سپس تمام تصاویر با آدرس‌های خارجی موجود در متن به صورت خودکار شناسایی و در پوشه‌ی آپلود وردپرس بارگذاری می‌شوند٬ همچنین آدرس‌های موجود در متن با آدرس‌های داخلی جایگزین و تصاویر به مطلب مربوطه پیوست شده و در قسمت رسانه وردپرس قرار می‌گیرند.

Google XML Sitemaps: یکی از راه‌های افزایش SEO در وبلاگ‌ها و سایت‌ها استفاده از فایل‌های sitemap و robots است که با نصب و فعال کردن این افزونه می‌توانید به راحتی و بدون داشتن هیچ گونه دانش فنی این فایل‌ها را داشته باشید.

Plugin central: با نصب این افزونه می‌توانید به راحتی تمامی افزونه‌هایی که نیاز به به‌روز رسانی دارند را به صورت یکجا به‌روز کنید. گرچه در نسخه‌های جدید وردپرس چنین قابلیتی اضافه شده و در حال تکمیل است اما باز این افزونه به قولی «راه دست‌تر» است.

Subscribe to Comments: این افزونه هم که دیگر جای خود دارد. این افزونه به خوانندگان شما کمک میکند تا به راحتی پاسخ نظرات خود یا دیگران را پیگیری کنند. که واقعا افزونه‌ی بسیار مفیدی است و نمونه‌ی نصب شده‌ی این افزونه را هم می‌توانید در بخش نظرات همین وبلاگ ببینید.

WordPress Database Backup: گرفتن پشتیبان از اطلاعات یک وبلاگ یا سایت یکی از ملزومات هر وبلاگ یا سایت است. با نصب این افزونه می‌توانید زمان بندی کنید که مثلا هر هفته از اطلاعاتی که می‌خواهید پشتیبان تهیه شود و برای شما ایمیل شود یا روی فضای سایتتان ذخیره شود.

WP Jalali: این افزونه هم که دیگر معرف حظور اکثر دوستان هست. با این افزونه که کاری از بچه‌های وردپرس فارسی است تمام تاریخ‌ها را در وردپرس به تاریخ شمسی تبدیل می‌کنید.

WP Optimize: پایگاه داده‌های وردپرس را برای شما بهینه سازی و داده های اضافی را حذف می‌کند. همچنین این افزونه را برای همه فارسی زبانان ترجمه کرده‌ام و فایل‌های زبان فارسی در این افزونه قرار دارد و می‌توانید پس از نصب این افزونه را به صورت فارسی داشته باشید.

افزونه‌هایی که در بالا معرفی شد افزونه‌های خوبی هستند که توصیه می‌کنم برای بهبود سایت یا وبلاگتان از آنها استفاده کنید. اما از آن طرف هم دلیل نمی‌شود که فقط این افزونه‌ها برای شما مفید خواهد بود٬ دنیای افزونه‌های وردپرس بسیار گسترده است و شما در هر زمینه‌ای می‌توانید افزونه‌های دلخواهتان را از اینجا یا با جستجو در موتورهای جستجو پیدا کنید.

مدتی بود برای وردپرس پوسته‌ی جدید فارسی نکرده بودم به همین خاطر تصمیم گرفتم یک پوسته‌ی زیبا برای وردپرسی های عزیز آماده کنم. پوسته Compositio (صلح) یک پوسته ساده وزیبا هست که از برخی خصوصیات این پوسته می‌توان به پشتیبانی از ابزارک٬ سازگاری با مرورگرهای مختلف٬ دو ستونه و … اشاره کرد. اما برای مشاهده جزئیات بیشتر٬ پیش نمایش و دریافت پوسته می‌توانید به صفحه این پوسته در بخش پوسته‌های سایت وردپرس فارسی مراجعه فرمائید.

همچنین می‌توانید از طریق لینک‌های این قسمت پیش نمایش این پوسته را ببینید و اگر خواستید آن را دانلود نمائید.

گاهی اوقات شاید براتون پیش اومده باشه که خواسته باشید مطالب یک وبلاگ یا مثلا یک سایت خبرگزاری رو به صورت تیتر وار در سایدبار یا قسمتی از وبلاگتون نشون بدهید. برای این کار روش های زیادی وجود داره برای مثال اگر پوسته‌ی شما از قابلیت ابزارک‌ها پشتیبانی بکنه می‌تونید از ابزارک RSS که به صورت پیش فرض در قسمت ابزارک‌ها قرار داره استفاده بکنید.

اما گاهی اوقات ممکنه که مثلا پوسته‌ی شما از ابزارک ها پشتیبانی نکنه و یا شما بخواهید در قسمت دیگری از وبلاگتون مطالب خروجی RSS رو نمایش بدهید. در این صورت شما می‌تونید از یک تیکه کد خیلی کوچیک و کاربردی که وردپرس در اختیار شما میگذاره استفاده کنید.

<?php
include_once(ABSPATH.WPINC.'/rss.php');
wp_rss('http://feeds2.feedburner.com/p30design',5);
?>


برای انجام این کار فقط کافیه تا این کد رو در قسمتی که می خواهید مطالب خوراک Rss رو نشون بدهید قرار بدهید و به جای آدرس خوراک وبلاگ من آدرس خوراک مورد نظرتون و به جای عدد ۵ هم اون تعداد مطالبی که میخواهید نشون بدهید (حداکثر ۱۰ تا) رو قرار بدهید.

چند روز پیش نسخه ۲.۸ بتا ۱ وردپرس منتشر شد و قرار است تا آخر ماه می ۲۰۰۹ نسخه کامل ۲.۸ هم منتشر بشه. تغییرات ظاهری خاصی در این نسخه اعمال نشده و با نسخه قبلی چندان فرقی نکرده اما تغییرات خوبی از لحاظ ویژگی‌ها و امکانات در نسخه ۲.۸ انجام شده که در ادامه به معرفی برخی از این ویژگی‌ها خواهیم پرداخت.

• highlight کردن کدها در قسمت ویرایش افزونه و پوسته (تصویر نمونه)
• اضافه شدن جعبه‌ی دیدگاه ها به قسمت ویرایش مطلب (تصویر نمونه)
• نپرسیدن سوال تائیدیه به هنگام جفنگ (اسپم) کردن یک دیدگاه
• اجازه‌ی چند ستونه کردن (حداکثر ۴ تا) بخش پیش خوان (تصویر نمونه)
• به روز رسانی پوسته‌ی آبی بخش مدیریت (تصویر نمونه)
• بهبود طراحی بخش ابزارک‌ها (تصویر نمونه)
• تغییر قسمت نوشتن نامک برای مطالب و برگه‌ها
• ذخیره‌ی خودکار مطالب و صفحات با فشردن کلید‌های Ctrl+S
• بررسی خودکار نسخه جدید هنگام مراجعه به قسمت ابزارها > ارتقا
• اضافه شدن توضیحات برای برچسب‌ها
• انتخاب نام شهر برای تنظیم دقیق‌تر زمان در قسمت تنظیمات > همگانی (تصویر نمونه)
• اضافه شدن گزینه “ارسال رمز عبور برای کاربر جدید بوسیله ایمیل” به کاربران > کاربر جدید
• اضافه شدن قسمت افزودن پوسته و افزونه و امکانات جدید در این قسمت ها (تصویر نمونه)
• و …

ویژگی‌ها و تغییراتی که در بالا گفته شد مربوط به تغییرات بخش کاربری وردپرس می‌باشد و تنها قسمتی از تغییرات جدید اعمال شده در نسخه ۲.۸ است. برای مشاهده فهرست تمام تغییرات و ویژگی‌های جدید می‌توانید به اینجا بروید همچنین میتوانید وردپرس ۲.۸ بتا ۱ را از اینجا دریافت و آزمایش کنید.

تا الان ۵ قسمت از مطالب آموزش فارسی سازی پوسته‌های وردپرس را پشت سر گذاشته‌ایم و هم اکنون هم بخش ششم این سری مطالب را پیش رو دارید اما اگر حظور ذهنی از بخش قبل ندارید بهتر است نگاهی هم به آن بخش بیندازید.

همانطور که می‌دانید پوسته‌ها نمای ظاهری سایت یا وبلاگ را تشکیل می‌دهند و مشکلات ظاهر را از طریق مشاهده کردن می‌توان تشخیص داد و در حقیقت اصل فارسی سازی یا rtl کردن پوسته‌های وردپرس هم با مشاهده کردن انجام می‌گیرد به این ترتیب که شما مشاهده می‌کنید مثلا فونت قسمتی زیادی بزرگ است و باید کوچک شود پس با کمک ابزارهایی که در مطالب قبل به آنها اشاره شد آدرس css ی آن را پیدا می‌کنید و با استفاده از کدهای css مشکل را حل می‌کنید.

حالا میرویم سر همان ادامه فارسی سازی پوسته کلاسیک خودمان؛ برای شروع نگاه می‌کنیم ببینیم کجای کار مشکل دارد (این مشکلات در ظاهر٬ می‌تواند سلیقه‌ای هم باشد) در نگاه اول چسبندگی زیادی حروف در متن مطالب زیاد توی ذوق می‌زند پس با کمک ابزار firebug میرویم تا آدرس محل خراب را پیدا کنیم و به دنبال کد letter-spacing در css میگردیم چرا که همه چیز زیر سر این کد است و فاصله‌ی بین حروف را با استفاده از این کد در css تعیین می‌کنند. آدرس را پیدا می‌کنیم٬ آدرس اینجاست [code lang=”css”]p, li, .feedback[/code]یعنی محلی که این کد[code lang=”css”]letter-spacing:-1px;[/code]در آن قرار داده شده پس برای حل مشکل فایل rtl.css را باز می‌کنیم و کد زیر را به انتهای آن اضافه می‌کنیم [code lang=”css”]p, li, .feedback { letter-spacing:0; }[/code]

ما بقی اصلاحات پوسته را هم به عهده‌ی خودتان می‌گذارم و در آخر هم یک کلید طلایی در rtl سازی پوسته‌ها به شما هدیه می‌کنم.

کلید طلایی: برای آنکه بتوانید پوسته ای را rtl (راست به چپ) کنید باید بتوانید با کدهای css و html سر و کله بزنید و یکی از اهداف مهم این سری آموزش ها هم همین است یعنی روش سر و کله زدن اما برای یادگیری و آشنایی بیشتر با کدهای css و html می‌توانید مطالعاتتان را در این زمینه بیشتر کنید و یا تجربه‌هایتان را در این افزایش دهید (یعنی برای خودتان پوسته فارسی کنید) و هر جا که به مشکل خوردید از انجمن‌های مختلف مخصوصا انجمن‌های وردپرس فارسی کمک بگیرید.

پی‌نوشت: البته من آموزش فارسی سازی پوسته‌های وردپرس را در اینجا رها نمی‌کنم چرا که rtl سازی تنها یکی از بخش‌های فارسی سازی پوسته است.

اول از همه شرمنده ام که این سری مطالب انقدر طولانی شده اما نکته ای که وجود داره اینه که ممکنه دیر و زود داشته باشه اما سوخت و سوز نداره این هم یه توجیه قشنگ که امیدوارم مورد قبول واقع شده باشه.

خوب دیگه بهتره بریم سر اصل مطلب و برای شروع هم بهتره یه مروری روی بخش قبلی داشته باشیم. برای شروع این بخش اول میریم میبینیم چه چیزهایی هنوز راست به چپ نشده و با فارسی سازگار نیست٬ اولین نکته ای که نظر من رو به خودش جلب کرد عنوان سربرگ بود که هنوز راست به چپ نشده بود پس با کمک فایرباگ میرم ببینم عنوان سربرگ به چه ID یا Class یا tag ی مربوط هست که پس از بررسی متوجه میشیم که به #header

(یعنی ID ی با نام header) مربوط هست پس به این صورت اون رو rtl میکنیم #header { direction: rtl; }

اما پس از این که rtl کردیم متوجه میشیم که سربرگ در جای مناسب خودش قرار نگرفته و وقتی علل رو بررسی میکنیم متوجه میشیم که باید مقداری اون رو به سمت چپ هل بدیم و این کار رو میتونیم با استفاده از padding انجام بدیم و از اون جایی که این ID خودش padding داشت padding اون رو به صورت زیر تغییر میدیم و از سمت راست یه مقدار بیشتر هلش میدیم (یعنی عدد مربوط به سمت راست رو بزرگتر میکنیم) تا در جای مناسب قرار بگیرد.

#header {
direction:rtl;
padding:15px 240px 15px 10px;
}

اما شاید بخواهید بیشتر راجع به دستور padding بدونید ؟

padding یه دستوری از css هست که با استفاده از اون میتوانید از اطراف به element مورد نظرتون فاصله بدید که این دستور بسیار شبیه دستور margin هست اما تفاوت اون رو میتونید در شکل زیر مشاهده کنید.

روش استفاده از padding به شکل زیر است:

padding: top right bottom left;

برای مثال:

padding: 2px 3px 1px 4px;

البته روش های دیگری هم برای نوشتنش هست اما فعلا تا همین جا کافیه و امیدوارم که مفید واقع شده باشه.