افزونه تبلیغات وسط محتوا یک ابزار قدرتمند و انعطافپذیر برای وبسایتهای وردپرسی است که به مدیران سایت امکان میدهد تبلیغات را بهصورت هوشمند و جذاب در میان محتوای نوشتهها و محصولات خود نمایش دهند. این افزونه با رابط کاربری ساده و تنظیمات پیشرفته، به شما اجازه میدهد تا بدون نیاز به دانش برنامهنویسی، تبلیغات متنی یا تصویری را با ظاهری زیبا و کاملاً سفارشیسازیشده در سایت خود قرار دهید.
ویژگیهای کلیدی افزونه
- تنظیمات متن و تصویر: با استفاده از ویرایشگر متنی وردپرس، میتوانید محتوای تبلیغاتی خود را بهراحتی وارد کنید. همچنین، امکان آپلود تصاویر از رسانه وردپرس با قابلیت تنظیم عرض و ارتفاع تصویر فراهم شده است.
- سفارشیسازی رنگ و سایز متن: این افزونه به شما امکان میدهد رنگ و اندازه متن تبلیغات را بهدلخواه تنظیم کنید تا با طراحی سایت شما هماهنگ باشد.
- رنگ پسزمینه دلخواه: با انتخاب رنگ پسزمینه، میتوانید جلوه بصری تبلیغات را بهبود ببخشید و آن را متناسب با تم سایت تنظیم کنید.
- جهتگیری انعطافپذیر: تبلیغات را میتوانید بهصورت وسطچین، راستچین یا چپچین نمایش دهید تا بهترین تجربه کاربری را ارائه کنید.
- انتخاب مکان نمایش: امکان تعیین نمایش تبلیغات بعد از پاراگراف خاصی از محتوا، به شما کنترل دقیقتری بر محل قرارگیری تبلیغ میدهد.
- پشتیبانی از انواع پستها: این افزونه با نوشتهها و محصولات (مثل ووکامرس) سازگار است و میتوانید تبلیغات را فقط در دستهبندیهای خاصی نمایش دهید.
- لینکدهی اختیاری: میتوانید لینکهای تبلیغاتی را به تصاویر یا متن اضافه کنید تا کاربران را به صفحات موردنظر هدایت کنید.
چرا این افزونه؟
این افزونه با طراحی کاربرپسند و قابلیتهای گسترده، به شما کمک میکند تا تبلیغات را بهگونهای نمایش دهید که هم برای مخاطبان جذاب باشد و هم با محتوای سایت شما هماهنگی داشته باشد. تنظیمات پیشرفته مانند انتخاب رنگ متن، سایز فونت، رنگ پسزمینه و جهتگیری، این امکان را فراهم میکند تا تبلیغات شما حرفهای و متناسب با برندتان به نظر برسند.
نحوه استفاده
پس از نصب افزونه، به منوی تنظیمات وردپرس بروید و در بخش «تبلیغات وسط محتوا»، تمام گزینههای موردنظر خود را پیکربندی کنید. از انتخاب تصویر و متن گرفته تا تنظیم رنگها و مکان نمایش، همهچیز در یک فرم ساده در دسترس شماست. تغییرات بهصورت آنی ذخیره شده و تبلیغات در مکانهای تعیینشده نمایش داده میشوند.
نتیجهگیری
اگر به دنبال راهی ساده اما قدرتمند برای مدیریت و نمایش تبلیغات در سایت وردپرسی خود هستید، افزونه تبلیغات وسط محتوا گزینهای ایدهآل است. با این ابزار، نهتنها میتوانید درآمد تبلیغاتی خود را افزایش دهید، بلکه تجربه کاربری بهتری برای بازدیدکنندگان سایت خود فراهم خواهید کرد. همین حالا آن را امتحان کنید و تبلیغات خود را به سطحی جدید ببرید!
add_action('admin_menu', function () { add_options_page('تنظیمات تبلیغات', 'تبلیغات وسط محتوا', 'manage_options', 'tav_middle_ads', 'tav_middle_ads_settings_page'); }); add_action('admin_init', function () { register_setting('tav_middle_ads_settings', 'tav_middle_ads_text'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_image'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_link'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_paragraph'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_post_types'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_categories'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_image_width'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_image_height'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_alignment'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_background_color'); register_setting('tav_middle_ads_settings', 'tav_middle_ads_text_color'); // تنظیم رنگ متن register_setting('tav_middle_ads_settings', 'tav_middle_ads_text_size'); // تنظیم سایز متن }); function tav_middle_ads_settings_page() { ?> <div class="wrap"> <h2>تنظیمات تبلیغات وسط محتوا</h2> <form method="post" action="options.php"> <?php settings_fields('tav_middle_ads_settings'); ?> <table class="form-table"> <tr><th>متن تبلیغ</th><td><?php $ad_text = get_option('tav_middle_ads_text'); wp_editor($ad_text, 'tav_middle_ads_text', [ 'textarea_name' => 'tav_middle_ads_text', 'media_buttons' => false, 'textarea_rows' => 6, ]); ?></td></tr> <tr><th>رنگ متن</th> <td> <input type="color" name="tav_middle_ads_text_color" value="<?php echo esc_attr(get_option('tav_middle_ads_text_color', '#222222')); ?>" /> <small>(رنگ متن تبلیغ، پیشفرض: #222222)</small> </td> </tr> <tr><th>سایز متن (px)</th> <td> <input type="number" name="tav_middle_ads_text_size" value="<?php echo esc_attr(get_option('tav_middle_ads_text_size', 15)); ?>" min="10" max="50" /> <small>(سایز متن تبلیغ، پیشفرض: 15px)</small> </td> </tr> <tr><th>لینک تصویر تبلیغ</th> <td> <input type="text" id="tav_middle_ads_image" name="tav_middle_ads_image" value="<?php echo esc_attr(get_option('tav_middle_ads_image')); ?>" style="width: 60%;" /> <input type="button" class="button" value="انتخاب از رسانه" id="upload_image_button" /> <script> jQuery(document).ready(function($){ $('#upload_image_button').click(function(e) { e.preventDefault(); var image = wp.media({ title: 'انتخاب تصویر', multiple: false }).open() .on('select', function(){ var uploaded_image = image.state().get('selection').first(); $('#tav_middle_ads_image').val(uploaded_image.toJSON().url); }); }); }); </script> </td> </tr> <tr><th>عرض تصویر (px)</th><td><input type="number" name="tav_middle_ads_image_width" value="<?php echo esc_attr(get_option('tav_middle_ads_image_width', 300)); ?>" min="50" max="1000" /> <small>(پیشفرض: 300px)</small></td></tr> <tr><th>ارتفاع تصویر (px)</th><td><input type="number" name="tav_middle_ads_image_height" value="<?php echo esc_attr(get_option('tav_middle_ads_image_height', 200)); ?>" min="50" max="1000" /> <small>(پیشفرض: 200px)</small></td></tr> <tr><th>لینک تبلیغ (اختیاری)</th><td><input type="url" name="tav_middle_ads_link" value="<?php echo esc_attr(get_option('tav_middle_ads_link')); ?>" /></td></tr> <tr><th>نمایش بعد از پاراگراف شماره...</th><td><input type="number" name="tav_middle_ads_paragraph" value="<?php echo esc_attr(get_option('tav_middle_ads_paragraph', 2)); ?>" min="1" /></td></tr> <tr><th>نمایش در</th> <td> <label><input type="checkbox" name="tav_middle_ads_post_types[]" value="post" <?php checked(in_array('post', (array)get_option('tav_middle_ads_post_types', []))); ?> /> نوشتهها</label><br> <label><input type="checkbox" name="tav_middle_ads_post_types[]" value="product" <?php checked(in_array('product', (array)get_option('tav_middle_ads_post_types', []))); ?> /> محصولات</label> </td> </tr> <tr><th>فقط در دستههای خاص (ID با کاما جدا)</th><td><input type="text" name="tav_middle_ads_categories" value="<?php echo esc_attr(get_option('tav_middle_ads_categories')); ?>" placeholder="مثلاً: 2,5,8" /></td></tr> <tr><th>جهتگیری تبلیغات</th> <td> <label><input type="radio" name="tav_middle_ads_alignment" value="center" <?php checked(get_option('tav_middle_ads_alignment', 'center') === 'center'); ?> /> وسطچین</label><br> <label><input type="radio" name="tav_middle_ads_alignment" value="right" <?php checked(get_option('tav_middle_ads_alignment', 'center') === 'right'); ?> /> راستچین</label> <label><input type="radio" name="tav_middle_ads_alignment" value="left" <?php checked(get_option('tav_middle_ads_alignment', 'center') === 'left'); ?> /> چپچین</label> </td> </tr> <tr><th>رنگ پسزمینه</th> <td> <input type="color" name="tav_middle_ads_background_color" value="<?php echo esc_attr(get_option('tav_middle_ads_background_color', '#ffffff')); ?>" /> <small>(رنگ پسزمینه تبلیغ، پیشفرض: سفید)</small> </td> </tr> </table> <?php submit_button(); ?> </form> </div> <?php } add_filter('the_content', 'tav_middle_ads_insert_to_content'); function tav_middle_ads_insert_to_content($content) { if (!is_singular()) return $content; $enabled_post_types = (array) get_option('tav_middle_ads_post_types', []); if (!in_array(get_post_type(), $enabled_post_types)) return $content; $allowed_cats = array_filter(array_map('trim', explode(',', get_option('tav_middle_ads_categories')))); if (!empty($allowed_cats)) { $post_cats = wp_get_post_categories(get_the_ID()); if (!array_intersect($allowed_cats, $post_cats)) return $content; } $paragraph_num = max(1, intval(get_option('tav_middle_ads_paragraph', 2))); $text = get_option('tav_middle_ads_text'); $image = get_option('tav_middle_ads_image'); $link = get_option('tav_middle_ads_link'); $image_width_option = get_option('tav_middle_ads_image_width', 300); $image_width = max(50, min(1000, is_numeric($image_width_option) ? intval($image_width_option) : 300)); $image_height_option = get_option('tav_middle_ads_image_height', 200); $image_height = max(50, min(1000, is_numeric($image_height_option) ? intval($image_height_option) : 200)); $alignment = get_option('tav_middle_ads_alignment', 'center'); $bg_color = get_option('tav_middle_ads_background_color', '#ffffff'); $text_color = get_option('tav_middle_ads_text_color', '#222222'); $text_size = max(10, min(50, is_numeric(get_option('tav_middle_ads_text_size', 15)) ? intval(get_option('tav_middle_ads_text_size')) : 15)); if (!$text && !$image) return $content; $flex_direction = $alignment === 'left' ? 'row-reverse' : 'row'; $image_margin = $alignment === 'left' ? 'margin-left: 0; margin-right: 0;' : 'margin-right: 0;'; $html = '<div class="tav-middle-ads-box" style=" background: ' . esc_attr($bg_color) . '; backdrop-filter: blur(8px); border-radius: 16px; padding: 5px; margin: 20px auto; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); max-width: 700px; overflow: hidden; display: flex; flex-direction: ' . $flex_direction . '; justify-content: ' . ($alignment === 'right' ? 'flex-start' : ($alignment === 'left' ? 'flex-start' : 'center')) . '; align-items: center; ">'; $html .= '<div style=" font-size: 12px; color: #666; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; "></div>'; if ($link) { $html .= '<a href="' . esc_url($link) . '" target="_blank" style="text-decoration:none; display: flex; align-items: center; flex-direction: ' . $flex_direction . ';">'; if ($image) $html .= '<img src="' . esc_url($image) . '" alt="تبلیغ" style="width: ' . $image_width . 'px; height: ' . $image_height . 'px; object-fit: contain; max-width: 100%; border-radius: 12px; ' . $image_margin . '" />'; if ($text) $html .= '<span style="text-align: ' . ($alignment === 'left' ? 'right' : 'center') . '; font-size: ' . $text_size . 'px; color: ' . esc_attr($text_color) . ';">' . wp_kses_post($text) . '</span>'; $html .= '</a>'; } else { if ($image) $html .= '<img src="' . esc_url($image) . '" alt="تبلیغ" style="width: ' . $image_width . 'px; height: ' . $image_height . 'px; object-fit: contain; max-width: 100%; border-radius: 12px; ' . $image_margin . '" />'; if ($text) $html .= '<div style="text-align: ' . ($alignment === 'left' ? 'right' : 'center') . '; font-size: ' . $text_size . 'px; color: ' . esc_attr($text_color) . ';">' . wp_kses_post($text) . '</div>'; } $html .= '</div>'; $paras = explode('</p>', $content); if (count($paras) >= $paragraph_num) { $index = $paragraph_num - 1; $paras[$index] .= $html; return implode('</p>', $paras); } return $content . $html; } ?>