وب کافه

یک سایت دیگر با وردپرس فارسی

آموزش ساخت صفحه کسب و کار در گوگل پلاس

نویسنده:
31 دسامبر 14

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

در نهایت گوگل به همه ی کسب و کارهای فعال، رسمیت داد .شما هم  حالا می توانید نشان گوگل پلاس خود را بسازید. به ما اعتماد ندارید؟بررسی کنید https://plus.google.com/b/104934141772078863690/+Webcityir و خودتان ببینید.

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

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

۱-ایجاد یک قحه تحاری در گوگل پلاس برای سایت های وردپرسی

ابتدا وارد حساب کاربری گوگل خود شوید.
http://www.google.com/+/business/
روی کلید ” Create your Google+ Page ” کلیک کنید همانند تصویر زیر:

2

۲-برای صفحه ی گوگل پلاس خود یک دسته انتخاب کنید.

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

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

محصولات و یا نام تجاری:برای محصولاتی که دیگر محلی نیستند بسیار خوب است. به عنوان مثال،webcity.ir  نام تجاری آنلاین است.

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

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

دیگر:اگر کسب و کار شما با هیچ کدام از این دسته ها متناسب نیست، شما می توانید آن را در اینجا ایجاد کنید.

۳- اطلاعات خودتان را برای صفحه گوگل پلاس اضافه کنید.

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

3

نام صفحه و وب سایت خود را وارد کرده،و یکی از دسته ها را انتخاب کنید. شما می توانید مشخص کنید که چه کسانی بتوانند صفحه ی شما را ببینند که به طور پیش فرض روی گزینه ی * همه ی کاربران گوگل پلاس تنظیم شده است. اما شما می توانید محدوده ی آن را به ۱۸+ و یا ۲۱+ تغییر دهید.

۴- شعار یا عکس برای صفحه گوگل پلاس سایت تان

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

1

۵- منشر شدن پیام

بی درنگ پیغامی برای دوستان شما منتشر خواهد شد. پس از آن،از شما می خواهد که آدرس صفحه ی خود را وارد کنید. متاسفانه این آدرس هنوز چیز مشخصی نیست. من آرزو می کنم که ما چیزی شبیه plus.google.com/webcity  داشته باشیم،ولی فعلانمی توانید. به شما یک رشته از کاراکتر های تصادفی داده خواهد شد مثل :

https://plus.google.com/101634180904808003404/

شما می توانید برای کوتاه کردن آن از Bit.ly استفاده کنید. اگر شما یک URL سفارشی برای سایت خود داشته باشید می توانید URL شبیه این داشته باشید:

http://webcity.ir/gpluswp

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

http://www.webcity.ir/gplus

یک photostrip شبیه به فیس بوک وجود دارد.  شما می توانید چیزی را که سفارش می دهید تا آن ها نمایش دهند را کنترل کنید. این امر می تواند برای دیدن آن چه که مردم با آن می آیند جالب باشد.

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

 

منبع : http://webcity.ir

دانلود پوسته Perfetta وردپرس

نویسنده:
29 دسامبر 14

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

ازقابلیتهای این پوسته

1- دارای اسکرول آجاکس

2- ظاهری زیبا مخصوص وبلاگ

3-قابلیت تغییر عکس پس زمینه

4- قابلیت تغییر فونت

5- دارای 2 ابزارک در بالا و پایین

6- قابلیت تغییر رنگ پس زیمنه و لینکها

7- و …

 

تنظیمات این پوسته در قسمت شخصی سازی قرار دارد

 

perfetta-coffe-bar-wordpress-theme

perfetta

 

 

دمو انگلیسی

دانلود پوسته

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

نویسنده:
28 دسامبر 14

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

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

<?php
// This snippet will add an extra tab to the buddy press user profile that can call any shortcode defined in WC Vendors.
// This code should be inserted into your bp-custom.php file.
function my_bp_nav_adder() {
if (class_exists('WC_Vendors')) {
$wcv_profile_id = bp_displayed_user_id();
$wcv_profile_info = get_userdata( bp_displayed_user_id() );
if ( $wcv_profile_info->roles[0] == "vendor" ) {
global $bp;
bp_core_new_nav_item(
array(
'name' => __( 'My Store', 'buddypress' ),
'slug' => 'my-store',
'position' => 99,
'screen_function' => 'wcv_store_display',
'default_subnav_slug' => 'my-store',
'parent_url' => $bp->loggedin_user->domain . $bp->slug . '/',
'parent_slug' => $bp->slug
) );
}
}
}
function wcv_store_display() {
//add title and content here - last is to call the members plugin.php template
add_action( 'bp_template_title', 'wcv_page_function_to_show_screen_title' );
add_action( 'bp_template_content', 'wcv_page_function_to_show_screen_content' );
bp_core_load_template( apply_filters( 'bp_core_template_plugin', 'members/single/plugins' ) );
}
function wcv_page_function_to_show_screen_title() {
echo 'My Products';
}
function wcv_page_function_to_show_screen_content() {
$wcv_user = get_userdata( bp_displayed_user_id() );
// You can use any WCV_ shortcode available
echo do_shortcode('[wcv_products vendor="'.$wcv_user->user_login.'"]');
}
add_action( 'bp_setup_nav', 'my_bp_nav_adder', 100 );
?>

 

