رفتن به ابتدای صفحه در وردپرس با جاوا اسکریپت

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

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

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

برای شروع کار ابتدا لازم است تا کتابخانه جی‌کوئری را به سایت خود اضافه کنید، برای این منظور فایل header.php قالب خود را باز کرده و کد زیر را در مکان مناسبی بین کد </head><head> قرار دهید.


سپس پس از کد فوق قطعه کدهای زیر را نیز قرار داده و فایل را ذخیره کنید.


در مرحله بعد لازم است تا تغییرات مربوط به استایل را برای دکمه بالا رفتن در وردپرس اعمال کنید، برای این منظور فایل style.css را در قالب خود باز کرده و کدهای زیر را در آن قرار دهید.

#back-top {
position: fixed;
bottom: 10px;
margin-left: -150px;
}
#back-top a {
width: 108px;
display: block;
text-align: center;
text-decoration: none;
color: #bbb;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #ddd url(up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}

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

حال مجددا فایل header.php را باز کرده و کد زیر را بعد از تگ <body> در بالاترین بخش از آن قرار دهید.


در نهایت در انتهای همین فایل درست قبل از کد </body> قطعه کد زیر را برای نمایش دکمه بالا رفتن به ابتدای صفحه در وردپرس را قرار دهید.

رفتن به بالا

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


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


آموزش جایگزین کردن لینک کلمات در وردپرس

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

آموزش جایگزین کردن لینک کلمات در وردپرس

آموزش جایگزین کردن لینک کلمات در وردپرس با افزونه Search & Replace

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

آموزش جایگزین کردن لینک کلمات در وردپرس

در بخش search for کلمه موجود در سایت خود را که قصد ویرایش و جایگزینی آن را دارید، وارد نمایید. در بخش Replace with می توانید کلمه جدید مورد نظر خود را وارد کنید تا جایگزین کلمه قبلی شود. در بخش بعدی می توانید table های موجود در وردپرس را به صورت تکی یا باهم بررسی و ویرایش کنید.

کد جایگزین کردن لینک کلمات در وردپرس

همچنین به جای استفاده از افزونه می‌توانید کد های زیر را در توابع قالب وردپرسی خود قرار دهید که البته نباید از توابع قالب وردپرس خود حذف کنید. برای استفاده از کد، قطعه کد زیر را در فایل Function.php قالب خود قرار دهید:

&lt;?php
function replace_words($content){
$olds = array('هادی', 'مدیر سایت', 'https://bigtheme.ir');
$news = array('علی', 'وبمستر', 'https://bigtheme.ir');
$content = str_replace($olds , $news ,$content);
return $content;
}
add_filter('the_content', 'replace_words');
add_filter('the_excerpt', 'replace_words');
?&gt;

در بخش اول کد باید کلمه مورد نظر و در بخش بعدی لینک و کلمه برای جایگزین کردن را وارد نمایید.

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


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


ورود از طریق شبکه های اجتماعی در وردپرس با WordPress Social Login

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

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

ورود از طریق شبکه های اجتماعی در وردپرس

ورود از طریق شبکه های اجتماعی در وردپرس

افزونه‌ای که قصد معرفی آن را دارم با عنوان WordPress Social Login در مخرن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۶۰٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۱ را ازآن خود نماید که با استفاده از آن قادر خواهید بود تا امکان ورود با شبکه اجتماعی در وردپرس را در سایت خود فراهم کنید.

نصب و فعال سازی

پس از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان WP Social Login در بخش تنظیمات پیشخوان سایت وردپرسی شما اضافه خواهد شد، روی آن کلیک کنید تا به صفحه تنظیمات افزونه مشابه تصویر زیر هدایت شوید. دقت کنید که برای استفاده از این افزونه لازم است تا cURL در هاست و سرور شما فعال باشد در صورتی که این قابلیت در هاست شما فراهم نیست یک تیکت برای میزبان خود ارسال کنید تا آن را فعال کند.

حال همانطور که در تصویر مشاهده می‌کتید برای ورود و عضویت با هر شبکه اجتماعی لازم است تا کدهای API دریافتی آن را وارد کنید و برای فعال کردن نیز گزینه Enabled را بر روی حالت Yes قرار دهید تا امکان ورود با آنها فراهم باشد.

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

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

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

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

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

