آموزش تغییر سطوح دسترسی کاربران در وردپرس

the original post that this guy stole from ma can be found here آموزش تغییر سطوح دسترسی کاربران در وردپرس
read the original and help me out.

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

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

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

دوستان عزیز این افزونه وردپرس دارای چند مورد است که در ادامه بررسی میکنیم.
وارد قسمت تنظیمات این افزونه در پیشخوان وردپرس شوید.در این قسمت ۶ مورد وجود دارد.این موارد به صورت زیر است:

  • Enable Free Membership : این مورد در تنظیمات افزونه وردپرس برای فعال کردن بخش رایگان این افزونه است
  • Free Membership Level ID : این بخش در تنظیمات برای نسبت دادن یک شناسه است
  • Enable More Tag Protection : دوستان عزیز شما با انتخاب این گزینه در تنظیمات این افزونه می توانید از برچسب ها حفاظت کنید و آن ها را از دید افرادی که عضو وب سایت شما نیستند پنهان کنید.
  • Hide Adminbar : این مورد نیز برای مخفی کردن نوار ابزار در هنگام نمایش وب سایت وردپرسی است
  • Default Account Status : این مورد نیز برای مشخص کردن حالت کاربری افراد وارد شده به وب سایت است
  • Allow Account Deletion : این مورد نیز برای این است که به کاربران وب سایت خود اجازه دهید که اکانت خود را حذف نمایند

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

مورد بعدی تنظیمات درگاه پرداخت است که برای ایران کاربردی ندارد.مورد بعدی تنظیمات ایمیل است و تنظیمات آن به صورت زیر است:

  • From Email Address : این قسمت باید ایمیلی را که با استفاده از آن میخواهید اتمام فرآیند ثبت نام را به کاربران بفرستید وارد نمائید
  • در قسمت های بعدی نیز باید موضوع ایمیل و بدنه ایمیل و مواردی از این دست را وارد نمائید.

در تمامی قسمت های Prompt to Complete Registration و Registration Complete و Password Reset و Account Upgrade Notification باید بدنه ایمیل و موضوع ایمیل و موراد تکمیل کننده را بنویسید تا بتوانیم به قسمت بعدی برویم. حال در قسمت Advanced settings باید تنظیمات درگاه پرداخت را مشخص نمائیم که در صورتی که از درگاه ایرانی استفاده میکنید میتوانید اطلاعات آن را وارد نمائید.

حال در بخش Membership levels باید سطوح دسترسی را تعیین نمائیم.در این قسمت در ابتدا باید نام سطح دسترسی را وارد کنیم و سپس در قسمت wordpress role باید نوع را مشخص نمائیم.به همین ترتیب باید تمامی سطح های دسترسی را که نیاز است تعریف کرده و سپس وارد قسمت بعدی شویم.

خب دوستان عزیز حالا باید با رفتن به بخش “Category protection” می توان دسته های هر سطح کاربری را مشخص نمائید.حال میتوانید با مراجعه به بخش نوشته ها ان ها را دسته بندی نمائید.حال وارد قسمت members شوید و سپس سطوح دسترسی را مشخص نمائید

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

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

 [swpm_registration_form level=ID number] 

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

ممنونم از همراهی شما عزیزان
منبع: بیگ تم مرجع آموزش وردپرس و افزونه وردپرس

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

آموزش سفارشی سازی صفحه ورود به وردپرس

the original post that this guy stole from ma can be found here آموزش سفارشی سازی صفحه ورود به وردپرس
read the original and help me out.

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

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

 function custom_login() { 	$  files = '<link rel="stylesheet" href="'.get_bloginfo('template_directory').'/css/login.css" /> 			  <script src="http://use.typekit.com/pgf3epu.js"></script> 			  <script>try{Typekit.load();}catch(e){}</script> 			  <script src="'.get_bloginfo('template_directory').'/js/jquery.min.js"></script> 	          <script src="'.get_bloginfo('template_directory').'/js/login.js"></script>'; 	echo $  files; } add_action('login_head', 'custom_login'); 

