نحوه تغییر اندازه نوار کناری - روش دستی و ویرایش با ویرایشگر Visual Sidebar. وردپرس عرض قالب را افزایش دهید یا منوی کناری و بخش مقالات قالب وردپرس را به عرض کامل بکشید

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

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

در این آموزش کوتاه، نحوه تغییر عرض ستون متن اصلی در ویرایشگر پست تصویری وردپرس را به شما نشان خواهم داد.

مسئله

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

راه حل

راه حل نسبتا ساده است، اما باید بدانید که چگونه آن را پیاده سازی کنید. ابتدا باید عرض فعلی بلوک محتوای سایت خود را بدانید. در مورد من، عرض بلوک وبلاگ من 650 پیکسل است.

سپس باید فایل خود را باز کنید functions.phpو کد زیر را در پایین فایل اضافه کنید:

تابع fb_change_mce_buttons($initArray) ($initArray["width"] = "650px"; return $initArray; ) add_filter("tiny_mce_before_init", "fb_change_mce_buttons");

نتیجه

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

به خاطر داشته باشید که برخی از وضوح صفحه نمایش تنظیمات شما را تغییر می دهد و به عنوان مثال فقط یک ستون را نشان می دهد - این به عرض محتوای شما بستگی دارد.

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

برای آنچه ممکن است لازم باشد اندازه قالب را تغییر دهید.

ممکن است بخواهید اندازه قالب را در همان ابتدا، به محض نصب آن، و پس از نوشتن تعدادی مقاله و اولین ده ها بازدیدکننده شما، تغییر دهید. برای مثال، بعد از اینکه می‌خواستم سعی کنم اولین دو سنت از تبلیغات را از وبلاگ خود کسب کنم، باید قالب را گسترش دهم. برای این منظور، یک سیستم تبلیغاتی بنری از Google-AdSense انتخاب شد. اما برای به دست آوردن حداقل دو سنت بدبختی باید دو پارامتر را در نظر گرفت:

1. برای اینکه شخصی بتواند روی یک تبلیغ کلیک کند، بنرهایی که سیستم صادر می کند باید در مکان های خاصی باشد. در اینترنت می نویسند که این یک نوار لغزنده سمت چپ است، یک بنر مربعی در آنجا قرار می دهیم و سه بار در داخل مقاله. در بالا، در مرکز، پس از چند حرکت، و در انتها. این چیدمان برای افرادی که روی بنر کلیک کنند ایده آل خواهد بود. البته گزینه های دیگری نیز وجود دارد، به عنوان مثال، در تصاویر، اما ما آنها را در چارچوب این مقاله در نظر نمی گیریم.
2. گوگل بنرهایی با اندازه های خاص صادر می کند.

آن ها ما باید نکات اول و دوم را با هم ترکیب کنیم، یعنی مطمئن شویم که بنرهای Google یا Yandex در مکان های اختصاص داده شده برای این کار، نوار کناری سمت چپ و در مقالات قرار می گیرند. از آنجایی که قالب من برای این اهداف خیلی باریک بود و آویزان کردن بنرهای کوچک منطقی نیست، زیرا هیچ کس روی آنها کلیک نمی کند، تنها چیزی که باقی می ماند این است که منوی کناری و بخش مقالات را باز کنید.

نحوه افزایش افقی قالب قسمت 1، اعداد را درک کنید

برای درک اینکه چقدر باید عرض این یا آن عنصر را افزایش دهیم، لازم نیست در یک نگاه "یک سانتی متر در آنجا کافی است و نیم سانتی متر در آنجا" تخمین بزنیم، بلکه این اعداد را دقیقاً در پیکسل ها دریابیم. تقریباً هر مرورگری در این مورد به ما کمک می کند، به عنوان مثال:

• سافاری
• فایرفاکس
• گوگل کروم

من شخصاً به عنوان مثال Safari و شما را در هر مرورگر مناسب برای شما نشان خواهم داد. تفاوت ها باید فقط در یک دکمه باشد.

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