با مراجعه به تب Widget نیز قادر خواهید بود تا تنظیمات افزونه همچون عنوان ابزارک ورود، انتخاب آیکون، سفارشی سازی CSS و.. را تغییر داده و سفارشی سازی کنید.

شاد باشید..


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


افزایش حجم آپلود در وردپرس

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

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

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

افزایش حجم آپلود در وردپرس

این مشکل زمانی آغاز می‌شود که در هنگام آپلود فایل با خطایی مواجه خواهید شد که در آن پیغام “فایل مورد نظر شما دارای اندازه بیش از حد مجاز است” روبه‌رو خواهید شد که امکان بارگزاری فایل برای شما را نخواهد داد.

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

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

  • درخواست از میزبانی سایت برای افزایش حجم آپلود وردپرس
  • استفاده از افزونه
  • استفاده از کدنویسی در ساختار فایل‌های وردپرس یا فایل‌های موجود در هاست
  • تغییر تنظیمات هاست

در ادامه به بررسی روش‌های موجود می‌پردازیم.

۱- افزایش حجم آپلود در وردپرس توسط هاستینگ

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

۲- افزونه افزایش حجم آپلود وردپرس

افزونه‌ای که قصد معرفی ان را دارم با عنوان Increase Max Upload Filesize در مخزن وردپرس منتشر شده است که پس از نصب و فعال سازی آن مشابه تصویر زیر منویی با عنوان Max File size در پیشخوان وردپرس اضافه خواهد شد، با مراجعه به تنظیمات افزونه قادر خواهید بود تا حجم دلخواه خود را برای آپلود در رسانه وردپرس تعیین کنید تا در سایت اعمال شود.

۳- استفاده از کدنویسی

در این روش قادر خواهید بود تا از طریق فایل‌های php.ini, htaccess, user.ini و فایل فانکشن قالب خود میزان حجم آپلود در وردپرس را افزایش دهید که در ادامه به معرفی هر یک از آنها می‌پردازم.

php.ini

این فایل به عنوان محبوب‌ترین فایل برای افزایش حجم آپلود در وردپرس شناخته شده است که بر روی سرور تنظیم می‌شود. اگر به این فایل دسترسی نداشته باشید می‌توانید یک فایل با نام php,ini ایجاد کرده و سپس کدهای زیر را در آن قرار دهید و در نهایت آن را در پوشه wp-admin قرار دهید.

upload_max_filesize = 12M
post_max_size = 13M
memory_limit = 15M

user.ini

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

upload_max_filesize = 12M
post_max_size = 13M
memory_limit = 15M

htaccess.

اگر باز هم جوابی نگرفتید می‌توانید با استفاده از تغییر در ساختار htaccess. حجم آپلود وردپرس را افزایش دهید. برای این منظور به ریشه مکانی که وردپرس در آن نصب است مراجعه کرده و کدهای زیر را در مکان مناسبی از فایل htaccess. قرار دهید. در صورتی که این فایل را مشاهده نمی‌کنید با کلیک بر روی دکمه Settings تیک گزینه Hidden را فعال کنید تا فایل‌های مخفی در هاست به شما نمایش داده شوند.

php_value upload_max_filesize 12M
php_value post_max_size 13M
php_value memory_limit 15M

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

اگر باز هم موفق به افزایش حجم آپلود در وردپرس نشدید وارد روت هاست شده و کدهای زیر را در مکان مناسبی از فایل wp-config.php و یا فایل functions.php که در پوشه قالب وردپرس می‌باشد قرار دهید.

@ini_set( 'upload_max_size' , '12M' );
@ini_set( 'post_max_size', '13M');
@ini_set( 'memory_limit', '15M' );

۴- استفاده از تنظیمات هاست

برای این مورد اگر از هاست لینوکس استفاده می‌کنید وارد هاست خود شده و مشابه تصویر زیر به منوی Selece PHP Version مراجعه کنید.

حال در صفحه باز شده ورژن مورد نظر برای PHP را انتخاب کرده و پس از ذخیره تنظیمات با کلیک بر روی گزینه Switch to PHP Extensions موارد مربوط به افزایش حجم آپلود در وردپرس را تغییر دهید.

در نهایت پس از ذخیره تنظیمات میزان حجم آپلود در وردپرس برای وبسایت شما تغییر خواهد کرد.

شاد باشید..


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


آپلود از آدرس در وردپرس با External Media

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

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

آپلود از آدرس در وردپرس

