دیجی اسکریپت

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

ساخت صفحه فرود یا لندینگ پیج با وردپرس

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

ساخت لندینگ پیج با افزونه ویژوال کامپوزر

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

نصب افزونه مورد نیاز

تنها کافیست افزونه ویژوال کامپوزر را دانلود و نصب کنید. آموزش نصب افزونه در وردپرس را ببینید.

ساخت برگه صفحه فرود

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

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

وقتی برگه را روی FullWidth قرار دهید یعنی صفحه شما تمام عرض هست و هیچگونه سایدبار مزاحمی ندارد.

طراحی صفحه فرود ساخته شده

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

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

اگر می‌خواهید صفحات فرود را با استفاده از برنامه نویسی طراحی و ایجاد کنید. (یعنی توانایی نوشتن زبان نشانه‌گذاری HTML و CSS را دارید) پس بسیار عالیست.

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

سپس مطابق تصاویر بخش قبلی، از بخش ویژگی‌های برگه، قالب برگه را روی قالبی که ساختید قرار دهید.

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

به همین راحتی! صفحه فرود شما ساخته شده و آماده فرود بازدید کنندگان هست. 🙂 راستی! فراموش نکنید حتما از A/B Testing در ساخت صفحات فرود استفاده کنید.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

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

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

ID محصول ووکامرس چیست؟

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

نمایش قیمت محصولات ووکامرس بر اساس شناسه محصول

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

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

دسترسی به فایل توابع وردپرس

ابتدا باید وارد فایل functions.php قالب سایتتان شوید. برای دسترسی به این فایل ابتدا وارد فایل منیجر هاست خود شده و سپس وارد مسیر wp-content/themes شوید و نام قالب سایتتان را انتخاب کنید. فایل توابع یا functions.php در این پوشه قرار دارد.

اضافه کردن تابع به فایل فانکشن قالب

حالا یک تابع بسازیم. برای اینکار باید یک قطعه کد به فایل فانکشن قالب سایتتان اضافه کنید. البته بعد از <?php به این شکل:

//Get Woocommerce Price By ID MihanWP
function mihanwp_get_price( $atts ) {
    $atts = shortcode_atts( array(
        'id' => null,
    ), $atts, 'bartag' );

    $html = '';

    if( intval( $atts['id'] ) > 0 && function_exists( 'wc_get_product' ) ){
         $_product = wc_get_product( $atts['id'] );
         $html = "" . $_product->get_price();
    }
    return $html;
}
add_shortcode( 'woocommerce_price', 'mihanwp_get_price' );

استفاده از شورت کد ساخته شده

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

[woocommerce_price id="1"]

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

نمایش قیمت محصول در قالب سایت

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

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

سلام. توی این ویدیو قصد داریم شما رو با سئوی داخلی و خارجی یا همون On-Page و Off-Page آشنا کنیم. کلماتی که توسط سئو کارها استفاده می‌شود و معمولا نمی‌دانیم منظور از این کلمات و عبارات تخصصی چیست؟

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.