دیجی اسکریپت

کدهای وردپرس Archives | دیجی اسکریپت

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

همانطور که میدانید، برای نمایش پربازدیدترین مطالب در وردپرس از افزونه wp-postview استفاده میشود. کار این افزونه به این شکل هست که میاد و داخل نوشته ها یه زمینه دلخواه با نام views میسازه و هر بار با بازدید یک واحد به این زمینه اضافه میشه. خوب ما برای اینکه بخوایم مطالب پربازدید رو نشون بدیم از wp_query استفاده میکنیم.

 

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

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

<ul>
<?php 
$args = array(
    'date_query' => array(
        array(
            'column' => 'post_date_gmt',
            'after' => '1 month ago',
        ),
    ),
    'post_type' => 'post',
    'posts_per_page' => 30,
    'orderby' => 'meta_value_num',
    'meta_key' => 'views',
    'order' => 'DESC',
     
);
$my_query = new WP_Query( $args );
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID; ?>
<?php $views = get_post_meta($post->ID, 'views', true); ?>
 
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a> <?php echo $views; ?></li>
<?php endwhile; ?>
</ul>

توجه: همچنین میتوانید بجای استفاده از ماه، سال را جایگزین کنید. بطرو مثال بجای کد زیر در قطعه کد بالا:

'after' => '1 month ago',

کد زیر را قرار دهید:

'after' => '1 year ago',

موفق باشید

نوشته کد نمایش پر بازدیدترین مطالب یک ماهه اخیر در وردپرس اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

حذف اسلش از انتهای لینک های وردپرس با استفاده از فایل htaccess

در این نوشته از آموزش وردپرس میخواهیم به شما روشی ساده و کوتاه، اما کاربردی برای حذف اسلش (/) از تمامی لینک های سایتتان ارائه کنیم.

 

حذف اسلش از انتهای لینک های وردپرس

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

 

حذف / از انتهای لینک های وردپرس با استفاده از فایل htaccess

در استفاده از این کد نهایت دقت را داشته باشید. در برخی سیستم های مدیریت محتوا (cms) نظیر وردپرس، به ویژه پس از نصب افزونه های سئو ساز، همواره علامت اسلش / در انتهای لینک صفحات سایت قرار دارد و الزامی به حذف آن نیست، اما بهتر است که این کار انجام شود.

 

حذف اسلش از انتهای لینک های وردپرس با استفاده از فایل htaccess

 

از این رو با ریدایرکت کردن آدرس با اسلش بر روی آدرس بدون اسلش، از بروز چنین مشکلاتی پیشگیری می کنیم. برای انجام این کار، کافیست کد زیر را در فایل .htaccess موجود در وردپرس کپی کنید.

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !.(gif|jpg|png|jpeg|css|js)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{HTTP_HOST} !^.localhost$ [NC]
RewriteRule ^(.+[^/])/$ http://%{HTTP_HOST}/$1 [R=301,L]

در کد فوق، فرمت های gif|jpg|png|jpeg|css|js از حذف اسلش از انتهای لینک استثناء قائل شده است. در صورت نیاز می توانید فرمت های بیشتر را اضافه نمایید.

نوشته حذف اسلش از انتهای لینک های وردپرس با استفاده از فایل htaccess اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

ایجاد سازگاری در ووکامرس با قالب‌های وردپرسی

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

ایجاد سازگاری در ووکامرس با قالب‌های وردپرسی

سازگاری در ووکامرس با قالب‌های وردپرسی

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

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

 ۱- اعلام پشتیبانی ووکامرس

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

  • استفاده از هوک (برای توسعه دهندگانی که اطلاعات متوسطی در این حوزه دارند)
  • استفاده از عملگر woocommerce_content در خارج از قالب

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

add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
   add_theme_support( 'woocommerce' );
}

