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

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

جاوااسکریپت چیست ؟

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

1	<script type="text/javascript">

2

3	// Some JavaScript code

4

5

</script>

6

7	<!-- Another Example: --!>

8

9	<script type="text/javascript" src="/path/to/some-script.js"></script>

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

۱ . اضافه کردن جاوا اسکریپت با استفاده از header.php و footer.php

گاهی از شما خواسته می شود یک قطعه کد جاوا اسکریپت را در وب سایت خود کپی کنید و بچسبانید تا یک ابزار شخص ثالث اضافه کنید. این اسکریپت ها معمولا قبل از تگ </ body> وب سایت شما به بخش سر یا پایین در می آیند. به این ترتیب کد در هر صفحه نمایش بارگذاری می شود.
برای مثال، کد نصب Google Analytics باید در هر صفحه وب سایت شما حضور داشته باشد تا بتواند بازدیدکنندگان وب سایت شما را دنبال کند.
شما می توانید این کد را به فایل header.php یا footer.php تم وردپرس خود اضافه کنید. با این حال، هنگامی که تم خود را به روز می کنید یا تغییر دهید، این تغییرات تغییر خواهد کرد.
به همین دلیل ما توصیه می کنیم با استفاده از یک افزونه برای بارگیری جاوا اسکریپت در سایت خود.
اول، شما نیاز به نصب و فعال پلاگین درج header و footer دارید .
پس از فعال سازی، شما باید از تنظیمات ( صفحه های سرصفحه و پاورقیها را وارد کنید) شما دو جعبه را مشاهده خواهید کرد، یکی برای هدر و دیگری برای بخش بالا و پایین صفحه.

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

۲. اضافه کردن کد جاوا اسکیریپت به صورت دستی با استفاده از کد

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

1	function wpb_hook_javascript() {

2

?>

3

<script>

4	// your javscript code goes

5

</script>

6

<?php

7

}

8	add_action('wp_head', 'wpb_hook_javascript');

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

1	function wpb_hook_javascript() {

2	if (is_single ('16')) {

3

?>

4	<script type="text/javascript">

5	// your javscript code goes here

6

</script>

7

<?php

8

}

9

}

10	add_action('wp_head', 'wpb_hook_javascript');

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

1	function wpb_hook_javascript() {

2	if (is_page ('10')) {

3

?>

4	<script type="text/javascript">

5	// your javscript code goes here

6

</script>

7

<?php

8

}

9

}

10	add_action('wp_head', 'wpb_hook_javascript');

ما می توانیم با اصلاح کمی از همان کد استفاده کنیم تا کد جاوا اسکریپت را به footerسایت اضافه کنیم. به مثال زیر نگاهی بیاندازید.

1	function wpb_hook_javascript_footer() {

2

?>

3

<script>

4	// your javscript code goes

5

</script>

6

<?php

7

}

8	add_action('wp_footer', 'wpb_hook_javascript_footer');

به جای اینکه به wp_head متصل کنیم، اکنون آن را به wp_footer متصل کرده ایم. شما همچنین می توانید با استفاده از برچسب های شرطی برای اضافه کردن جاوا اسکریپت به پست ها یا صفحات خاص استفاده کنید.

۳. اضافه کردن کد واجا اسکریپت در پست ها و صفحات با استفاده از پلاگین

این روش به شما امکان می دهد کد را در هر جای پست و صفحه وردپرس خود اضافه کنید. شما همچنین قادر خواهید بود کلاسی از محتویاتی که میخواهید کد جاوا اسکریپت را جاسازی کنید را انتخاب کنید.
ابتدا باید پلاگین code Embed را فعال کنید. پس از فعال سازی، شما نیاز به ویرایش پست یا صفحه که در آن شما می خواهید جاوا اسکریپت را اضافه کنید دارید. در صفحه ویرایش پست، روی گزینه ‘ Screen Option’ کلیک کنید و گزینه ‘Field Fields’ را بررسی کنید.

در حال حاضر به پایین و زیر ویرایشگر پست بروید، متاکس سفارشی Fields را که در آن شما باید روی پیوند «Enter new» کلیک کنید را ببینید.

نام فیلد سفارشی و فیلدهای ارزش در حال حاضر ظاهر می شود.
شما باید یک نام را برای فیلد سفارشی با یک پیشوند CODEمثلا( CODEmyjscode) ارائه کنید و سپس کد جاوا اسکریپت را در فیلد مقدار جاگذاری کنید.

