کد

وبلاگ جامع وبمسترها

کد

وبلاگ جامع وبمسترها

تاریخچه رباط کریم

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

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

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

  ادامه مطلب ...

چرا وردپرس؟

یکی از سوالاتی که اغلب ما از خودمان پرسیدیم این است: چرا باید از وردپرس استفاده کنم؟ چرا باید از پلت فرم دیگر به وردپرس تغییر کنم؟ در این مقاله، ما ۶ دلیل مهم برای اینکه شما از WordPress استفاده می کنید را به اشتراک می گذاریم.یکی از تصورات غلط درباره ی وردپرس این  است که فقط یک پلت فرم وبلاگ نویسی است.

در حالی که وردپرس در آغاز  به عنوان یک ابزار وبلاگ نویسی شده است، در طول سال ها به یک سازنده ی قدرتمند وب سایت و یک سیستم مدیریت محتوا (CMS) تبدیل شده است.
بهترین بخش در مورد وردپرس این است که استفاده از ان اسان است و انعطاف پذیری به اندازه کافی برای ایجاد انواع مختلف وب سایت ها دارد. و به همین در دلیل است که وردپرس در محبوبیت بسیار زیاد رشد کرده بر اساس یک نظرسنجی اخیر، وردپرس ۳۲.۳ درصد از تمام وب سایت های اینترنتی را فعال می کند.
با توجه به ویژگی های قوی آن، بسیاری ازبرند های برتراز وردپرس استفاده می کنند از جمله: مجله تایم، فیس بوک، نیویورکر، سونی، دیزنی، تارگت، نیویورک تایمز و غیره …

۱ _ وردپرس آزادی مطلق است


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

۲_ شخصی سازی اسان پوسته و افزونه در وردپرس


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

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

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

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

۳ _ وردپرس دوست دارSEO است

وردپرس با استفاده از کد استاندارد با کیفیت بالا نوشته شده و نشانه گذاری معنایی را تولید می کند. در شرایط غیر جغرافیایی، این باعث می شود گوگل و سایر موتورهای جستجو وردپرس را دوست داشته باشند.
به همین دلیل است که سایت های وردپرس در موتورهای جستجو بالاتر از دیگران رتبه بندی می کنند. cuteskin.com
با طراحی، وردپرس بسیار دوست دار SEO است. شما همچنین می توانید پلاگین های وردپرس SEO را برای بیشتر وب سایت خود بهینه سازی کنید.

۴_ مدیریت اسان

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

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

۵ _ امن و محافظ شده است


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

۶_ وردپرس می تواند انواع رسانه های مختلف را مدیریت کند

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

منبع:wpbeginner

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

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

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

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

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 یا یک افزونه خاص سایت اضافه کنید .

1function wpb_hook_javascript() {
2    ?>
3        <script>
4          // your javscript code goes
5        </script>
6    <?php
7}
8add_action('wp_head', 'wpb_hook_javascript');

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

1function 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}
10add_action('wp_head', 'wpb_hook_javascript');

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

1function 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}
10add_action('wp_head', 'wpb_hook_javascript');

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

1function wpb_hook_javascript_footer() {
2    ?>
3        <script>
4          // your javscript code goes
5        </script>
6    <?php
7}
8add_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

تست کردن سایت وردپرس در مرورگر های مختلف

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

تست مرورگر cross Browser چیست ؟

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

چرا وب سایت وردپرس باید در مرورگرهای مختلف تست شود؟

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

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

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

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

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

 

۱ . Browser Shots


Browsershots یک ابزار open source است که به شما اجازه می دهد وب سایت خود را با چندین مرورگر در سیستم عامل های مختلف آزمایش کنید. بهترین قسمت این ابزار این است که رایگان است. و نقطه منفی آن این است که شامل مایکروسافت لبه یا اینترنت اکسپلورر نیست. همچنین پشتیبانی از تلفن همراه را شامل نمی شود.
برای استفاده از Browsershots، به سادگی URL وب سایت خود را وارد کنید و سپس مرورگرهایی را که میخواهید تست کنید انتخاب کنید. مرورگرها در سه ستون برای لینوکس، ویندوز و سیستم عامل مک هستند.
پس از ارسال درخواست خود، باید آزمایشاتی را اجرا کنید و تصویری را ایجاد کنید. پس از پایان، شما قادر به دیدن تصاویر در یک صفحه خواهید بود. اکنون می توانید پیش بروید و روی تصویر کلیک کنید تا آن را گسترش دهید.
توجه: BrowserShots تصاویری از یک وب سایت را می گیرد که بدین معناست که آزمایش زنده نیست.ممکن است شما نمیتوانید ببینید که آیا وب سایت شما در طول آزمایشها در نظر گرفته شده است یا خیر. برای آن، به ابزارهایی نیاز دارید که آزمونهای زنده را در مرورگرهای واقعی اجرا می کنند.

 

