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

وردپرس بنر مخصوص به خود را برای صفحات مختلف دارد. قرار دادن یک بنر یا دکمه در هدر وردپرس

سلام دنیا!

مدتهاست که به این موضوع فکر می کنم، برای اختصاص یک مقاله در وب سایت خود به ویجت Text در وردپرس، زیرا فکر می کنم این یک ویژگی بسیار جالب است که به شما امکان می دهد هر چیزی را به وب سایت خود اضافه کنید. هر کد HTML، عکس، فیلم، عکس، بنر، فقط متن، به طور کلی، از تخیل شما استفاده می کند. و در این مقاله با جزئیات به شما خواهم گفت که چگونه همه اینها را با سهولت و لذت انجام دهید.

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

اضافه کردن بنر به وب سایت!

فکر می‌کنم نیازی نیست توضیح دهید که صفحه ابزارک‌ها در وردپرس در کجا قرار دارد، اما ممکن است بسیاری هنوز در مورد وجود و هدف ویجت Text ندانند. سپس وقت آن است که در مورد ویجت Text و تمام مزایای آن بیاموزید. بنابراین، به صفحه ابزارک ها بروید و ویجت - متن را پیدا کنید.

بنابراین، خوب، اکنون می‌دانید که ویجت Text در کجا قرار دارد، و اکنون می‌توانید این ویجت را به نوار کناری، به مکانی که بنر، عکس، ویدیو، هر چیزی که نمایش داده می‌شود، بکشید. به هر حال، من در مورد نوار کناری در جزئیات صحبت کردم. حالا بیایید شروع به ساخت بنر کنیم.

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

سپس لینک را Paste کنیدسایت یا صفحه ای در سایت شما که می خواهید شخصی با کلیک بر روی بنر شما در آن قرار گیرد. و کادر را علامت بزنید - در یک پنجره/برگه جدید باز کنید. من پیوند وابسته خود را به وب سایت شرکت میزبان اضافه کرده ام. در پایان روی – Add link کلیک کنید.

اکنون در صفحه پست ها، به تب Text بروید.

کد HTML حاصل را کپی کرده و Record را ذخیره کنید. به هر حال، پیش نویس با ورودی می تواند بعدا حذف شود، فقط عکسی را که برای بنر آپلود کرده اید از سایت حذف نکنید.

همانطور که احتمالاً قبلاً فهمیده اید، کد HTML حاصل باید در ویجت Text در صفحه ابزارک ها درج شود. و روی دکمه - Save کلیک کنید.

همین، بنر ما آماده است، می توانید به وب سایت بروید و ببینید ما چه کار کرده ایم. به نظرم عالی از آب در آمده! واقعاً هیچ چیز، تمیز، در مرکز، فقط آنچه شما نیاز دارید. حالا هرکی روی این بنر کلیک کنه به سایت شرکت میزبانی که لینکش رو تو تنظیمات مشخص کردم منتقل میشه.

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

شما تصاویر خود را در سرویس آپلود می کنید، می توانید یکی داشته باشید، می توانید چندین داشته باشید و برای آنها افکت انتخاب کنید. با افکت ها و تنظیمات آزمایش کنید، دکمه ها را فشار دهید و همه چیز را متوجه خواهید شد.

بله، و همچنین، کاملاً فراموش کردم، همچنین می توانید ویژگی Title را به بنر ما اضافه کنید، آن چیست؟ این زمانی است که ماوس خود را روی یک تصویر می‌کشید و یک اشاره متنی، توضیح یا کلمه جدایی ظاهر می‌شود، به نظر می‌رسد:

برای افزودن ویژگی عنوان به یک تصویر, شما همچنین یک ورودی ایجاد می‌کنید، یا یک ورودی موجود را برای ویرایش باز می‌کنید، یک عکس اضافه می‌کنید، تصویر را انتخاب می‌کنید و روی برگه ظاهر شده کلیک می‌کنید - Edit.

سپس در پارامترهای تصویر، ویژگی عنوان را مشخص کرده و روی Update یا Save کلیک کنید.

تمام است، به وب سایت خود بروید، ماوس خود را روی تصویر نگه دارید، و یک اشاره متنی - ویژگی عنوان (Title) را خواهید دید.

چه چیز دیگری می توانید به ویجت Text اضافه کنید؟ می‌توانید با استفاده از همین طرح یک ویدیو اضافه کنید، آن را در مرکز قرار دهید، اندازه آن را کاهش دهید تا ویدیو کوچک‌تر شود، آن را انتخاب کنید و از مکان‌نمای ماوس برای کاهش آن به اندازه مورد نیاز خود استفاده کنید.

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