خب دوستان پس از قرار دادن کد فوق در وب سایت کمی توضیحات در مورد ان بیان کنیم. در کد بالا، می توانید مسیر فایل ها را تغییر دهید. حال نیاز به معرفی ۲ تابع دیگر در این فایل است. این ۲ تابع عبارتند از:

 function custom_login_url() { 	echo bloginfo('url'); } add_filter('login_headerurl', 'custom_login_url');  function custom_login_title() { 	echo get_option('blogname'); } add_filter('login_headertitle', 'custom_login_title'); 

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

 * { 	-webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	-ms-transition: all 0.3s ease; 	transition: all 0.3s ease; 	-webkit-font-smoothing: antialiased; }  :focus { 	outline: 0!important; }  #loginform input { 	-webkit-box-shadow: none; 	-moz-box-shadow: none; 	-o-box-shadow: none; 	-ms-box-shadow: none; 	box-shadow: none; }  body.login #login a {text-decoration: none; color: #444!important;}  body.login #login a:hover {color: #111!important;}  body.login { 	background: url('../images/bg.jpg') center top repeat #98bdaa; 	font-family: tahoma; 	line-height: 1.5; }  body.login div#login { 	padding: 60px 0 0; }  body.login h1 a { 	background: url('../images/logo (1).png') center center no-repeat transparent; 	background-size: 188px 189px; 	width: 188px; 	height: 189px; 	margin: 0 auto 30px; 	opacity: 0.7; 	padding: 0; }  body.login h1 a:hover {opacity: 1;}  body.login form#loginform { 	background: #f1eee7; 	border: 4px double #dcdbd7; 	-webkit-border-radius: 8px; 	-moz-border-radius: 8px; 	-o-border-radius: 8px; 	-ms-border-radius: 8px; 	border-radius: 8px; 	-webkit-box-shadow: none; 	-moz-box-shadow: none; 	-o-box-shadow: none; 	-ms-box-shadow: none; 	box-shadow: none; }  form#loginform label br {display: none;}  form#loginform p:nth-child(3) {margin: 0 0 10px;}  form#loginform p:nth-child(3) br {display: none;}  form#loginform p:nth-child(3) a {text-decoration: underline;}  form#loginform input[type="text"], form#loginform input[type="password"] { 	font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif; 	background: #e6e4dd; 	opacity: 0.6; 	vertical-align: baseline; 	border: 0; 	border-bottom: 2px solid #d2d2d0; 	padding: 10px 10px 4px; 	color: #111!important; }  form#loginform input[type="text"]:focus, form#loginform input[type="password"]:focus { 	border-bottom: 2px solid #d2d2d0; 	opacity: 1; }  form#loginform p.forgetmenot label { 	position: relative; 	background-image: url('../images/checkbox.png'); 	background-position: 0 0; 	background-repeat: no-repeat; 	padding: 2px 0 0 24px; 	height: 18px; 	display: inline-block; 	-webkit-transition: none; 	-moz-transition: none; 	-ms-transition: none; 	transition: none; }  form#loginform p.forgetmenot label input[type="checkbox"] {position: absolute; left: 0; opacity: 0; width: 20px; height: 20px; display: block; cursor: pointer;}  form#loginform p.submit input[type="submit"] { 	background: #fff; 	border: 0; 	border-bottom: 2px solid #d2d2d0; 	font-weight: 400; 	color: #444; 	text-shadow: none; 	text-transform: uppercase; 	-webkit-border-radius: 5px; 	-moz-border-radius: 5px; 	-o-border-radius: 5px; 	-ms-border-radius: 5px; 	border-radius: 5px; }  form#loginform p.submit input[type="submit"]:hover { 	color: #111; }  p#nav {text-align: center; text-shadow: none!important;}  p#backtoblog {display: none;}  html[data-useragent*="AppleWebKit"] #loginform input {font-weight: 400;} 

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

 $  (document).ready(function() { 	$  ('#loginform input[type="text"]').attr('placeholder', 'Username'); 	$  ('#loginform input[type="password"]').attr('placeholder', 'Password');  	$  ('#loginform label[for="user_login"]').contents().filter(function() { 		return this.nodeType === 3; 	}).remove(); 	$  ('#loginform label[for="user_pass"]').contents().filter(function() { 		return this.nodeType === 3; 	}).remove();  	$  (document.documentElement).addClass('js');  	$  ('input[type="checkbox"]').click(function() { 		$  (this+':checked').parent('label').css("background-position","0px -20px") 		$  (this).not(':checked').parent('label').css("background-position","0px 0px") 	}); });  var usr = document.documentElement; usr.setAttribute('data-useragent', navigator.userAgent); 

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

منبع: بیگ تم مرجع آموزش وردپرس و آموزش هک وردپرس

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