افزونه‌ای که قصد معرفی آن را دارم با عنوان External Media در مخزن وردپرس به ثبت رسیده است که امکان آپلود فایل را از سرویس‌های مختلف ابزار آپلود همچون گوگل و دراپ باکس در اختیار شما قرار خواهد داد و علاوه بر این امکان آپلود فایل از سایت‌ها را فراهم خواهد کرد. این افزونه تاکنون توانسته است تا بیش از ۲٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۵ را ازآن خود نماید.

نصب و فعال سازی

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

مشابه تصویر فوق در تنظیمات همگانی با فعال کردن تیک گزینه Prepend plugin name to file names این قابلیت فراهم خواهد شد تا نام سرویسی که از طریق آن آپلود فایل صورت گرفته است به عنوان یک پیشوند در نام آن استفاده شود.

به عنوان مثال در صورت فعال کردن این گزینه هرگاه فایلی با عنوان doctorwp از طریق گوگل درایو آپلود شده باشد نام آن در رسانه وردپرس به صورت googledrive_doctorwp خواهد بود.

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

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

آپلود فایل از اینستاگرام در وردپرس

برای این منظور به تب Instagram مراجعه کرده و در مرحله اول تیک گزینه Enable this plugin کلیک کنید تا امکان آپلود از اینستاگرام در وردپرس فراهم باشد، سپس به قسمت Client ID و Client Secret مراجعه کرده و روی لینک آبی رنگ که با عنوان Setup API می‌باشد کلیک کنید تا به صفحه توسعه‌دهندگان در اینستاگرام هدایت شده و یک برنامه جدید برای دریافت کدهای API ایجاد کنید.

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

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

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

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

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


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


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

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

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

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

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

افزونه‌ای که قصد معرفی آن را دارم با عنوان TinyMCE Advanced در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۲ میلیون نصب فعال و کسب امتیاز ۴٫۶ را ازآن خود نماید که با استفاده از آن قادر خواهید بود تا از ابزارهای مدیریت متن برای ویرایشگر وردپرس استفاده کنید.

نصب و فعال سازی

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

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

همانطور که در تصویر مشاهده می‌کنید با استفاده از خاصیت کشیدن و رها کردن هر یک از ابزارهایی را که در قسمت Unused Buttons قرار دارند را برداشته و در کادر بالایی قرار دهید تا پس از ذخیره‌سازی تنظیمات ابزار مورد نظر به ویرایشگر وردپرس اضافه شود.

تنظیمات بخش Options

List Style Options: با استفاده از این بخش قادر خواهید بود تا ابز ابزاری برای مدیریت استایل وردپرس استفاده کنید.

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

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

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

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


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


ایجاد ورود اضطراری کاربران بدون نیاز به پسورد در وردپرس

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

ایجاد ورود اضطراری کاربران بدون نیاز به پسورد در وردپرس

ایجاد نام کاربری موقت برای ورود اضطراری کاربران در وردپرس

افزونه Temporary Login Without Password یک افزونه حرفه ای و کاربردی برای وردپرس می باشد که به کاربران وردپرسی امکان ایجاد اکانت های موقتی با قابلیت تعیین مدت فعالیت را می دهد که توسط آن دیگر نیازی به ایجاد عضویت دائمی در وردپرس نمی باشد و کاربران بدون نیاز به پسورد قادر به استفاده از آن خواهند بود. برای استفاده از این افزونه ابتدا از طریق مخزن وردپرس و یا بخش افزودن افزونه وردپرس در پیشخوان اقدام نمایید. پس از نصب مطابق آموزش های زیر آن را تنظیم کنید. پس از نصب افزونه از طریق بخش کاربران در منوی پیشخوان وردپرس، وارد بخش Temporary Login شوید. پس از آن بر روی گزینه Create new کلیک کنید تا پنجره ایجاد کاربر جدید در آن نمایان شود.

ایجاد ورود اضطراری کاربران بدون نیاز به پسورد در وردپرس

Email : در این بخش باید ایمیل کاربر را وارد کنید.

First name : در این بخش باید نام کاربر را وارد کنید.

Last name : در این بخش باید نام خانوادگی کاربر را وارد کنید.

Role : در این بهش نیاز به تعیین نقش کاربر بر اساس نقش های موجود در وردپرس دارید که می توانید بر اساس نیاز خود آن را بر روی ویرایشگر و یا نویسنده قرار دهید.