این تمام چیزی است که من دارم، در نهایت، می خواهم به شما توصیه کنم که بیشتر آزمایش کنید، با همه چیز، نه تنها با ویجت Text :-)) تا زمانی که دوباره ملاقات کنیم!


چگونه یک بنر به یک وب سایت اضافه کنیم - همه چیز در مورد ویجت Text. وردپرسبه روز رسانی: 23 اکتبر 2016 توسط: ایلیا ژوراولف

سلام!. امروز در مورد اینکه چگونه می توانید بنر خود را در نوار کناری وبلاگ وردپرس خود قرار دهید صحبت خواهم کرد.

برای درج بنر در وبلاگ وردپرس خود ابتدا به خود بنر نیاز دارید سپس پس از تهیه آن باید آن را در هاست خود آپلود کنید. می توانید این کار را از منوی اصلی پنل مدیریت انجام دهید، در آنجا باید برگه "فایل های رسانه" را پیدا کنید، روی آن نگه دارید و یک منوی کشویی ظاهر می شود که در آن باید روی منوی "افزودن جدید" کلیک کنید. در این تب بر روی دکمه "انتخاب فایل" کلیک کنید، فایل خود را انتخاب کنید و روی دکمه آپلود کلیک کنید.

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


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


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

در تصویر زیر چیزی شبیه به این خواهد بود، فقط کد شما نشان داده می شود.

امیدوارم این مقاله برای شما مفید بوده باشد. اگر این مقاله را دوست داشتید یا چیزی برای اضافه کردن دارید، نظرات خود را بنویسید..

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

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

قبل از نصب بنرها، از توصیه هایی برای آنها مطلع شوید:

  • بهتر است از یک بنر متحرک استفاده کنید، زیرا یک بنر ثابت با کل طراحی سایت ادغام می شود.
  • یک بنر متحرک نباید زیاد جابجا شود تا بازدیدکننده بتواند آنچه را که روی هر فریم کشیده شده است ببیند.
  • بهتر است یک بنر با فرمت تصویر گیف ساخته شود و نه به صورت تصویر فلش swf، زیرا بنرهای فلش باعث واکنش منفی موتورهای جستجو می شوند.
  • تصاویر بنر نباید بیش از حد وزن داشته باشند تا سایت بارگذاری نشود.
  • با کلیک بر روی بنر باید صفحه دیگری در یک تب جدید باز شود، نه همان.

نحوه نصب بنر

برای نصب بنر نیازی به برنامه نویسی ندارید. در وردپرس، همه چیز را می‌توان آسان‌تر و بدون دانستن کد پیاده‌سازی کرد، اگرچه هنوز باید کد را سرهم کنید. کسانی که تنبل هستند می توانند از یک افزونه مخصوص استفاده کنند. درباره ی او .

برای نصب بنر مراحل زیر را انجام دهید:

  • ویرایشگر پست را باز کنید (مورد کنسول "پست ها"، زیر آیتم "افزودن جدید").
  • روی دکمه "افزودن رسانه" کلیک کنید و یک تصویر بنر را آپلود کنید.
  • هنگامی که تصویر در ویژگی های خود بارگذاری شد، در لیست پیوند، Custom را انتخاب کنید و لینکی را که می خواهید بنر به آن تغییر مسیر دهد را مشخص کنید.
  • در ویرایشگر پست، به تب "متن" بروید. یک کد بنری را مشاهده خواهید کرد که می توانید آن را در هر نقطه از سایت نصب کنید یا آن را برای نصب دیگران توزیع کنید.

دو راه برای نصب بنر در وردپرس وجود دارد:

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

اکنون می دانید که چگونه یک بنر را نصب کنید. در بیشتر موارد، می توانید از اولین روش ساده استفاده کنید؛ این روش تقریباً برای همه مناسب است.

(1 رتبه بندی، میانگین: 5,00 از 5)

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

چگونه برای سایت های وردپرسی بنر اضافه کنیم

این راهنما موضوعات زیر را پوشش می دهد:

استفاده از آن برای افزودن بنرها معمول است. دو راه برای انجام این کار وجود دارد - اگر موضوع شما از نوار کناری پشتیبانی می کند، می توانید اضافه کنید متنویجت با کد بنر در آن، یا می توانید کد را مستقیماً به آن اضافه کنید نوار کناری.phpفایل تم شما

اگر طرح زمینه شما از ویجت ها پشتیبانی می کند، به ظاهر -> ابزارک. سپس بکشید متنویجت را به ناحیه ویجت مناسب منتقل کنید. در مورد ما "نوار جانبی اصلی" خواهد بود. برای این آموزش، این ویجت را درست زیر قسمت جستجو قرار می دهیم. و در نهایت کد بنر را در آن قرار دهید، یک عنوان برای ویجت تنظیم کنید (این اختیاری است، اگر نمی خواهید عنوان بالای بنر خود داشته باشید آن را خالی بگذارید) و روی دکمه کلیک کنید صرفه جویی.