دانلود افزونه mediapress بادی پرس

نویسنده:
28 دسامبر 14

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

افزونه mediapress به کاربران بادی پرس این اجازه را میده که مانند فیسبوک برای خود  ایجاد کنند نمونه های زیادی برای بادی پرس نوشته شده اما هر کدام مشکلات خود را داشته اند اما این افزونه دارای ارسال از طریق wall می باشد و مانند فیسبوک الری برای ارسال های Wall ایجاد می کند این افزونه نسخه بتا می باشد وبرای بهتر بودن وrtl شدن نیاز به تغییراتی در  css آن می باشد

activity-uploadin-large-1

 

دانلود افزونه

دانلود افزونه user-profile وردپرس

نویسنده:
27 دسامبر 14

افزونه user-profile برای سایتهای وردپرسی هست که دارای چند نویسنده است . با این افزونه میتوان برای هر نویسنده یک صفحه اختصاصی ایجاد کرد . با این افزونه هر نویسند کاور شخصی و آواتار خود را در صفحه کاربری خود انتخاب و بارگزاری میکند همچنین از قابلیتهای این افزونه نمایش پستهای نویسنده و نظراتی که ارسال کرده است.

 

screenshot-1

 

دمو آنلاین

دانلود از مخزن وردپرس

5 هک کاربردی وو کامرس

نویسنده:
27 دسامبر 14

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

این کد ها را در function.php پوسته ساییتون کپی کنید.

 

1. اعمال تخفیف کوپن به طور خودکار

add_action( 'woocommerce_before_cart', 'apply_matched_coupons' );

function apply_matched_coupons() {
    global $woocommerce;

    $coupon_code = '10percent'; // اینجا کوپن را وارد کنید

    if ( $woocommerce->cart->has_discount( $coupon_code ) ) return;

    if ( $woocommerce->cart->cart_contents_total >= 500 ) {
        $woocommerce->cart->add_discount( $coupon_code );
        $woocommerce->show_messages();
    }

}

2.نمایش تعداد دلخواه محصول در هر صفحه

add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 10;' ), 20 );

3.  مخفی کردن اعمال کوپن

add_filter( 'woocommerce_coupons_enabled', 'woocommerce_coupons_enabled_checkout' );

function woocommerce_coupons_enabled_checkout( $coupons_enabled ) {
    global $woocommerce;
    if ( ! empty( $woocommerce->cart->applied_coupons ) ) {
        return false;
    }
    return $coupons_enabled;
}

4. تغییر عنوان فروشگاه

add_filter( 'woocommerce_page_title', 'custom_woocommerce_page_title');
function custom_woocommerce_page_title( $page_title ) {
  if( $page_title == 'Shop' ) {
    return "WooCommerce Demo Products";
  }
}

5. خالی کردن سبد بعد از انتخاب تنها یک محصول

//add_filter( 'woocommerce_add_cart_item_data', 'woo_custom_add_to_cart' );

function woo_custom_add_to_cart( $cart_item_data ) {

    global $woocommerce;
    $woocommerce->cart->empty_cart();

    // Do nothing with the data and return
    return $cart_item_data;
}

 

 

 

دانلود پوسته بادی پرس

نویسنده:
15 دسامبر 14

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

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

ازجمله قابلیتهای این پوسته:

۱- دارای صفحه رجیستری با نقشه ایران برای جستجوی کاربران از روی نقشه و استان

۲- دارای صفحه مدیرت پوسته برای انتخاب لوگو  و اطلاعات شبکه اجتماعی

۳- دارای آگاهسازی ایجکس

۴- قابلیت نمایش دوستان پیشنهادی توسط پوسته

۵- قابلیت نمایش  گروههای پیشنهادی توسط پوسته

۶ – دارای اعلان ایجکس صفحه فعالیت