فراموش نکنید که روی فیلد «افزودن فیلد سفارشی» کلیک کنید تا فیلد سفارشی شما ذخیره شود.
اکنون می توانید از این فیلد سفارشی برای جاسازی کد جاوا اسکریپت در هر نقطه از این پست یا صفحه استفاده کنید. به سادگی این کد جاسازی را در هر جای پست شما اضافه کنید
{{CODEmyjscode}}
شما هم اکنون می توانید پست یا صفحه خود را ذخیره کرده و سایت خود را مشاهده کنید. شما می توانید کد جاوا اسکریپت را با استفاده ازابزار سفارشی یا مشاهده منبع ببینید.

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

منبع:wpbeginner

نحوه Cloneیک سایت وردپرس در ۷مرحله آسان

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

Cloning چسیت ؟ و چرا از آن استفاده می کنند؟

ایده cloning سایت وردپرس ساده است: یک کپی یا تکراری دقیق از یک سایت وردپرس و آن را به سایت دیگری اعمال کنید.
شما ممکن است تعجب کنید، دلایل خوبی برای انجام این کار وجود دارد؟ کاملا!
یک سناریو عملی است که شما در حال حرکت یک سایت وردپرس به یک میزبان وب جدید و یا یک نام دامنه جدید cloning سایت شما ساعت ها کار را ذخیره می کند.
استفاده دیگر ممکن است هنگام ایجاد یک سایت برای یک مشتری در سرور محلی شما باشد. هنگامی که پروژه انجام می شود، می توانید سایت وردپرس را تکرار کنید و آن را به سرور زنده ی مشتری خود انتقال دهید.
در نهایت، شما می توانید یک سایت وردپرس زنده را به سرور محلی خود برای تست و توسعه اهداف clone کنید .
در اینجا یک راهنمای ۷ مرحله ای در مورد چگونگی cloning یک وب سایت وردپرس را برایتان شرح می دهیم

۱ . cloning وردپرس با استفاده از پلاگین تکثیر

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

۲. ایجاد پشتیبان وردپرس با استفاده Duplicator

Duplicator اجازه می دهد تا سایت وردپرس خود را با ایجاد یک پشتیبان و سپس باز کردن آن در یک مکان جدید، clone کنید.
بیایید پیش برویم و یک بسته پشتیبان وردپرس ایجاد کنیم
اول، شما باید از صفحه Copier »Packages بازدید کنید و روی دکمه« create new »در بالای صفحه کلیک کنید.

برای ادامه کار روی دکمه Next کلیک کنید

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

اگر همه چیز به خوبی مشخص شده باشد، می توانید بر روی دکمه “create” کلیک کنید تا ادامه یابد Duplicator. اکنون پایگاه داده وردپرس خود، تصاویر، قالب ها، پلاگین ها و تمام فایل های دیگر را در یک بسته ی قابل دانلود پشتیبان تهیه می کند.

۳. آماده شدن برای clone سایت وردپرس خود

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

برای بارگیری هر دو فایل به کامپیوتر خود، باید روی لینک «one-click Download » کلیک کنید.
هر دو این فایل ها بسیار مهم هستند تا سایت وردپرس خود را در محل جدید به درستی clone کنید

۴. بایگانی Upload و نصب در محل جدید

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

C: \ wamp \ www \ mynewsite \

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

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

۵. اجرای import Script

اکنون که همه فایل های شما در محل قرار دارند، شما باید اسکریپت نصب کننده Duplicator را اجرا کنید.
به سادگی وب سایت جدید را در یک مرورگر وب ببینید و adder.php را در انتهای URL اضافه کنید.

http://example.com/installer.php

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

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

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

Duplicator به طور خودکار تغییرات را شناسایی می کند و فیلدهای URL، Path و Title را برای شما پر می کند. شما فقط می توانید روی دکمه Next کلیک کنید تا ادامه یابد.
Duplicator اکنون نصب را به پایان خواهد برد و دکمه ورود به سیستم را مشاهده خواهید کرد. با کلیک بر روی آن، شما را به منطقه مدیریت وردپرس سایت جدید کلاینت می برد.

۶. تست سایت clone شده خود

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

۷. حذف فایل های موقت

هنگامی که شما راضی هستید که همه چیز به درستی وارد شده است، می توانید پیش بروید و فایل های نصب شده ایجاد شده توسط پلاگین Duplicator را حذف کنید.
در سایت وردپرس کلاینت خود را، به Duplicator » صفحه ابزار بروید و سپس روی« حذف فایلهای نصب »کلیک کنید.

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

منبع:wpbeginner