این به شما امکان می دهد بنر مورد نظر خود را در نوار کناری سایت وردپرس خود قرار دهید.


از سوی دیگر، اگر موضوع شما دارای ناحیه ویجت در فوتر/هدر نیست، باید بنرهای خود را به صورت دستی اضافه کنید. برای انجام این کار، در صفحه مدیریت، به ظاهر -> ویرایشگر. برای این آموزش یک بنر سفارشی به هدر شما اضافه می کنیم. از آنجایی که یک بنر به هدر سایت اضافه خواهیم کرد، انتخاب کنید header.phpاز لیست فایل های موجود برای ویرایش. لطفا توجه داشته باشید که کد داخل این فایل بسته به موضوعی که انتخاب می کنید متفاوت خواهد بود. برای افزودن این بنر باید مهارت های اولیه HTML را بدانید.


ابتدا تگ را پیدا کرده و باز کنید بدن. در قالب پیش‌فرض بیست و دوازده وردپرس به این صورت است:

>

بلافاصله پس از این، کد زیر را اضافه کنید:

باید تعویض کنی BANNERLINKو LINKTOIMAGEبه آدرس اینترنتی که در آن پیوندی به تصویر بنر ارائه می دهید. و در نهایت پارامترها را جایگزین کنید عرضو ارتفاعبه ابعاد واقعی تصویر بنر.

این کد بنر شما را در بالای سایت شما نمایش می دهد. لطفاً توجه داشته باشید که بسته به موضوعی که استفاده می‌کنید، ممکن است لازم باشد کد را جابه‌جا کنید تا آن را به جایی که می‌خواهید برسانید.


لطفاً توجه داشته باشید که ما بنر را در عنصر قرار داده ایم بخش. ما این کار را به این دلیل انجام دادیم که می خواهیم یک استایل به این بنر اعمال کنیم. برای انجام این کار، را انتخاب کنید style.cssاز ستون سمت راست و هنگام بازخوانی صفحه، خطوط زیر را اضافه کنید:

Headerbanner (نمایش: بلوک؛ حاشیه: 10 پیکسل خودکار؛ عرض: 480 پیکسل)

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


افزودن یک بنر در فوتر اساساً با یک تفاوت کوچک یکسان است - باید فایل را باز کنید footer.phpبجای header.php. سپس تنها کاری که باید انجام دهید این است که کدی را که می خواهید بنر نمایش داده شود، قرار دهید.

از افزونه ها برای نمایش بنرها در صفحه خود استفاده کنید

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

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

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

امیدها با اولین تلاش ها و نصب آزمایشی ناموفق بنرها از بین می روند. جستجو برای برنامه های رمزگذاری، خدمات آنلاین برای تولید کدها و غیره و غیره آغاز می شود.

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

ابتدا قبل از ساخت بنر خود در مورد اندازه آن تصمیم بگیرید. فرمت فرقی نمی کند - 'swf' یا 'gif'، اما فایل 'swf' از نظر اندازه کوچکتر است و به دلیل عملکردهای اضافی در بین کاربران محبوب تر است.

بنر وابسته در حال حاضر برای قرار دادن آماده است، زیرا دارای یک کد جاسازی آماده است، اما شما باید خودتان را آماده کنید.

دریافت کد بنر

به عنوان یک افزونه اضافی برای ویرایشگر پست وردپرس، افزونه Ultimate TinyMCE را روی منبع خود نصب کردیم. ما هنوز به یک افزونه راحت تر نیاز نداریم، اگرچه چندین افزونه مشابه دیگر وجود دارد. پس از نصب آن در گزینه های منو، علاوه بر مواردی که نیاز داشتیم، دکمه “Insert/Edit Media File” را فعال کردیم. این گزینه ویرایشگر قابلیت های بسیار خوبی با ویرایش فایل های رسانه ای دارد، اما بیایید روی گوشت تمرکز کنیم.

ما بنر خود را (ما آن را با فرمت swf داریم) مستقیماً در فایل های رسانه ای یا در بخش فایل پایگاه داده آپلود می کنیم. شما می توانید به هر سروری که دوست دارید بروید، نکته اصلی این است که یک لینک کار معتبر به آن داشته باشید، که از طریق آن می توانید یک فایل رسانه ای در حال اجرا را مشاهده کنید.

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

پس از شروع کار بنر در سایت و زمانی که پست های خود را به صورت ساعتی منتشر نمی کنید، افزونه Ultimate TinyMCE در پنل مدیریت به راحتی غیرفعال می شود تا مقداری از بار سایت کاهش یابد.

بهترین مقالات در این زمینه