Expiry : در این بخش باید مدت فعالیت کاربر و فعال بودن نام کاربری ایجاد شده را تعیین نمایید؛ اگر مدت زمان مورد نظر شما در میان آنها نبود می توانید با استفاده از گزینه Custom date تاریخ انقضای اکانت را تعیین کنید.

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

ایجاد ورود اضطراری کاربران بدون نیاز به پسورد در وردپرس

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

نتیجه گیری : در وردپرس گاهی نیاز به ایجاد اکانت موقتی برای ورود اضطراری کاربران می باشد که در این مطلب آموزش ایجاد آن با استفاده از افزونه Temporary Login Without Password را خدمت شما کاربران وردپرسی ارائه نمودیم.


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


تغییر آدرس ورود به پیشخوان وردپرس با Lockdown WP Admin

تغییر آدرس ورود به پیشخوان وردپرس یکی از مواردی است که می‌توانید با استفاده از آن نسبت به افزایش امنیت در وردپرس اقدام کنید. همانطور که می‌دانید در حالت پیشفرض جهت دسترسی به پیشخوان وردپرس کافی است تا پس از ادرس سایت از /wp-admin/ استفاده کرده و وارد صفحه ورود وردپرس به پیشخوان شد، اما با تغییر این آدرس می‌توانید امکان مشاهده این صفحه را صرفا برای کاربران وارد شده فراهم کنید.

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

تغییر آدرس ورود به پیشخوان وردپرس

تغییر آدرس ورود به وردپرس

افزونه‌ای که قصد معرفی آن را دارم با عنوان Lockdown WP Admin در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۶۰٫۰۰۰ نصب فعال و کسب امتیاز ۳٫۹ را ازآن خود نماید که با استفاده از آن قادر خواهید بود تا دسترسی به پوشه /wp-admin/ را محدود کرده و صرفا کاربرانی که وارد حساب کاربری خود شده‌اند به آن دسترسی داشته باشند، بنابراین هرگاه شخصی که وارد پیشخوان وردپرس نشده است به آدرس آن مراجعه کند به صفحه ۴۰۴ هدایت خواهد شد.

نصب و فعال سازی

پس از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان Lockdown WP Admin در پیشخوان سایت وردپرسی شما افزوده خواهد شد روی آن کلیک کنید تا به صفحه تنظیمات و سفارشی سازی افزونه هدایت شوید.

تغییر آدرس ورود به پیشخوان وردپرس

همانطور که در تصویر مشاهده می‌کنید برای اینکه امکان مشاهده پیشخوان وردپرس برای کاربرانی که در سایت وارد نشده‌اند و تیک گزینه مربوط به مشاهده و دسترسی به پیشخوان وردپرس در صورت ورود را که در بخش Yes, please hide WP Admin from the user when they aren’t logged in قرار دارد را فعال کنید.

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

برای این منظور در فیلد WordPress Login URL آدرسی که قصد دارید تا به عنوان صفحه ورود به وردپرس انتخاب شود را وارد کنید. در اینجا آدرس صفحه ورود را بر روی signin قرار داده‌ام که برای ورود به پیشخوان وردپرس لازم است تا کاربران پس از آدرس سایت جهت ورود به پیشخوان از آن استفاده کنند.

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

حل مشکل فراموشی آدرس افزونه Lockdown WP Admin

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

  • ابتدا وارد هاست خود شده و به دایرکتوری /wp-content/plugins/ مراجعه کنید.
  • پوشه افزونه‌ای که با عنوان lockdown-wp-admin قرار دارد را تغییر نام داده و یا اینکه آن را حذف کنید.
  • حال طبق روال سابق پس از آدرس سایت خود /wp-admin/ را وارد کنید تا از طریق آدرس اصلی ورود به پیشخوان وردپرس وارد آن شوید.
  • در نهایت مجددا می‌توانید افزونه را نصب و فعال کرده و مجددا از آن استفاده کنید.


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


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

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

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

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

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

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

wp-content/themes/your-current-theme

در ادامه شما نیاز دارید یک فایل جدید با نام author.php در این پوشه ایجاد کنید. سپس محتویات یکی از فایل های archive.php را کپی نمایید و باید این محتویات را در داخل فایل جدیدی که با نام author.php ایجاد کرده اید، ذخیره نمایید.

توجه!! اگر در قالب وردپرس تان از قبل فایل author.php وجود داشت، فقط شما نیاز دارید که این فایل را ویرایش کنید.

