نحوه استفاده از Dynamic Field Field در وردپرس به صورت خودکار پر کردن فرم ها
کنید؟
جمعیت میدان پویا به شما امکان می دهد تا بطور خودکار فیلدهای فرم را بر اساس انتخاب کاربر ، رشته های پرس و جو یا نوع فیلد پر کنید.
این باعث می شود فرمهای شما هوشمند شوند ، باعث صرفه جویی در وقت کاربر ، ارائه یک تجربه کاربری بهتر و در نهایت سرعت تکمیل فرم می شوند.
در این مقاله ، ما نحوه استفاده از جمعیت زمینه پویا در WordPress را برای پر کردن فرم های خودکار به شما نشان خواهیم داد.
فیلدهای فرم را به صورت خودکار در WordPress با جمعیت زمینه Dynamic پر کنید
جمعیت میدان پویا چیست؟
جمعیت زمینه پویا روشی است که به صاحبان وب سایت اجازه می دهد تا بطور خودکار فیلدهای فرم را بر اساس انتخاب کاربر ، نوع فرم ، رشته های پرس و جو یا منطق شرطی پر کنند.
به عنوان مثال ، یک فروشگاه تجارت الکترونیک می تواند با استفاده از محصولات موجود در WooCommerce یا هر نرم افزار تجارت الکترونیکی دیگر ، شکلی را ایجاد کند که زمینه محصول در فرم ، به صورت دایمیانه جمع شود .
به طور مشابه ، یک وب سایت املاک و مستغلات می تواند به طور خودکار لیست ها ، نمایندگان ، زمینه های نوع املاک را در فرم های انتصاب و تولید نسل خود جمع کند.
کاربران پیشرفته و توسعه دهندگان همچنین می توانند از پارامترهای URL برای پر کردن بصورت پویا زمینه های فرم با استفاده از پیوندهای هوشمند از طریق خبرنامه ایمیل یا سایر تعامل وب سایت استفاده کنند.
با بیان این مطلب ، بیایید نگاهی بیندازیم که چگونه می توان از جمعیت زمینه پویا به راحتی در وردپرس استفاده کرد.
نحوه استفاده از جمعیت میدان پویا در وردپرس
اول ، کاری که شما باید انجام دهید نصب و فعال سازی افزونه WPForms است. برای اطلاعات بیشتر ، به راهنمای مرحله به مرحله ما درباره نحوه نصب افزونه وردپرس مراجعه کنید .
WPForms بهترین افزونه فرم تماس با وردپرس در بازار است. این امکان را به شما می دهد تا با استفاده از ابزار ساده و کشیدن ساده ، فرم های آنلاین را به راحتی ایجاد کنید.
همچنین با جمعیت زمینه پویا ، منطق شرطی و زمینه های فرم پیشرفته همراه است. در کنار هم ، این ویژگی ها به شما امکان می دهند فرم های هوشمندانه تر و تعاملی را برای وب سایت خود ایجاد کنید.
توجه: WPForms توسط بنیانگذار WPBeginner ، سید بلخی تأسیس می شود .
پس از فعال کردن افزونه ، برای وارد کردن کلید مجوز خود باید به صفحه WPForms »تنظیمات مراجعه کنید. می توانید این اطلاعات را در زیر حساب خود در وب سایت WPForms پیدا کنید.
کلید مجوز WPForms
در مرحله بعد ، برای ایجاد اولین فرم خود ، باید به WPForms مراجعه کنید »اضافه کردن جدید . از شما خواسته می شود که نام خود را برای فرم خود تهیه کنید و سپس الگویی را برای شروع انتخاب کنید.
ایجاد فرم جدید
WPForms اکنون فرم شما را با قسمتهای از پیش انتخاب شده بارگیری می کند. می توانید برای ویرایش قسمتهای فرم کلیک کنید یا از ویژگی drag and drop استفاده کنید تا آنها را به بالا و پایین منتقل کنید. همچنین می توانید فیلدهای فرم را فقط با یک کلیک اضافه و حذف کنید.
بیایید یک فیلد فرم جدید اضافه کنیم تا آن را با انتخاب های پویا جمع کنیم.
برای استفاده از گزینه های انتخاب پویا می توانید یک کادر بازشویی ، چند گزینه ای یا یک کادر تأیید را به فرم خود اضافه کنید. به سادگی بر روی یک زمینه از ستون سمت چپ کلیک کنید تا آن را به فرم خود اضافه کنید.
فیلدهای فرم را اضافه کنید
بعد ، برای ویرایش فیلد کلیک کنید و سپس از ستون سمت چپ ، منوی Advanced Optins را گسترش دهید.
گزینه های پیشرفته
از اینجا ، شما باید یک گزینه پویا را در زیر گزینه های دینامیک انتخاب کنید. WPForms از انواع ارسال و طبقه بندی های ثبت شده در سایت وردپرس شما پشتیبانی می کند. به خاطر این آموزش ، نوع Product Products را انتخاب می کنیم.
گزینه های پویا
WPForms اکنون بطور خودکار فیلدها را در قالب پیش نمایش بارگذاری و نمایش می دهد.
اکنون می توانید فرم خود را ذخیره کرده و از سازنده فرم خارج شوید.
برای افزودن فرم در یک پست یا صفحه وردپرس ، فقط پست یا صفحه ای را که می خواهید آن را اضافه کنید ویرایش کنید.
در صفحه ویرایش پست ، بلوک WPForms را به قسمت ویرایش پست خود اضافه کنید. بعد از آن فرم ایجاد شده قبلی را از فهرست کشویی انتخاب کنید.
افزودن بلوک WPForms در وردپرس
اکنون می توانید پست یا صفحه خود را ذخیره کرده و به وب سایت خود مراجعه کنید تا فرم خود را با مقادیر درست پویا در عمل مشاهده کنید.
پیش نمایش WPForm
به طور خودکار فیلدهای فرم را با استفاده از پارامترهای URL پر کنید
WPForms همچنین به شما امکان می دهد فیلدهای فرم را با استفاده از پارامترهای URL به صورت پویا پر کنید. این به شما امکان می دهد پیوندهای هوشمند ایجاد کنید که به طور خودکار اطلاعات را به فرم ارسال کرده و آن را برای ارسال به کاربران خود پر کنید.
ابتدا باید یک شکل جدید ایجاد کرده یا فرم موجود را در WPForms ویرایش کنید. پس از اتمام ایجاد فرم خود ، از ستون سمت چپ به برگه تنظیمات بروید و برگه "General" را انتخاب کنید.
در این صفحه باید جعبه را فعال کنید تا بتوانید جمعیت میدان پویا را فعال کنید.
زمینه های پویا را فعال کنید
اکنون می توانید فرم خود را ذخیره کرده و از سازنده فرم خارج شوید. فرم شما اکنون آماده است تا با استفاده از پارامترهای URL ، پویا زمینه های فرم را جمع کند.
ایجاد پیوندها با پارامترهای URL
WPForms زمینه های فرم پویا را که از طریق پارامترهای URL در یک قالب خاص منتقل می شود ، می پذیرد.
https://example.com/contact/؟wpf15_1=value
بیایید آن را تجزیه کنیم.
بخشی از URL قبل از علامت سؤال "؟" URL صفحه ای است که فرم شما را دارد. به عنوان مثال ، صفحه فرم تماس با شما.
؟ wpf - شروع پارامترهای فیلد فرم WPForm را نشان می دهد.
15 - شناسه فرم شماست
_1 - بعد شناسه فیلد را دارید
= مقدار - = شروع مقداری را که می خواهید به فرم منتقل شده و مقدار واقعی فیلد را نشان می دهد نشان می دهد.
در اینجا مثالی از URL است که در آن ما عنوان محصول را به عنوان فیلد متن به فرم بازخورد منتقل می کنیم.
https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase
URL را به پست خود اضافه کنید
توجه کنید که چگونه از٪ 20 برای نشان دادن فاصله بین کلمات در عنوان محصول استفاده کرده ایم.
یافتن شناسه فرم و فیلد در WPForms
برای ایجاد پارامترهای URL ، باید فرم و شناسه فیلد را بدانید. در اینجا چگونه می توانید این مقادیر را پیدا کنید.
به سادگی فرم خود را ویرای
نحوه استفاده از Dynamic Field Field در وردپرس به صورت خودکار پر کردن فرم ها
کنید؟
جمعیت میدان پویا به شما امکان می دهد تا بطور خودکار فیلدهای فرم را بر اساس انتخاب کاربر ، رشته های پرس و جو یا نوع فیلد پر کنید.
این باعث می شود فرمهای شما هوشمند شوند ، باعث صرفه جویی در وقت کاربر ، ارائه یک تجربه کاربری بهتر و در نهایت سرعت تکمیل فرم می شوند.
در این مقاله ، ما نحوه استفاده از جمعیت زمینه پویا در WordPress را برای پر کردن فرم های خودکار به شما نشان خواهیم داد.
فیلدهای فرم را به صورت خودکار در WordPress با جمعیت زمینه Dynamic پر کنید
جمعیت میدان پویا چیست؟
جمعیت زمینه پویا روشی است که به صاحبان وب سایت اجازه می دهد تا بطور خودکار فیلدهای فرم را بر اساس انتخاب کاربر ، نوع فرم ، رشته های پرس و جو یا منطق شرطی پر کنند.
به عنوان مثال ، یک فروشگاه تجارت الکترونیک می تواند با استفاده از محصولات موجود در WooCommerce یا هر نرم افزار تجارت الکترونیکی دیگر ، شکلی را ایجاد کند که زمینه محصول در فرم ، به صورت دایمیانه جمع شود .
به طور مشابه ، یک وب سایت املاک و مستغلات می تواند به طور خودکار لیست ها ، نمایندگان ، زمینه های نوع املاک را در فرم های انتصاب و تولید نسل خود جمع کند.
کاربران پیشرفته و توسعه دهندگان همچنین می توانند از پارامترهای URL برای پر کردن بصورت پویا زمینه های فرم با استفاده از پیوندهای هوشمند از طریق خبرنامه ایمیل یا سایر تعامل وب سایت استفاده کنند.
با بیان این مطلب ، بیایید نگاهی بیندازیم که چگونه می توان از جمعیت زمینه پویا به راحتی در وردپرس استفاده کرد.
نحوه استفاده از جمعیت میدان پویا در وردپرس
اول ، کاری که شما باید انجام دهید نصب و فعال سازی افزونه WPForms است. برای اطلاعات بیشتر ، به راهنمای مرحله به مرحله ما درباره نحوه نصب افزونه وردپرس مراجعه کنید .
WPForms بهترین افزونه فرم تماس با وردپرس در بازار است. این امکان را به شما می دهد تا با استفاده از ابزار ساده و کشیدن ساده ، فرم های آنلاین را به راحتی ایجاد کنید.
همچنین با جمعیت زمینه پویا ، منطق شرطی و زمینه های فرم پیشرفته همراه است. در کنار هم ، این ویژگی ها به شما امکان می دهند فرم های هوشمندانه تر و تعاملی را برای وب سایت خود ایجاد کنید.
توجه: WPForms توسط بنیانگذار WPBeginner ، سید بلخی تأسیس می شود .
پس از فعال کردن افزونه ، برای وارد کردن کلید مجوز خود باید به صفحه WPForms »تنظیمات مراجعه کنید. می توانید این اطلاعات را در زیر حساب خود در وب سایت WPForms پیدا کنید.
کلید مجوز WPForms
در مرحله بعد ، برای ایجاد اولین فرم خود ، باید به WPForms مراجعه کنید »اضافه کردن جدید . از شما خواسته می شود که نام خود را برای فرم خود تهیه کنید و سپس الگویی را برای شروع انتخاب کنید.
ایجاد فرم جدید
WPForms اکنون فرم شما را با قسمتهای از پیش انتخاب شده بارگیری می کند. می توانید برای ویرایش قسمتهای فرم کلیک کنید یا از ویژگی drag and drop استفاده کنید تا آنها را به بالا و پایین منتقل کنید. همچنین می توانید فیلدهای فرم را فقط با یک کلیک اضافه و حذف کنید.
بیایید یک فیلد فرم جدید اضافه کنیم تا آن را با انتخاب های پویا جمع کنیم.
برای استفاده از گزینه های انتخاب پویا می توانید یک کادر بازشویی ، چند گزینه ای یا یک کادر تأیید را به فرم خود اضافه کنید. به سادگی بر روی یک زمینه از ستون سمت چپ کلیک کنید تا آن را به فرم خود اضافه کنید.
فیلدهای فرم را اضافه کنید
بعد ، برای ویرایش فیلد کلیک کنید و سپس از ستون سمت چپ ، منوی Advanced Optins را گسترش دهید.
گزینه های پیشرفته
از اینجا ، شما باید یک گزینه پویا را در زیر گزینه های دینامیک انتخاب کنید. WPForms از انواع ارسال و طبقه بندی های ثبت شده در سایت وردپرس شما پشتیبانی می کند. به خاطر این آموزش ، نوع Product Products را انتخاب می کنیم.
گزینه های پویا
WPForms اکنون بطور خودکار فیلدها را در قالب پیش نمایش بارگذاری و نمایش می دهد.
اکنون می توانید فرم خود را ذخیره کرده و از سازنده فرم خارج شوید.
برای افزودن فرم در یک پست یا صفحه وردپرس ، فقط پست یا صفحه ای را که می خواهید آن را اضافه کنید ویرایش کنید.
در صفحه ویرایش پست ، بلوک WPForms را به قسمت ویرایش پست خود اضافه کنید. بعد از آن فرم ایجاد شده قبلی را از فهرست کشویی انتخاب کنید.
افزودن بلوک WPForms در وردپرس
اکنون می توانید پست یا صفحه خود را ذخیره کرده و به وب سایت خود مراجعه کنید تا فرم خود را با مقادیر درست پویا در عمل مشاهده کنید.
پیش نمایش WPForm
به طور خودکار فیلدهای فرم را با استفاده از پارامترهای URL پر کنید
WPForms همچنین به شما امکان می دهد فیلدهای فرم را با استفاده از پارامترهای URL به صورت پویا پر کنید. این به شما امکان می دهد پیوندهای هوشمند ایجاد کنید که به طور خودکار اطلاعات را به فرم ارسال کرده و آن را برای ارسال به کاربران خود پر کنید.
ابتدا باید یک شکل جدید ایجاد کرده یا فرم موجود را در WPForms ویرایش کنید. پس از اتمام ایجاد فرم خود ، از ستون سمت چپ به برگه تنظیمات بروید و برگه "General" را انتخاب کنید.
در این صفحه باید جعبه را فعال کنید تا بتوانید جمعیت میدان پویا را فعال کنید.
زمینه های پویا را فعال کنید
اکنون می توانید فرم خود را ذخیره کرده و از سازنده فرم خارج شوید. فرم شما اکنون آماده است تا با استفاده از پارامترهای URL ، پویا زمینه های فرم را جمع کند.
ایجاد پیوندها با پارامترهای URL
WPForms زمینه های فرم پویا را که از طریق پارامترهای URL در یک قالب خاص منتقل می شود ، می پذیرد.
https://example.com/contact/؟wpf15_1=value
بیایید آن را تجزیه کنیم.
بخشی از URL قبل از علامت سؤال "؟" URL صفحه ای است که فرم شما را دارد. به عنوان مثال ، صفحه فرم تماس با شما.
؟ wpf - شروع پارامترهای فیلد فرم WPForm را نشان می دهد.
15 - شناسه فرم شماست
_1 - بعد شناسه فیلد را دارید
= مقدار - = شروع مقداری را که می خواهید به فرم منتقل شده و مقدار واقعی فیلد را نشان می دهد نشان می دهد.
در اینجا مثالی از URL است که در آن ما عنوان محصول را به عنوان فیلد متن به فرم بازخورد منتقل می کنیم.
https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase
URL را به پست خود اضافه کنید
توجه کنید که چگونه از٪ 20 برای نشان دادن فاصله بین کلمات در عنوان محصول استفاده کرده ایم.
یافتن شناسه فرم و فیلد در WPForms
برای ایجاد پارامترهای URL ، باید فرم و شناسه فیلد را بدانید. در اینجا چگونه می توانید این مقادیر را پیدا کنید.
به سادگی فرم خود را ویرای
قالب هاستینگ هاستینزا اپارات نحوه اجرای صحیح تست سرعت وب سایت (8 بهترین ابزار)
آزمون سرعت وب سایت خود به دنبال چه چیزی باشند.
یک تن از ابزار تست سرعت وب سایت آنلاین وجود دارد که می توانید از آنها استفاده کنید. با این حال ، همه آنها نتایج به گونه ای است که برای کاربران باهوش غیر فناوری غیرقابل درک می شود.
در این مقاله ، ما به شما نشان می دهیم قالب هاستینگ هاستینزا که چگونه به درستی تست سرعت وب سایت و بهترین ابزارها را برای انجام تست سرعت خود انجام دهید.
اجرای تست سرعت وب سایت با ابزارهای مناسب
بهترین ابزار برای اجرای تست سرعت وب سایت
بسیاری از ابزارهای تست سرعت و پرداخت سریع وب سایت رایگان و پولی که می توانید از آنها استفاده کنید وجود دارد. هر یک از آنها ویژگی های بسیار جالبی دارند که آنها را متمایز می کند.
لازم نیست وب سایت خود را فقط با یک ابزار آزمایش کنید. قالب هاستینگ هاستینزا می توانید از چندین ابزار استفاده کرده و چندین آزمایش را کامل انجام دهید.
با این حال ، ما به کاربران توصیه می کنیم فقط برای بهبود عملکرد وب سایت خود از این ابزارها استفاده کنند. تلاش برای دستیابی به یک درجه یا نمره کامل از این ابزارها ، اغلب در اکثر موارد برای وب سایت های عملکرد دنیای واقعی بسیار دشوار و کاملاً ناممکن است.
هدف شما باید ارتقاء سرعت بارگذاری صفحه برای کاربران شما باشد تا آنها بتوانند از یک تجربه کاربری سریعتر و مداوم در وب سایت شما لذت ببرند.
با گفتن این مطلب ، بیایید به بهترین ابزارها برای انجام تست سرعت وب سایت نگاهی بیندازیم.
1. ابزار تست سرعت وب سایت IsItWP
ابزار تست سرعت وب سایت IsItWP
ابزار تست سرعت وب سایت رایگان IsItWP مبتدی ترین ابزار تست قالب هاستینگ هاستینزا سرعت وب سایت است. این امکان را به شما می دهد تا به سرعت عملکرد وب سایت خود را بررسی کنید ، چندین آزمایش را اجرا کنید و نتایج را به پایین بیاورید تا متوجه شوید چه چیزی وب سایت شما را کند می کند.
شما همچنین پیشنهادات بهبود منظمی را مرتب می کنید. برای دیدن مراحلی که می توانید برای رفع مشکلات عملکرد انجام دهید ، می توانید بر روی هر دسته کلیک کنید. این وب سایت همچنین مانیتورینگ به موقع سرور و سایر ابزارهای مفید را برای صاحبان وب سایت ارائه می دهد.
2. پینگدوم
پینگدوم
Pingdom یکی از محبوب ترین ابزار نظارت بر عملکرد وب سایت است. استفاده از آن آسان است و به شما امکان می دهد مکانهای مختلف جغرافیایی را برای اجرای یک تست که واقعاً مفید است انتخاب کنید.
نتایج با شرح ساده و قابل فهم ارائه می شود ، که در ادامه گزارش مفصلی ارائه می شود. قالب هاستینگ هاستینزا شما در صورت بارگیری ، پیشنهادات بهبود عملکرد را در منابع بالا و فردی دریافت می کنید.
3. Google Pagespeed Insights
بینش های Google Pagespeed
Google Pagespeed Insights ابزاری برای نظارت بر عملکرد وب سایت است که توسط Google ایجاد شده است. این گزارشات عملکرد وب سایت را برای نمایش های تلفن همراه و دسک تاپ به شما می دهد. می توانید بین این گزارش ها فاصله بگیرید و مواردی را پیدا کنید که بین هر دو گزارش مشترک است و برخی که Google توصیه می کند در نمای تلفن همراه ثابت شود.
همچنین توصیه های مفصلی را برای هر شماره دریافت می کنید ، که برای توسعه دهندگان مفید است. با این حال ، خود این ابزار برای افراد مبتدی و غیر توسعه دهنده کمی آزار دهنده است.
4. GTmetrix
GTmetrix
GTmetrix یکی دیگر از ابزارهای قدرتمند تست سرعت وب سایت است. قالب هاستینگ هاستینزا این امکان را به شما می دهد تا وب سایت خود را با استفاده از ابزارهای محبوب مانند صفحات صفحات و YSlow تست کنید. با ایجاد یک حساب کاربری می توانید موقعیت جغرافیایی و مرورگر خود را تغییر دهید.
این گزارشات مفصل را با خلاصه ای از نتایج نشان می دهد. می توانید بین این دو ابزار جابجا شوید و توصیه ها را مشاهده کنید. با کلیک بر روی هر توصیه جزئیات بیشتری را در اختیار شما قرار می دهد.
5- WebPageTest
WebPageTest
ابزار WebPageTest یکی دیگر از ابزارهای تست سرعت رایگان آنلاین است قالب هاستینگ هاستینزا که می توانید از آن استفاده کنید. کمی پیشرفته‌تر از برخی ابزارهای دیگر موجود در لیست ما است. با این حال ، این امکان را به شما می دهد تا یک مرورگر و موقعیت جغرافیایی را برای آزمایش های خود انتخاب کنید.
به طور پیش فرض ، آزمایش را 3 بار انجام می دهد تا نتایج آزمون سرعت وب سایت شما را بدست آورد. این یک نمای دقیق از هر نتیجه ای را نشان می دهد که می توانید برای گسترش و مشاهده گزارش کامل کلیک کنید.
6. بار ضربه
تأثیر بار
Load Impact با سایر ابزارهای تست سرعت وب سایت در این لیست کمی متفاوت است. این امکان را به شما می دهد تا هنگام ورود بازدید کنندگان بیشتر در همان زمان ، وب سایت شما کند شود.
این یک سرویس پولی با یک تست رایگان محدود است که به شما امکان می دهد در مدت 3 دقیقه 25 کاربر مجازی ارسال کنید. نسخه پرداخت شده به شما امکان آزمایش بارهای بزرگتر را می دهد. این به شما کمک می کند تا تست سرعت وب سایت را آزمایش کنید ، ضمن اینکه آزمایش می کنید که چگونه افزایش ترافیک روی وب سایت شما تأثیر می گذارد.
7. پایدار
تا کنون
Uptrends یکی دیگر از ابزارهای تست سرعت وب سایت رایگان است. قالب هاستینگ هاستینزا این امکان را به شما می دهد تا یک منطقه جغرافیایی ، مرورگر و گزینه تست تلفن همراه و دسک تاپ را انتخاب کنید.
نتایج ساده و آسان قابل فهم است زیرا این نشانگر نمره صفحه صفحات Google شما در خلاصه است. می توانید برای اطلاعات بیشتر به پایین بروید و از طریق منابع خود شانه بزنید تا مشکلات عملکرد را درک کنید.
8. بررسی بایت
بررسی بایت
Check Byte یکی دیگر از بررسی کنندگان زمان پاسخگویی وب سایت رایگان است. این کار به طور خاص برای بررسی اندازه گیری TTFB (زمان تا اولین بایت) ساخته شده است ، یعنی زمانی که وب سایت شما برای ارائه اولین بایت داده ها به مرورگر کاربر نیاز دارد. این یک روش بسیار مؤثر برای آزمایش سریعتر سرور میزبان وردپرس شما است.
برای بررسی سرعت و عملکرد وب سایت می توانید از هر یک از ابزارهای ذکر شده در بالا استفاده کنید. با این حال ، صرفاً اجرای تست ها به تنهایی به شما کمکی نمی کند.
شما باید یاد بگیرید که چگونه این تست ها را به درستی اجرا کنید و از داده ها برای بهینه سازی وب سایت خود استفاده کنید.
چگونه به درستی تست سرعت وب سایت را اجرا کنیم
اجرای تست سرعت وب سایت تضمین نمی شود که دقیقاً نحوه عملکرد وب سایت شما را بیان کند.
می بینید اینترنت مانند بزرگراه است. گاهی اوقات ترافیک یا ازدحام قالب هاستینگ هاستینزا بیشتر وجود دارد که ممکن است شما را کند کند. در سایر موارد ، همه چیز روشن است و می توانید خیلی سریعتر از آن استفاده کنید.
چندین عامل دیگر درگیر هستند که می توانند بر کیفیت و صحت نتایج شما تأثیر بگذارند. مهم است که قبل از شروع تجزیه و تحلیل داده ها ، این تست ها را به طور کامل اجرا کنید.
بیایید ببینیم چگونه می توان تست سرعت وب سایت را به درستی انجام داد تا نتایج دقیق تری کسب کنیم.
1. اجرای تست های چندگانه
چندین فاکتور وجود دارد که می تواند در آزمایش شما تأثیر بگذارد. حتی اگر بیشتر ابزارهای تست سرعت وب سایت با سرعت سریع ای
چگونه می توان بلاک های کلاسیک را در وردپرس به گوتنبرگ تبدیل کرد
چندین خواننده ما پرسیدند که چگونه محتوای پست قدیمی وردپرس را به قالب جدید Gutenberg (بلوک) در وردپرس تبدیل کنید.
پس از به روزرسانی به نسخه های بالاتر از وردپرس 5.0 ، محتوای پست و صفحه قدیمی شما در یک بخش کلاسیک در ویرایشگر محتوای وردپرس ظاهر می شود .
برای تبدیل محتوا به بلوک های جداگانه ، لازم است که هر پست و صفحه را بطور جداگانه ویرایش کنید. اگر ده‌ها یا صدها پست دارید ، پس از آن زمان زیادی می تواند طول بکشد. خوشبختانه ، گزینه تبدیل فله ای وجود دارد.
در این مقاله ، ما به شما نشان خواهیم داد که چگونه به صورت فله ، بلوک های کلاسیک را به بلوک های فردی گوتنبرگ در وردپرس تبدیل کنید.
نحوه تبدیل بلوک های کلاسیک به گواتنبرگ در وردپرس
درک بلوک "کلاسیک"
اگر وردپرس را قبل از انتشار نسخه 5.0 نصب کرده باشید ، پست ها و صفحاتی که ایجاد کرده اید از ویرایشگر قدیمی یا کلاسیک استفاده می کنند .
هنگامی که وردپرس را به نسخه 5.0 یا بالاتر ارتقا می دهید ، هنوز هم باید تمام پستها و صفحات قدیمی شما قابل ویرایش باشند. این بدان معنی است که وردپرس به طور خودکار محتوای آن پست ها و صفحات را درون یک بلوک "کلاسیک" قرار می دهد:
پستی که وردپرس به طور خودکار به یک بلاک کلاسیک تبدیل کرده است
این امر اطمینان می دهد که هنوز پیام ها و صفحات قدیمی شما قابل ویرایش هستند ، و حتی اگر شما محتوا را به بلوک های مجزا تبدیل نکنید ، در جلوی وب سایت شما یکسان به نظر می رسند.
اما اگر می خواهید می توانید آنها را از یک بلاک کلاسیک به قالب چند بلوک جدید استفاده شده توسط ویرایشگر بلوک وردپرس تبدیل کنید .
بلوک کلاسیک شامل تمام مطالب ارسال شده ، مانند تصاویر ، تعبیه ها ، متن و موارد دیگر می باشد. می توانید به هر یک از پست های قدیمی سایت خود بروید تا ببینید بلاک کلاسیک چگونه به نظر می رسد.
در صورت انتخاب بلوک با کلیک بر روی آن ، می توانید نوع بلوک را مشاهده کنید. این درست در بالای بلوک در گوشه سمت چپ بالا و همچنین در تنظیمات Block در سمت راست ظاهر می شود.
می توانید مطالب را در بلاک Classic ویرایش کنید. بیشتر کاربران ، با این وجود ، برای سهولت در ویرایش می خواهند پست های قدیمی خود را به قالب بلوک جدید به روز کنند.
ما این مقاله را با جزئیات در مقاله خود در مورد چگونگی به روزرسانی پست های قدیمی وردپرس خود با ویرایشگر بلوک گوتنبرگ ، پوشش داده ایم ، اما بیایید سریعاً آن را تکرار کنیم.
برای تبدیل یک بلوک کلاسیک جداگانه به بلوک های جدید گوتنبرگ ، می توانید بر روی دکمه "گزینه های بیشتر" (سه نقطه در یک خط عمودی) کلیک کرده و سپس روی "تبدیل به بلوک" کلیک کنید.
تبدیل یک پست جداگانه به قالب بلوک های جدید
پست شما سپس به بلوک جداگانه تبدیل می شود. همانطور که می بینید متن و تصاویر در اینجا از هم جدا شده اند. متن در بخش "پاراگراف" جدید است.
یک پاراگراف در پست تبدیل شده
این روند برای یک پست واحد سریع و سر راست است. با این حال ، وردپرس برای انجام هرگونه ارسال ، روشی داخلی ندارد.
اگر می خواهید تعداد زیادی پست را به طور همزمان به قالب جدید بلوک Gutenberg تغییر دهید ، به افزونه مبدل فله ای نیاز خواهید داشت.
فله بلوک کلاسیک را به بلوک های گوتنبرگ تبدیل کنید
ابتدا باید افزونه Bulk Block Converter را نصب و فعال کنید. برای اطلاعات بیشتر ، به راهنمای مرحله به مرحله ما درباره نحوه نصب افزونه وردپرس مراجعه کنید .
پس از فعال سازی ، به ابزارها »بلوک تبدیل در داشبورد وردپرس خود بروید. صفحه زیر را مشاهده خواهید کرد:
مشاهده صفحه تبدیل فله بلوک
نکته: اطمینان حاصل کنید که قبل از استفاده از مبدل بلوک فله ، یک نسخه پشتیبان کامل از سایت خود ایجاد کنید. شما می توانید لغو کنید تبدیل یک بار آن را صورت گرفته است.
برای شروع ، روی دکمه "جستجوی محتوا" کلیک کنید و مبدل تمام محتوای شما را که آماده تبدیل است پیدا می کند.
لیست محتوای اسکن شده آماده برای تبدیل
توجه: پستهایی که از ترکیبی از بلوک های کلاسیک و سایر بلوک ها استفاده می کنند توسط مبدل قابل برداشت نیستند.
اگر می خواهید همه مطالب را به طور هم زمان در سایت خود تبدیل کنید ، به سادگی بر روی دکمه بزرگ "Bulk Convert All" در بالای صفحه کلیک کنید.
دکمه Bulk Convert All
هشداری مانند این را مشاهده خواهید کرد. برای ادامه پیش بروید و بر روی "OK" کلیک کنید.
هشدار تبدیل فله
اگر نمی خواهید همه چیز را یکباره تبدیل کنید ، این نیز خوب است. می توانید لیست را با عنوان "Post Type" (پست ها یا صفحات) فیلتر کنید. همچنین می توانید برای دیدن فقط آن دسته از پست ها ، به لیست های "Published" یا "Drafts" بروید.
با کلیک روی کادر تأیید سمت چپ "عنوان" می توانید همه موارد را در لیست خود انتخاب کنید. ما لیست خود را برای نمایش صفحات ، نه ارسال ها فیلتر خواهیم کرد و سپس همه آنها را انتخاب می کنیم:
لیستی از صفحات ، فقط برای تبدیل آماده است
حتی می توانید با کلیک کردن روی کادر کادر سمت چپ عنوان آنها ، پستها و صفحات جداگانه را انتخاب کنید.
توجه داشته باشید که اگر از این روش استفاده می کنید ، قبل از انجام تبدیل ، اخطار را مشاهده نمی کنید. پس از تبدیل هر قطعه از محتوا ، "تبدیل شده" که در کنار آن در جدول قرار دارد را مشاهده می کنید.
اکنون صفحات به قالب بلوک جدید تبدیل شده اند
نکته مهم درباره کد کوتاه
نکته مهمی که ممکن است شما به آن بپردازید اینست که ابزار Bulk Block Conversion کد کوتاه را تبدیل نمی کند . این یک بلاک کد کوتاه را برای شما ایجاد می کند ، اما شما نیاز دارید که کد کوتاه را به صورت دستی برگردانید.
صفحه تماس با یک بلوک کد کوتاه خالی تبدیل شده است
اگر از کد کوتاه استفاده می کنید ، قبل از اجرای مبدل فله ، حتما آنها را یادداشت کنید. در غیر این صورت ، می تواند مدتی طول بکشد تا بفهمد کد کوتاه شما برای قرار دادن مجدد چیست و آنها را در کجا قرار دهید.
امیدواریم این مقاله به شما کمک کند یاد بگیرید که چگونه به صورت فله تبدیل بلوک های کلاسیک به گوتنبرگ در وردپرس شوید. همچنین ممکن است بخواهید مقایسه ما بین بهترین سازندگان صفحه کشیدن و رها کردن وردپرس و بهترین افزونه های فرم تماس با وردپرس را ببینید .
اگر این مقاله را دوست دارید ، لطفاً در کانال YouTube ما برای آموزش های ویدیویی وردپرس مشترک شوید . همچنین می توانید ما را در توییتر و فیس بوک پیدا کنید .
76
سهام
اشتراک گذاری توییت اشتراک گذاری پین
همین حالا محبوب در WPBeginner !
نحوه رفع خطا در ایجاد اتصال به بانک اطلاعات در وردپرس
نحوه رفع خطا در ایجاد اتصال به بانک اطلاعات در وردپرس
نحوه شروع پادکست خود (گام به گام)
نحوه شروع پادکست خود (گام به گام)
چک لیست
چک لیست: 15 کارهایی که باید قبل از تغییر مضامین وردپرس انجام دهید
Google Analytics در وردپرس
نحوه نصب Google Analytics در وردپرس برای مبتدیان
درباره ستاد تحریریه
ستاد تحریریه در WPBeginner تیمی از متخصصین وردپرس به رهبری سید بلخی است. مورد اعتماد بیش از 1.3 میلیون خواننده در سراسر جهان.
ابزار نهایی WordPress
2 نظرپاسخ دهید
سیگلیند اندرسون
11 مارس 2020 ساعت 12:18 بعد از ظهر
چرا می خواهم تمام صفحات و نوشته های قدیمی ام را به نسخه گوتنبرگ تبدیل کنم؟
پاسخ
پشتیبانی WPBEGINNER
12 مارس 2020 ساعت 8:40 صبح
برای خودتان ابزارهای ویرایش را که با بلوکهای جدید همراه است ، در اختیارتان قرار دهید :)
پاسخ
پاسخ دهید
با تشکر از شما برای انتخاب یک نظر. لطفاً به خاطر داشته باشید که همه نظرات مطابق با خط مشی اظهار نظر تعدیل می شوند و آدرس ایمیل شما منتشر نمی شود. لطفاً در قسمت نام از کلمات کلیدی استفاده نکنید. بیایید مکالمه شخصی و معنی دار داشته باشیم.
نام واقعی شما
آدرس ایمیل...
مرا از نظرات بعدی از طریق ایمیل آگاه کن. همچنین می توانید بدون اظهار نظر مشترک شوید .
نحوه اضافه کردن قلم های سفارشی در وردپرس
آیا می خواهید قلم های سفارشی را در وردپرس اضافه کنید؟ فونت های سفارشی به شما امکان می دهد تا از ترکیب زیبا و قلم های مختلف در وب سایت خود استفاده کنید تا تایپوگرافی و تجربه کاربر بهبود یابد.
فونت های سفارشی به غیر از خوب نگاه کردن ، می توانند به شما در بهبود خوانایی ، ایجاد یک تصویر برند و همچنین افزایش زمان کاربران در وب سایت شما کمک کنند.
در این مقاله به شما نشان خواهیم داد که چگونه می توانید قلم های دلخواه را در وردپرس با استفاده از روش فونت های Google ، TypeKit و CSS3 @ Font-Face اضافه کنید.
افزودن قلم های سفارشی در وردپرس
توجه: بارگیری فونت های زیاد می تواند وب سایت شما را کند کند. توصیه می کنیم دو فونت را انتخاب کنید و از آنها در وب سایت خود استفاده کنید. ما همچنین به شما نشان خواهیم داد که چگونه بدون کند کردن وب سایت خود ، آنها را به درستی بارگیری کنید.
قبل از اینکه به چگونگی افزودن قلم های سفارشی در وردپرس بپردازیم ، بیایید نگاهی بیندازیم که می توان فونت های سفارشی را پیدا کرد.
نحوه پیدا کردن قلم های سفارشی برای استفاده در وردپرس
قلم ها گران قیمت بودند ، اما دیگر نیست. هستند بسیاری از مکان مورد نظر را پیدا فونت وب رایگان بزرگ خدا همچون فونت های گوگل ، از Typekit ، FontSquirrel و fonts.com .
اگر نمی دانید چگونه قلم ها را مخلوط و مطابقت دهید ، قلم Font Pair را امتحان کنید . این کمک می کند تا طراحان قلم های زیبا Google را با هم جفت کنند.
هنگام انتخاب فونت های خود ، به یاد داشته باشید که استفاده از فونت های خیلی زیاد باعث کاهش سرعت وب سایت شما می شود. به همین دلیل است که باید دو قلم را انتخاب کرده و در طول طراحی خود از آنها استفاده کنید. این همچنین به طراحی شما سازگار خواهد بود.
آموزش تصویری
مشترک شدن در WPBeginner
اگر فیلم را دوست ندارید یا راهنمای کتبی را ترجیح می دهید ، لطفاً ادامه مطالعه را ادامه دهید.
افزودن قلم های سفارشی در وردپرس از Google Fonts
پیش نمایش فونت های Google
Google Fonts بزرگترین ، رایگان و رایج ترین کتابخانه فونت در بین توسعه دهندگان وب سایت است. چندین روش وجود دارد که می توانید از Google Fonts در WordPress اضافه و استفاده کنید.
روش 1: افزودن قلم های سفارشی با افزونه آسان فونت های گوگل
اگر می خواهید Google Fonts را در وب سایت خود اضافه و استفاده کنید ، این روش تاکنون ساده ترین و توصیه شده برای مبتدیان است.
اولین کاری که باید انجام دهید نصب و فعال سازی افزونه Easy Google Fonts است. برای اطلاعات بیشتر ، به راهنمای مرحله به مرحله ما درباره نحوه نصب افزونه وردپرس مراجعه کنید .
پس از فعال سازی ، می توانید به صفحه Appearance »Customizer بروید . در این قسمت رابط کاربری سفارشی سازی تم زنده که در آن قسمت جدید تایپوگرافی را مشاهده خواهید کرد ، باز خواهد شد.
تایپوگرافی مشتری
با کلیک بر روی تایپوگرافی بخش های مختلفی از وب سایت خود را نشان می دهید که می توانید در آن فونت های Google را اعمال کنید. به سادگی بر روی "ویرایش قلم" در زیر بخشی که می خواهید ویرایش کنید کلیک کنید.
تنظیمات تایپوگرافی
در زیر بخش خانواده فونت ، می توانید هر فونت Google ای را که می خواهید در وب سایت خود استفاده کنید انتخاب کنید. همچنین می توانید سبک قلم ، اندازه قلم ، بالشتک ، حاشیه و موارد دیگر را انتخاب کنید.
بسته به موضوع شما ، تعداد بخش های موجود در اینجا محدود است و ممکن است شما نتوانید مستقیماً انتخاب فونت را برای بسیاری از مناطق مختلف وب سایت خود تغییر دهید.
برای رفع این مشکل ، افزونه همچنین به شما امکان می دهد کنترل های خود را ایجاد کرده و از آنها برای تغییر فونت ها در وب سایت خود استفاده کنید.
ابتدا باید به صفحه تنظیمات » صفحه فونت های Google مراجعه کرده و یک نام برای کنترل قلم خود تهیه کنید. از چیزی استفاده کنید که به شما کمک کند سریع درک کنید که از این کنترل فونت استفاده می کنید.
بخش کنترل قلم
در مرحله بعد بر روی دکمه "ایجاد کنترل فونت" کلیک کرده و از شما خواسته می شود تا انتخاب کنندگان CSS را وارد کنید.
می توانید عناصر HTML مورد نظر خود را اضافه کنید (به عنوان مثال h1، h2، p، blockquote) یا کلاسهای CSS استفاده کنید.
می توانید از ابزار Inspect در مرورگر خود استفاده کنید تا دریابید که کدام کلاسهای CSS توسط منطقه خاصی که می خواهید تغییر دهید استفاده می شود.
انتخاب کننده های CSS را اضافه کنید
اکنون روی دکمه "ذخیره کنترل قلم" کلیک کنید تا تنظیمات خود را ذخیره کنید. می توانید همانطور که برای بخش های مختلف وب سایت خود نیاز دارید ، کنترلرهای قلم بسیاری ایجاد کنید.
برای استفاده از این کنترلرهای فونت ، باید به قسمت Appearance »Customizer بروید و روی زبانه تایپوگرافی کلیک کنید.
در زیر تایپوگرافی ، اکنون گزینه "تم تایپوگرافی" نیز مشاهده خواهید کرد. با کلیک بر روی آن ، کنترل های قلم سفارشی خود را که قبلاً ایجاد کرده اید نشان می دهد. هم اکنون می توانید بر روی دکمه ویرایش کلیک کنید تا قلم ها و ظاهر این کنترل را انتخاب کنید.
گزینه تایپوگرافی تم
فراموش نکنید که برای ذخیره تغییرات ، روی دکمه ذخیره یا انتشار کلیک کنید.
روش دوم: فونت های Google را به صورت دستی در WordPress اضافه کنید
این روش به شما نیاز دارد تا کدی را به پرونده های تم وردپرس خود اضافه کنید. اگر قبلاً این کار را نکرده اید ، پس از راهنمایی ما در مورد چگونگی کپی و چسباندن کد در وردپرس دیدن کنید .
ابتدا به کتابخانه قلم های Google مراجعه کنید و یک فونت مورد نظر خود را انتخاب کنید. بعد ، بر روی دکمه استفاده سریع زیر فونت کلیک کنید.
سبک های قلم مورد نظر برای استفاده را انتخاب کنید
در صفحه قلم ، سبک های موجود برای آن قلم را مشاهده خواهید کرد. استایل هایی را که می خواهید در پروژه خود استفاده کنید انتخاب کنید و سپس بر روی دکمه نوار کناری در بالا کلیک کنید.
پیوند تعبیه شده قلم را دریافت کنید
در مرحله بعد ، برای کپی کردن کد تعبیه شده ، می توانید به برگه "Embed" در نوار کناری بروید.
دو روش وجود دارد که می توانید این کد را به سایت وردپرس خود اضافه کنید.
ابتدا می توانید پرونده header.php را به سادگی ویرایش کنید و کد را قبل از <body>برچسب قرار دهید.
اما اگر با ویرایش کد در وردپرس نا آشنا نیستید ، می توانید از افزونه ای برای اضافه کردن این کد استفاده کنید.
به سادگی افزونه Insert Headers and Footers را نصب و فعال کنید . برای اطلاعات بیشتر ، به راهنمای مرحله به مرحله ما درباره نحوه نصب افزونه وردپرس مراجعه کنید .
پس از فعال سازی ، به صفحه تنظیمات »درج Headers and Footers رفته و کد جاسازی شده را در جعبه" اسکریپت در هدر "جایگذاری کنید.
25 سایت محبوب که از WordPress به عنوان CMS در سال 2020 استفاده می کنند