قطعه کد بالا می‌تواند پیام ” قالب شما از ووکامرس پشتیبانی نمی‌کند” را مخفی کند.
برای غیرفعال کردن تنظبمات و حالت پیش فرض ووکامرس، قطعه کد زیر را وارد کنید:

if (class_exists('Woocommerce')){
    add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
}

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

۲- ایجاد برگه جدید قالب

حال، یک نسخه کپی از فایل page.php قالب، ایجاد می‌کنیم و نام آن را woocommerce.php می‌گذاریم. این فایل باید در مسیر زیر قرار گیرد:

wp-content/themes/YOURTHEME/woocommerce.php

حال یک فایل متنی یا ویرایشگر به انتخاب خودتان (notepad،notepad++ و…) انتخاب کرده و آن را باز کنید. در ابتدا کد زیر را در آن وارد کنید:

<?php if ( have_posts() ) :

و با قطعه کد زیر آن را ببندید:

<?php endif; ?>

این موضوع در بین قالب‌ها تفاوت ایجاد می‌کند. در گام نخست شما باید فایل حلقه (که معمولا همان function.php است) را یافته و آن را حذف کنید. سپس در آن قطعه کد زیر را درج کنید:

<?php woocommerce_content(); ?>

()woocommerce_content امکان بارگذاری لیست محصولات فروشگاه در صفحه اصلی، دسته بندی محصولات، جستجوی محصول و صفحه توضیحات محصول را بر عهده دارد.

 

۳- افزودن امکانات مورد نظر به فایل woocommerce.php

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

<?php if (is_product()): ?>
 // your navigation function goes here.
 <?php endif ?>

۴- استفاده از hook و Action در ووکامرس

همان‌طور که می‌دانید در ووکامرس نیز مجموعه‌ای از hook، Action و Filter وجود دارد که با مراجعه به وبسایت مرجع ووکامرس می‌توانید آن‌ها را مشاهده کرده و استفاده کنید. به عنوان مثال، تمایل به مشاهده عملکرد خودمان در صفحه محصولات داریم. برای تغییر طرح صفحه فروشگاه با کمک hook دو گزینه پیش رو دارید:

  • گسترش action موجود بدون حذف آن
  • حذف action موجود و جایگزینی آن گزینه جدید

فرض کنید می‌خواهیم تنظیمات سفارشتان محصول را از صفحه فروشگاه حذف کنیم. برای این منظور از دستور زیر باید استفاده کنیم:

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

۵- افزونه‌های ووکامرس

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