حال با توجه به اینکه هدف ما در این آموزش نمایش اطلاعات نویسندگان وب سایت در صفحه پروفایل آنها می باشد، پس باید به ویرایش فایل های مورد نظر بپردازید. شما می توانید تمامی کدهایی که بین get_header(); و get_sidebar() موجود می باشد را ویرایش نمایید.


    



About: nickname; ?>

user_email , '90 '); ?>

Website:user_url; ?>Bio:user_description; ?>

Posts by nickname; ?>:

Posted on:

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

در ادامه یک سری از کد های css اماده شده است که شما میتوانید ان ها را در فایل rtl.css قالب وردپرس خود اضافه کنید تا به پروفایل ایجاد شده زیبایی بدهید. در نهایت نتیجه ای بسیار حرفه ای و زیبا خواهید داشت که میتوانید در تمامی قالب های وردپرس از ان استفاده کنید.

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

در صورت بروز مشکلی و یا سوالی در بخش دیدگاه ها با شما همراه هستیم. موفق باشید


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)


آموزش ایجاد ابزارک تب ها در وردپرس

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

آموزش ایجاد ابزارک تب ها در وردپرس

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

ایجاد فایل های مهم برای تب ها

در مرحله اول باید یک پوشه به نام wp-tab-widget در هاست وب سایت خود ایجاد کنید و سپس دو فایل در داخل این پوشه بسازید اولی با نام wp-tabber-widget.php باید ساخته شود و فایل دوم را با نام wp-tabber-style.css میسازیم. همانطور که مشخص است فایل اول برای کد های php و فایل دوم برای استایل ها مورد استفاده قرار خواهد گرفت. فایل سوم را نیز با نام wp-tabber.js بسازید. این فایل شامل اسکریپت های مربوط به تب هایی است که ساخته میشود.

در ابتدای کار فایل wp-tabber-widget.php را گشوده و کد زیر را در آن قرار دهید:

 'WPBTabberWidget',
        'description' => 'Simple jQuery Tabber Widget'
);
$this->WP_Widget(
        'WPBTabberWidget',
        'WPBeginner Tabber Widget',
        $widget_ops
);
}
function widget($args, $instance) { // widget sidebar output
  
function wpb_tabber() { 
  
// Now we enqueue our stylesheet and jQuery script
  
wp_register_style('wpb-tabber-style', plugins_url('wp-tabber-style.css', __FILE__));
wp_register_script('wpb-tabber-widget-js', plugins_url('wp-tabber.js', __FILE__), array('jquery'));
wp_enqueue_style('wpb-tabber-style');
wp_enqueue_script('wpb-tabber-widget-js');
  
// Creating tabs you will be adding you own code inside each tab
?>
  
 









 
  

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

(function($)  {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
//$(activeTab).fadeIn();
if ($.browser.msie) {$(activeTab).show();}
else {$(activeTab).fadeIn();}
return false;
});
})(jQuery);

در نهایت شما نیاز به دادن استایل هایی زیبا به آن هستید که یک مورد از این استایل ها برای شما در ادامه قرار داده میشود:

ul.tabs { 
position: relative; 
z-index: 1000; 
float: right; 
border-left: 1px solid #C3D4EA; 
}
ul.tabs li {
position: relative; 
overflow: hidden; 
height: 26px; 
float: right; 
margin: 0; 
padding: 0; 
line-height: 26px; 
background-color: #99B2B7;
border: 1px solid #C3D4EA; 
border-left: none; 
}
ul.tabs li  a{ 
display: block; 
padding: 0 10px; 
outline: none; 
text-decoration: none;
}
html ul.tabs li.active, 
html ul.tabs li.active a:hover { 
background-color: #D5DED9; 
border-bottom: 1px solid #D5DED9; 
}
.widget-area .widget .tabs a  { 
color: #FFFFFF; 
}
.tab_container {
position: relative; 
top: -1px; 
z-index: 999; 
width: 100%; 
float: left; 
font-size: 11px; 
background-color: #D5DED9; 
border: 1px solid #C3D4EA;
}
.tab_content { 
padding: 7px 11px 11px 11px;
line-height: 1.5;
}
.tab_content ul { 
margin: 0;
padding: 0; 
list-style: none; 
}
.tab_content li { 
margin: 3px 0;
 }
.tab-clear {
clear:both;
}

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


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)