۷- دارای شمارنده پسندهای کاربران و نمایش آواتار کاربران

۸- قابلیت انتخاب عکس پس زمینه (کاور) برای هرکاربر

۹- قابلیت انتخاب عکس پس زمینه(کاور) برای گروه

۱۰ – اعلان از بروز رسانی پوسته در صفحه مدیرت

۱۱- دارای دو فهرست مجزا در هدر و فوتر

۱۲- قابلیت تغییر پانوشت

۱۳-ارسال عکس بر روی دیوار

۱۴- آگاه سازی از تولد دوستان

۱۵-ویرایش فعالیت

۱۶ و …

 

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

 

دمو آنلاین

 

دانلود پوسته

آگاه سازی Live برای بادی پرس

نویسنده:
11 دسامبر 14

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

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

خب برای این کار ما نیاز به کد زیر داریم که در function.php قالبمون کپی کنیم

 

function  ajax_notifi_all_load(){
  
		echo '<ul>';		
		if ( $notifications =bp_notifications_get_notifications_for_user( get_current_user_id(), $format='simple'  )) { 
			 $counter = 0 ; 
			 for ( $i = 0; $i < count($notifications); $i++ ) { 
			 $alt = ( 0 == $counter % 2 ) ? ' class="alt"' : ''; ?>
			<li class="notif unread" <?php echo $alt ?>><?php echo $notifications[$i] ?></li>
			<?php $counter++; 
			 } 
			 }else{
	 ?>
	 <li><a href="<?php echo $bp->loggedin_user->domain ?>"><?php _e( 'No new notifications.', 'buddypress' ); ?></a></li>
	 <?php
	 }
		echo '</ul>';
	wp_die( );   	
}
add_action( 'wp_ajax_ajax_notifi_all_load', 'ajax_notifi_all_load' );
add_action( 'wp_ajax_nopriv_ajax_notifi_all_load', 'ajax_notifi_all_load' );

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

$(document).ready(function () {
 $(".notificationicon").click(function () {
 $(this).toggleClass("open");
 $("#notificationMenu").toggleClass("open");
 $(".not").fadeOut("slow");
 $.ajax({
 url: ajaxurl,
 type: 'post',
 data: {'action': 'ajax_notifi_all_load' },
 beforeSend: function() { 
 $('#loading').show();
 },
 success: function (html) {

 $(".notifbox").html(html);
}
 });
 return false; 
 });
});

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

			<a href="#" class="notificationicon on">آگاه سازی</a>
			<div class="not"></div>			 
			<ul id="notificationMenu" class="notificationstop">
			<li class="titlebar"><span class="title">
			<?php __('Notifications', 'buddypress');?></span></li>	
			<div class="notifbox"><div id="loading"></div></div>
			<li class="seeall"><a href="<?php echo bp_loggedin_user_domain();?>notifications">نمایش همه</a></li>
            </ul>

 

حالا برای استایل دادن باید  کدهای css را در استایل قالب قرار دهیم

.notificationstop {
  max-width: 300px;
  width: 300px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0px;
  box-shadow: 0px 0px 20px #666;
  position: absolute;
  display: none;
  top: 35px;
  transition: .2s;
  left: 180px;
}
.notificationstop:before {
  content: '';
  height: 10px;
  width: 10px;
  display: block;
  position: absolute;
  top: -20px;
  left: 140px;
  border: 10px solid #fff;
  border-color: transparent transparent #fff transparent;
}
.notificationstop.open {
  display: block;
  transition: .2s;
}
.notificationstop li.titlebar {
    border-bottom: 1px solid #CCC;
    color: #666;
    font-size: 12px;
    cursor: inherit;
    padding: 2px 5px;
}
.notificationstop .notifbox {
    max-height: 300px;
    overflow: auto;
}
.notificationstop li.seeall {
    text-align: center;
    font-size: 12px;
    min-height: 30px;
    text-transform: uppercase;
    position: relative;
    border-top: 1px solid #CCC;
}

#loading{
background: url("../images/bp-ajax-loader.gif") no-repeat;
	width: 30px !important;
	height: 14px !important;	
	margin: 10px auto !important;
	display: none;
}
.not {
    float: right;
    margin: 1px auto;
    background: none repeat scroll 0% 0% #E02424;
    position: absolute;
    left: 335px;
    top: 5px;
    padding: 0px 3px;
    color: #FFF;
    font: bold 0.8em mitra,Helvetica;
    border-radius: 3px;
}

تمام  شد !! اگر مشکل و یا سوالی داشتین حتما بیان کنید.