برای این منظور اول از همه باید ووکامرس و امکانات آن به صورت کامل فعال باشند (طبق دستورات موجود در بندهای بالا) و تابع (()if (class_exists را در ابتدای فایل وارد کنید. البته، قبل از این موضوع باید مطمئن شوید که افزونه مورد نظر شما نصب و فعال شده باشد. قطعه کد زیر را به عنوان نمونه می‌توانید در نظر بگیرید:

if (class_exists('Woocommerce')){if (class_exists('YITH_WCQV')) {remove_action( 'yith_wcqv_product_image', 'woocommerce_show_product_sale_flash', 10 );
remove_action( 'yith_wcqv_product_image', 'woocommerce_show_product_images', 20 );
add_action('yith_wcqv_product_image','infinitum_ninzio_woocommerce_show_product_images', 20 );
function infinitum_ninzio_woocommerce_show_product_images(){?>...<?php }}}

جمع‌بندی

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

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



لینک منبع مطلب

غیر فعال کردن خطاهای php در وردپرس

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

 

خطاهای php چیست

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

 

دلیل غیر فعال سازی خطاهای php در وردپرس

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

 

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

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

 

غیر فعال کردن خطاهای php در وردپرس

 

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

 

غیر فعال کردن اعلان های php

همان طور که گفتیم گاها این اعلان ها آزار دهنده هستند و دیده شدن آن ها توسط بازدید کنندگان جالب نیست و سایت شما را غیر حرفه ای جلوه می دهند. برای این منظور باید یکسری ویرایشات بر روی فایل wp-config.php اعمال کنید. از پوشه ریشه وردپرس خود به دنبال این فایل بگردید.

 

پس از ورود به صفحه ویرایش فایل WP-config.php، به دنبال قطعه کد زیر باشید:

define('WP_DEBUG', true);

برای غیر فعال کردن خطاهای پی اچ پی در وردپرس باید قطعه کد زیر را جایگزین قطعه کد بالا کنید:

ini_set('display_errors','Off');
ini_set('error_reporting', E_ALL );
define('WP_DEBUG', false);
define('WP_DEBUG_DISPLAY', false);

در نهایت تمامی تغییرات ایجاد شده را ذخیره کنید.

این کار باعث می شود که تغییراتی در پیکربندی صورت بگیرد از جمله:

  • قرار دادن حالت نمایش خطاها در حالت off
  • تغییر مقدار گزارش دهی خطاها
  • خاموش کردن حال اشکال زدایی
  • عدم نمایش پیام های اشکال زدایی

 

اکنون باید خطاهای php وردپرس در حالت خاموشی قرار گرفته باشند و اعلان ها و هشدارهایی که بر روی وب سایت داشتید پنهان شده باشند!

 

غیر فعال کردن خطاهای php در وردپرس

فعالسازی مجدد اعلان های php

برای فعالسازی مجدد اعلان های پی اچ پی، باید قطعه کد زیر را جایگزین کدهای قبلی در فایل WP_config کنید:

 

define('WP_DEBUG', true);
define('WP_DEBUG_DISPLAY', true);

 

این قطعه کد باعث می شود که نمایش اعلان ها و هشدارهای php در وردپرس به حالت فعال قرار بگیرند و بتوانید آن ها را مشاهده کنید.

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

امیدوارم نکات ذکر شده در این نوشته از آموزش وردپرس برای شما عزیزان مفید و کاربردی باشد.

نوشته غیر فعال کردن خطاهای php در وردپرس اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

حذف لرزش فرم ورود به داشبورد وردپرس

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

 

نحوه حذف لرزش فرم ورود در وردپرس

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

 

حذف لرزش فرم ورود به داشبورد وردپرس

 

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

<?php
function my_login_head() {
    remove_action('login_head', 'wp_shake_js', 12);
}
add_action('login_head', 'my_login_head');
?>

موفق باشید

نوشته حذف لرزش فرم ورود به داشبورد وردپرس اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

آموزش ساخت برگه سفارشی در وردپرس

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

 

ساخت و تنظیم وردپرس page.php

شما می توانید در وبسایت وردپرسی خود برگه های سفارشی ایجاد کنید. لازمه ایجاد تغییرات در وردپرس page.php، تسلط پایه ای بر HTML ،CSS و PHP است.

 

همانطور که میدانید به صورت پیش فرض وردپرس به شما اجازه ایجاد صفحات و نوشته ها را می دهد. قالب وردپرس این قابلیت را دارد تا ظاهر صفحات سایت را با استفاده از برگه ای به نام وردپرس page.php کنترل کند. وردپرس page.php تمامی صفحات ایجاد شده در وردپرس را تحت تاثیر قرار می دهد. با وجود اینکه همه صفحات همانند هم نمی باشند.

 

ساخت برگه سفارشی در وردپرس

برای ساخت فایل وردپرس page.php، ابتدا در سیستم خود یک فایل نوت پد باز کنید و قطعه کد زیر را در آن کپی نمایید:

 

<?php /* Template Name: CustomPageT1 */ ?>

 

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

 

در مرحله ی بعدی شما باید با استفاده از FTP client به وبسایت خود متصل شوید. پس از اتصال، به پوشه قالب فعلی وبسایت و یا child theme بروید. که برای دسترسی به قالب باید به پوشه wp-content/themes/ بروید. سپس نمونه برگه سفارشی وردپرس page.php را در پوشه theme خود آپلود کنید.

 

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

 

آموزش ساخت برگه سفارشی در وردپرس

 

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

 

ویرایش نمونه برگه سفارشی در وردپرس

قالب فایل وردپرس page.php همانند قالب فایل های دیگر در وردپرس است. شما به این فایل می توانید هر کد HTML، برچسب قالب یا هر کد PHP اضافه کنید. ساده ترین راه برای شروع ساخت برگه سفارشی شما، کپی کردن قالب برگه قبلی که با استفاده از تم شما آماده شده است. حال باید FTP client را باز کنید و از آنجا به پوشه تم بروید. در پوشه تم به دنبال فایلی با نام page.php بگردید و در نهایت آن را در سیستم خود ذخیره کنید.

 

سپس فایل page.php را با برنامه ای همانند نوت پد باز کنید و تمام محتوای فایل را به جز قسمت هدر را کپی کنید:

 

آموزش ساخت برگه سفارشی در وردپرس

 

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

 

<?php /* Template Name: CustomPageT1 */ ?>
 
<?php get_header(); ?>
 
 
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php // Start the loop. while ( have_posts() ) : the_post(); // Include the page content template. get_template_part( 'template-parts/content', 'page' ); // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) { comments_template(); } // End of the loop. endwhile; ?>
 
    </main><!-- .site-main -->
 
    <?php get_sidebar( 'content-bottom' ); ?>
 
</div>
 
<!-- .content-area -->
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

 

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

 

شما می توانید به ویرایش قالب وردپرس page.php خود ادامه دهید و تغییراتی را که می خواهید در آن ایجاد کنید. برای مثال شما می توانید سایدبار برگه را حذف کنید و کد PHP سفارشی و یا هر HTML دیگری را که خواستید اضافه کنید.

 

امیدوارم نکات ذکر شده در این آموزش وردپرس برای شما عزیزان مفید و کاربردی باشد. موفق و پاینده باشید…

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



لینک منبع مطلب

نحوه نمایش متفاوت هر پست در وردپرس

در این نوشته از آموزش وردپرس به شما نحوه نمایش متفاوت هر پست در وردپرس را نشان خواهیم داد.

 

نمایش متفاوت هر پست در وردپرس

وردپرس برای استایل یک نوشته به صورت پیش فرض، کلاس های CSS تعریف کرده است. یک سایت استاندارد دارای کلاس های CSS در بخش های بدنه ی اصلی، نوشته ها، برگه ها، ابزارک ها، فهرست ها و… می باشد.

 

در دسته ی وردپرس، عملکرد post_class() برای استفاده در قالب وردپرس و جهت افزودن کلاس های CSS سفارشی در برگه و پست به کار میرود و فراخوانی میشود.
چنانچه به وبسایت خود مراجعه کرده و از ابزار Inspect درمرورگراستفاده کنید کلاس سی اس اس مورد نظر در پست ها را خواهید دید. مانند تصویر زیر:

 

نحوه نمایش متفاوت هر پست در وردپرس

 

در ادامه میتوانید کلاس های CSS به طور پیش فرض که در دید کاربر ظاهر میشود آمده است که با آن می توان مقدمات نمایش متفاوت پست در وردپرس را فراهم کرد.

  • post-id.
  • post.
  • attachment.
  • sticky.
  • category-ID.
  • category-name.
  • tag-name.
  • has-post-thumbnail.

 

مثالی از خروجی آنها:

<article id="post-412" class="post-412 post type-post status-publish format-standard hentry category-news">

بنابراین به راحتی میتوان ظاهر و استایل هر پست را به صورت واکنش گرا تغییر داد. برای مثال، چنانچه می خواهید یک نوشته را به صورت متفاوت نشان دهید می توانید از post-id برای نمایش متفاوت پست در وردپرس استفاده کنید. مانند کد زیر:

.post-412 { 
background-color: #FF0303;
color:#FFFFFF; 
}

توجه: فراموش نکنید که باید آی دی پست را نیز تغییر دهید.

 

حال بطور مثال می خواهیم ظاهر تمامی پست های مربوط به دسته ی اخبار را تغییر دهیم اینکار را با افزودن CSS سفارشی به قالب انجام می دهیم.

.category-news{ 
font-size: 18px;
font-style: italic;
}

 

عملکرد کلاس هر پست در وردپرس

توسعه دهندگان قالب از عملگر post-class برای افزودن کلاس به نوشته استفاده میکنند که معمولا با تگ <article> است. این عملگر فقط برای بارگذاری به صورت پیش فرض نیست بلکه برای کلاس اختصاصی شما در نمایش متفاوت پست در وردپرس نیز به کار میرود.

با توجه به قالب مورد نظر می توانید این عملگر را در فایل single.php بیابید. به صورت نرمال این کد به شکل زیر است:

<article id="post-&lt;?php the_ID();?>"<?php post_class();?>>

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

<article id="post-<?php the_ID();?>"<?php post_class('longform-article');?>>

عملگر post-class با حفظ حالت پیش فرض میتواند حالت سفارشی که به آن میدهید را اجرا کند. چنانچه می خواهید از عملکردهای چند تایی و چند منظوره در نمایش متفاوت پست در وردپرس استفاده کنید می توانید از چند آرایه کمک بگیرید. مانند زیر:

<?php $custom_classes = array('longform-article','featured-story','interactive',);?>
<article id="post-<?php the_ID();?>;"<?php post_class($custom_classes);?>>

تغییر ظاهر پست های نویسندگان در وردپرس

این کلاس به صورت پیش فرض دارای نام نویسنده نیست اما چنانچه می خواهید آن را سفارشی کنید اول آن را به صورت the-posts یافته و سپس قطعه کد زیر را در آن تغییر دهید.

<?php $author=get_the_author_meta('user_nicename');?>
<article id="post-<?php the_ID();?>"<?php post_class($author);?>>

ظاهر پست ها بر اساس محبوبیت نظرات

شاید وبسایت هایی را دیده باشید که از ابزارک نوشته های محبوب براساس نظرات کاربران استفاده میکنید. حال میخواهیم ببنیم چگونه میتوان این بخش را سفارشی کنیم .
برای ایجاد یک بخش سفارشی نظر سنجی نیاز به افزودن کد به فایل های قالب است. در هسته ی وردپرس میتوانید قطعه کد زیر را قبل از تگ <article> اضافه کنید.

<?php 
 $postid = get_the_ID();
 $total_comment_count = wp_count_comments($postid);
 $my_comment_count = $total_comment_count->;approved;
 if ($my_comment_count <10){
 $my_comment_count = 'new';
 } elseif ($my_comment_count <= 10 && $my_comment_count <20){
 $my_comment_count = 'emerging';
 } elseif ($my_comment_count <= 20){
 $my_comment_count = 'popular';
 }
?>

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

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



لینک منبع مطلب

حذف دکمه پیش نمایش نوشته در وردپرس

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

 

نحوه حذف دکمه پیش نمایش نوشته در وردپرس

حذف دکمه پیش نمایش نوشته در وردپرس

 

برای حذف دکمه پیش نمایش نوشته در وردپرس کافیست از قطعه کد زیر در فایل function.php قالب وردپرس خود استفاده کنید.

 

function posttype_admin_css() {
    global $post_type;
    $post_types = array(
                        /* set post types */
                        'post_type_name',
                        'post',
                        'page',
                  );
    if(in_array($post_type, $post_types))
    echo '<style type="text/css">#post-preview, #view-post-btn{display: none;}</style>';
}
add_action( 'admin_head-post-new.php', 'posttype_admin_css' );
add_action( 'admin_head-post.php', 'posttype_admin_css' );

 

به همین سادگی…

این نوشته حذف دکمه پیش نمایش نوشته در وردپرس برای اولین بار در بیست اسکریپت منتشر شده است.



لینک منبع مطلب