۲. CrossBrowserTesting


CrossBrowserTesting آسان برای استفاده و بسیار قدرتمند ،ابزار تست مرورگرهای متداول با هر دو تست زنده و ویژگی های صفحه نمایش است.
این خدمات رایگان نیست، اما آنها یک حساب آزمایشی رایگان را با ۱۰۰ دقیقه برای آزمایش محصول ارائه می دهند.
پس از ایجاد حساب آزمایشی خود، به برگه ‘Live Test’ بروید تا بتوانید یک سیستم عامل و مرورگر را انتخاب کنید. این آدرس وب سایت شما را در مرورگر واقعی نشان می دهد که بر روی صفحه نمایش شما فعال است.
اگر می خواهید سریعا چند بار بر روی صفحه نمایش بگیرید، روی زبانه «Screenshots» کلیک کنید و یک تست تصویر جدید را اجرا کنید. ابزار CrossBrowserTesting به طور خودکار عکسها را بر روی تلفنهای همراه Mac، Windows، iPad و Nexus 6P که کروم، فایرفاکس، Safari، مرورگرهای وب مایکروسافت Edge را اجرا میکنند، به طور خودکار دریافت میکند.
این همچنین تفاوت های طرح زیر هر تصویر، تصویری را که می توانید با آن مقایسه کنید با طرح پایه کلیک کنید. شما همچنین می توانید طرح بندی های مختلف را کنار بقیه مقایسه کنید و یا تمام تصاویر را به کامپیوتر خود دانلود کنید.

 

۳. BrowserStack

BrowserStack ابزار پرداخت متقابل مرورگر و کراس پلت فرم برای برنامه های موبایل و وب سایت ها است. آنها همچنین یک حساب آزمایشی محدود را ارائه می دهند که به شما امکان دسترسی ۳۰ دقیقه ای برای آزمایش پلت فرم خود را می دهد.
با هر دو تست زنده و ویژگی های صفحه نمایش می آید. شما می توانید پلتفرمی را که میخواهید تست کنید انتخاب کنید و سپس یک مرورگر را انتخاب کنید. BrowserStack شبیه ساز مجازی را با یک پنجره مرورگر واقعی بارگذاری می کند. شما می توانید به سادگی نشانی اینترنتی که می خواهید برای شروع آزمایش تست کنید را وارد کنید.
نتایج بسیار دقیق و سرعت بسیار رضایت بخش است. با این حال، باید هر بار با باز کردن هر مرورگر، تستها را انجام دهید.
چگونگی تجزیه تحلیل تصاویر تست مرورگر ها
اکنون که ساده ترین روش برای تست سایت وردپرس خود را در مرورگرهای مختلف آموخته اید، بخش بعدی آن است که نتایج خود را تجزیه و تحلیل کنید و ببینید آیا چیزی شکسته است که نیاز به تعمیر دارد.
اگر شما یک تم وردپرس پاسخگو با کد خوب با کیفیت در پشت آن دارید، پس بیشتر تصاویر شما تقریبا یکسان هستند.
با این حال، در برخی موارد، عناصر وب سایت ممکن است کمی متفاوت از یک مرورگر به دیگری باشد.اگر این تفاوت جزئی است و بر تجربه کاربر، زیبایی شناسی و یا قابلیت تاثیر نمی گذارد، شما می توانید آن را نادیده بگیرید.
از سوی دیگر، اگر تفاوت بیش از حد قابل توجه است، بر تجربه کاربر تاثیر می گذارد، یا کاربران را از استفاده از وب سایت خود ناخوشایند نشان می دهد پس به توجه شما نیاز دارد.
در بیشتر تست های مرورگر، شما مسائل CSS را با موضوع خود کشف خواهید کرد. این می تواند با استفاده از Inspect tool ثابت شود تا مشخص شود کدام قوانین CSS باید به روز شود.

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

منبع:wpbeginner