دیجی اسکریپت

دانلود قالب Archives | دیجی اسکریپت

افزایش امکانات صفحه ساز WPBakery با افزونه Super Bundle نسخه ۱٫۴٫۲

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

 

افزایش امکانات صفحه ساز WPBakery با افزونه Super Bundle نسخه 1.4.2

 

قابلیت های افزونه افزایش امکانات صفحه ساز WPBakery با Ultimate Addons :

  • امکان ایجاد کروسل از مطالب، عکس ها و دکمه ها
  • دارای زوم و افکت های مختلف بر روی تصاویر
  • دارای پس زمینه های پارالاکس حرفه ای
  • امکان افزودن افکت انیمیشن به متن ها
  • امکان افزودن پس زمینه های مختلف
  • دارای بیش از ۷۰ جدا کننده ردیف
  • دارای جعبه های عکس مختلف
  • دارای افکت اسکرول صفحه
  • بیش از ۱۲ هزار آیکون SVG
  • امکان ویرایش زنده صفحات
  • دارای فونت های گوگل
  • و امکانات دیگر…

نوشته افزایش امکانات صفحه ساز WPBakery با افزونه Super Bundle نسخه ۱٫۴٫۲ اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

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

جلوگیری از کاهش کیفیت تصاویر وردپرس

 

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

 

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

 

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

 

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

 

add_filter('jpeg_quality', function($arg){return ۱۰۰;});

 

کد بالا کیفیت را به صورت کامل و ۱۰۰ درصدی آپلود می کند که می توانید آن را کاهش دهید ؛ کیفیت آپلود تصاویر به صورت پیشفرض در وردپرس ۸۲ می باشد که در ورژن های قبلی ۹۰ درصد بود .

The post جلوگیری از کاهش کیفیت تصاویر وردپرس هنگام آپلود appeared first on ایکس اسکریپت.



لینک منبع مطلب

انتخاب استایل سفارشی در وردپرس با افزونه WP Post Styling

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

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

انتخاب استایل سفارشی در وردپرسانتخاب استایل سفارشی در وردپرس با افزونه WP Post Styling

افزونه‌ای که قصد معرفی آن را دارم با عنوان WP Post Styling در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۲٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۸ را ازآن خود نماید که با استفاده از آن قادر خواهید بود تا ظاهر دلخواه را در مطالب خود اعمال کنید.

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

انتخاب استایل سفارشی در وردپرس با افزونه WP Post Styling

اگر قصد این را نداشتید تا استایل دلخواه در نوشته فعلی شما اعمال نشود کافی است تا تیک گزینه disable custom styles on this post را فعال کنید. با استفاده از این افزونه قادر خواهید بود تا تعدادی استایل سفارشی نیز از ابتدا تعریف کنید تا مجبور نباشید برای هر نوشته اقدام به کدنویسی کنید.

انتخاب استایل سفارشی در وردپرس با افزونه WP Post Styling

همانطور که در تصویر مشاهده می‌کنید یک عنوان برای استایل خود انتخاب کرده و سپس از باکس مربوطه استایل خود را وارد کرده و بر روی add to wp post styling library کلیک کنید.

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

نوشته انتخاب استایل سفارشی در وردپرس با افزونه WP Post Styling اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.



لینک منبع مطلب

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

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

 

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

 

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

 

افزودن فیلد دلخواه در صفحه ثبت نام وردپرس

افزونه‌ای که قصد معرفی اونو دارم با عنوان Cimy User Extra Fields در مخزن وردپرس به ثبت رسیده و تاکنون تونسته تا بیش از ۲۰٫۰۰۰ نصب فعال و کسب امتیاز ۳٫۲ را ازآن خودش بکنه که با استفاده از این افزونه قادر هستید تا هر نوع فیلد دلخواه برای صفحه عضویت در وردپرس را تعریف کنید تا وقتی کاربران در سایت شما عضو می‌شوند این فیلدها را پر کنند. برای استفاده از این افزونه ابتدا با کلیک روی دکمه زیر اونو دانلود کرده و سپس با استفاده از آموزش آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی این افزونه در سایت وردپرسی خودتون بکنید.

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

  • فیلد متنی
  • فیلد متن کوتاه
  • فیلد پسورد
  • چک باکس
  • فیلد رادیویی
  • منوی کشویی
  • انتخاب تصویر
  • افزودن آدرس تصویر
  • تاریخ عضویت
  • انتخاب آواتار
  • انتخاب فایل
  • انتخاب تاریخ
  • و…

بعد از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان Cimy User Extra Fields در بخش تنظیمات پیشخوان سایت وردپرسی شما اضافه خواهد شد. روی این منو کلیک کنید تا به صفحه افزونه هدایت شده و هر نوع فیلد که قصد دارید تا در وردپرس تعریف کنید و کاربران این فیلدها را در هنگام عضویت در سایت تکمیل کنند را بسازید.

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

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

  • نام-مقدار: در این بخش ابتدا یک نام کوتاه برای فیلد خودتون تعیین کنید.
  • نوع: در این بخش نوع فیلد خودتون را انتخاب کنید. این گزینه میتونه به صورت فیلد متنی باشه تا کاربر متنی در اون تایپ کنه، میتونه شامل یک منوی چندگزینه‌ای یا رادیویی باشه تا گزینه(هایی) را انتخاب کنه، میتونه انتخاب آواتار و آپلود فایل باشه و… که در بالا لیستی از انواع فیلدهای قابل ساخت در این افزونه را مشاهده کردید.
  • عنوان – توضیح: در این بخش یک عنوان و توضیح کوتاه برای فیلد خودتون انتخاب کنید. عنوان فیلد در بالا نمایش داده شده و سپس توضیحی که برای فیلد تعریف می‌کنید هم در زیر اون نمایش داده میشه تا کاربر را برای پر کردن این فیلد راهنمایی کنید.
  • قوانین: با استفاده از این بخش هم میتونید تا قوانینی را برای فیلد خودتون تعیین کنید. به عنوان نمونه میتونید تا حداقل و حداکثر کاراکترهایی که در این فیلد وارد میشه را تعیین کنید، اگر فیلد برای ایمیل هستش با انتخاب گزینه چک کردن الگو برای ایمیل کاری کنید تا صرفا محتوای مربوط به آدرس ایمیل در اون قابل تایپ باشه، امکان ویرایش فیلد را به کاربر بدین، به حروف کوچک و بزرگ حساس کنید، فیلد را الزامی کنید و… که هر یک از قوانین به زبان فارسی هستند و میتونید اونها را کنترل کنید. در نهایت بعد از اینکه قوانین را تعیین کردید روی دکمه یک فیلد اضافه کنید کلیک کنید تا فیلد شما اضافه شود. به همین ترتیب سایر فیلدها را هم اضافه کرده و آنها را ذخیره کنید.

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

حالا همونطور که در تصویر میبینید فیلدهایی که اضافه شده در فرم ثبت نام نمایش داده میشه و کاربران میتونند تا این فیلدهای را تکمیل کرده و در پروفایل خودشون ذخیره کنند.

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

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

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

تنظیمات افزونه افزودن فیلد دلخواه در صفحه عضویت وردپرس

  • نمایش تمام فیلد ها در ایمیل خوش آمد گویی: با فعال کردن تیک این گزینه فیلدهایی که در صفحه عضویت تعریف کردید در ایمیلی که برای کاربر و مدیریت سایت پس از عضویت یک کاربر ارسال میشه هم نمایش داده خواهد شد.
  • Show plain text password in the welcome email: با فعال کردن این گزینه رمز کاربر در ایمیل ارسالی برای وی ارسال خواهد شد. البته پیشنهاد می‌کنم از این گزینه استفاده نکنید، چرا که امنیت کاربران در این صورت کاهش پیدا میکند.
  • فعال سازی ایمیل تایید: با فعال کردن این گزینه امکان تایید ایمیل در هنگام ثبت نام وردپرس فعال شده و کاربران بعد از ثبت نام باید روی لینک فعال‌سازی که در قالب یک ایمیل براشون ارسال می‌کنند کلیک کنند تا اکانتشون فعال شده و قادر به ورود در وردپرس باشند.
  • فعال کردن تایید فرم: با فعال کردن این گزینه خلاصه‌ای از فیلدهای پرشده به کاربر نشون داده میشه و در نهایت بعد از اینکه همه فیلدها رو به درستی وارد کرده بود میتونه تا با کلیک روی دکمه عضویت ثبت نام خودش را نهایی کند.
  • با استفاده از فیلد خصوصی سازی صفحه خوش آمد گویی به کاربر جدید هم قادر خواهید بود تا ایمیل خوش آمدگویی را ویرایش کرده و به انتخاب خودتون اونو تغییر بدین تا بعد از ثبت نام برای کاربر ارسال بشه.
  • هدایت به منبع: با فعال کردن این گزینه هم بعد از اینکه کاربر روی لینک تایید ایمیل کلیک کرد بعد از تایید حساب کاربریش به صفحه‌ای که قبلا در اون بوده هدایت خواهد شد.

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

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

 

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

آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields

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

نوشته آموزش افزودن فیلد دلخواه در صفحه ثبت نام وردپرس با افزونه Cimy User Extra Fields اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

لود صفحه قبل از بارگذاری کامل آن

 لود صفحه قبل از بارگذاری کامل آن

 

با سلام خدمت دوستان عزیز وردپرسی!

 

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

 

لود صفحه قبل از بارگذاری کامل آن

 

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

 

<div class="loader"></div>

 

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

 

.loader {
position: fixed;
left: ۰px;
top: ۰px;
width: ۱۰۰%;
height: ۱۰۰%;
z-index: ۹۹۹۹;
background: url('images/page-loader.gif') ۵۰% ۵۰% no-repeat rgb(۲۴۹,۲۴۹,۲۴۹);
}

 

و در نهایت کدهای جی‌کوئری زیر را نیز در فایل header.php و درست قبل از تگ </head> قرار داده و آن را ذخیره کنید.

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/۱.۹.۱/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
})
</script>

 

پس از اینکه تمامی مراحل را به درستی وارد کردید لازم است تا تصویر مورد نظر را که با نام page-loader.gif و در مسیر images قرار دارد را نیز آپلود کنید. که در کدهای css آن را قرار دادیم. و میتوانید از باکس دانلود آن را دریافت کنید.

 

شاد باشید… 🙂

The post لود صفحه قبل از بارگذاری کامل آن appeared first on ایکس اسکریپت.



لینک منبع مطلب

دانلود قالب مجله ای JA Nex برای جوملا

قالب JA Nex یک قالب مجله ای و خبری برای جوملا از محصولات وبسایت نام آشنای joomlart میباشد. اگر به دنبال راه اندازی یک سایت مجله ای و خبری تمام عیار با استفاده از سیستم مدیریت محتوای جوملا هستید، میتوانید این قالب را انتخاب کرده و کار را با خیال راحت به آن بسپارید. قالب نکس در واقع یکی از اعضای خانواده ی teline است که خود در میان قالب ها جوملا از محبوبیت زیادی برخوردار هستند. این قالب از kunena پشتیبانی میکند، امکان استفاده از ۴ استایل منو را برای شما فراهم میکند، به شما اجازه میدهد از بین ۶ تم رنگ متنوع، رنگ دلخواه را برای سایت خود برگزینید، از K2 استفاده کرده و از در نهایت از طرح بندی های متنوع در سایت خود بهره بگیرید. این قالب همچنین با اکستنشن های نام آشنای متنوعی هماهنگ شده تا شما بتوانید از طریق آنها، امکانات جالبی را به سایت خبری خود بیافزایید.

دانلود قالب مجله ای JA Nex برای جوملا

برخی امکانات قالب JA Nex برای جوملا :

  • مناسب راه اندازی انواع سایت های مجله ای و خبری با استفاده از جوملا
  • بهره گیری از فریم ورک JAT3v3
  • سازگار با انواع اکستشن های کاربردی
  • امکان استفاده از کامپوننت K2
  • امکان راه اندازی انجمن گفتگو با استفاده از Kunena
  • پشتیبانی از طرح های رنگ متنوع
  • پشتیبانی از استایل های متنوع در بخش منو
  • امکان استفاده از طرح بندی های متنوع در سایت
  • طراحی زیبا و کاملا متناسب با نیازهای یک سایت خبری
  • و بسیاری امکانات دیگر …

نوشته دانلود قالب مجله ای JA Nex برای جوملا اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.



لینک منبع مطلب

حل خطای Serve Scaled Images در GTMetrix

همه ما با جی تی متریکس آشنایی داریم. یک سیستم آنالیز سرعت وب‌سایت که سایت شما را از جنبه‌های مختلف بررسی و مشکلات سایتتان را حل می‌کند. اما اولین خطایی که بعد از آنالیز سایت شما در جی‌تی‌متریکس به چشم می‌خورد، خطای Serve Scaled Images هست. خطایی که تا بحال نشده سایتی رو توی GTMetrix تست کنم و این خطا رو نبینم!

 

حل خطای Serve Scaled Images در GTMetrix

 

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

 

خطای Serve Scaled Images چیست؟

خطای Serve Scaled Images یا سرو تصاویر مرتب شده! زمانی رخ می‌دهد که تصاویر سایت شما در اندازه و سایزی که باید نمایش داده شوند، روی سایت شما قرار نگرفته‌اند. این که گفتم یعنی چه؟! به عنوان مثال شما تصویر یک گل روی سایتتان نمایش می‌دهید و این تصویر روی سایت شما با استفاده از CSS یا img width height در اندازه ۲۰۰ در ۲۰۰ پیکسل نمایش داده می‌شود. تا اینجا هیچ مشکلی نیست. اما سورس تصویر (یعنی تصویری که از سرور دریافت می‌شود.) سایزی حدود ۲۰۰۰ پیکسل در ۲۰۰۰ پیکسل دارد!!! فاجعه هست نه؟!

 

چرا فاجعه؟

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

 

حالا چطور خطای Serve Scaled Images را حل کنیم؟

برای حل این خطا کافیست تصاویر را در سایزی که در سایتتان نمایش داده می‌شود، لود کنید. اما نمی‌توانیم تک تک تصاویر سایتمان را با فتوشاپ تغییر سایز دهیم و دوباره آپلود کنیم. این کار برای یک وب‌سایت مثل بیست اسکریپت با چیزی حدود ۲۰ هزار تصویر کار بسیار سختی هست. لازم هست بدانید که در وردپرس چیزی به نام image size داریم. یعنی وقتی یک تصویر روی سایتتان آپلود می‌کنید. این تصویر در سایز‌های مختلفی ذخیره می‌شود.

 

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

 

افزونه Regenerate Thumbnails را همیشه بعد از تغییر قالب سایتتان نصب کنید و یکبار فرایند ساخت مجدد تصاویر شاخص را انجام دهید تا مشکل Serve Scaled Images در GTMetrix را حل کنید. آموزش نصب و استفاده از Regenerate Thumbnails را اینجا ببینید.

 

جمع بندی

خطای Serve Scaled Images در GTMetrix زمانی رخ می‌دهد که تصاویر سایت شما در اندازه و سایزی که باید نمایش داده شوند، لود نمی‌شوند. یعنی تصویر منبع از سایز نمایش داده شده در سایت شما بسیار بزرگ‌تر هست. برای حل این خطا باید تصاویر شاخص سایتتان را دوباره بسازید و ساخت دوباره تصاویر شاخص سایت با استفاده از افزونه Regenerate Thumbnails انجام می‌شود.

نوشته حل خطای Serve Scaled Images در GTMetrix اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

Structured Data چیست ؟

Structured Data چیست ؟

 

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

 

Structured Data چیست و چه تاثیری در سئو دارد؟

 

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

 

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

 

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

 

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

 

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

 

تاثیر Structured Data در سئو

 

داده معماری شده یا Structured Data می‌تواند بسیار در سئو سایت تاثیر گذار باشد. این نکات در اصل یک خط اتصال بین سایت وردپرس و موتورجستجو می باشد.Structure Data با یک دسته از اطلاعات و استاندارهای مشخص موجب این می گردد که موتورهای جستجو محتوای تجزیه و تحلیل کنند.در کل Structured Data با استفاده کردن از یک دسته از کدها به ساختار کدهای html صفحات اضافه خواهد شد استانداردهای داده معماری در حال گسترش هستند اما بعضی از عبارات کلیدی دارای تکرار و تاکید هستند.

 

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

 

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

 

استفاده Structured data در سئو وردپرس دارای اهمیت زیادی است .استفاده نادرست از داده معماری ممکن است سبب جریمه گوگل منجر شود.

 

انواع Structured Data

  • RDFa
  • Microformats
  • Microdata
  • JSON-LD

موارد استفاده از Structured Data

 

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

 

Rich Snippets

 

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

 

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

گوگل تنها موتور جستجو نیست که از rich snippet استفاده می‌کند. هم چنین میتوانید مقاله دیگر ما با عنوان Rich Snippet چیست؟ را مطالعه نمایید.

 

Knowledge Graphs گراف اطلاعات

 

موتور های جستجو به طور قابل مشاهده ای در حال ساخت گراف های اطلاعاتی از داده معماری های موجود هستند برای بعضی موارد در جستجو ها Knowledge Graphs یا به اصطلاح Information box را در سمت راست صفحه نتایج جستجو مشاهده می کنید.

 

موفق باشید.

The post Structured Data چیست ؟ appeared first on ایکس اسکریپت.



لینک منبع مطلب

افزونه آی فریم پیشرفته برای وردپرس با Advanced iFrame Pro نسخه ۲۰۱۹٫۵

حتما تاکنون سایت های زیادی را مشاهده کرده اید که برای نمایش مطالب خود از خاصیت آیفریم استفاده می کنند . نمایش مطالب به صورت آیفریم در سایت های خبری بسیار متداول می باشد ؛ چراکه نمایش کامل مطالب در سایت ( معمولا مطالب کپی ! ) باعث اسپم شدن سایت در موتور های جستجو خواهد شد . در این مطلب قصد معرفی افزونه ای را داریم که توسط آن قادر نمایش مطالب یا بخشی از آنها آیفریم خواهید بود . Advanced iFrame Pro نام یک افزونه تجاری وردپرس است که امکان آی فریم را برای کاربران به راحتی فراهم کرده است از قابلیت های این افزونه می توان امکان بزرگنمایی صفحه آی فریم شده و امکان نمایش بخشی از آن صفحه برای ای فریم کردن و همچنین کاملا واکنش گرا بودن آن در برابر تمام گجت ها و دیوایس ها نیز اشاره کرد. در ادامه می توانید این افزونه کاربردی را از دلکد دربافت کنید

افزونه آی فریم پیشرفته برای وردپرس با Advanced iFrame Pro نسخه 2019.5

برخی از امکانات افزونه Advanced iFrame Pro :

  • قابلیت نمایش صفحه ای دیگر در مطالب به صورت آیفریم
  • قابلیت نمایش بخشی از متن به صورت آیفریم
  • استفاده آسان
  • لودینگ زیبا
  • سرعت بالا
  • و …

نوشته افزونه آی فریم پیشرفته برای وردپرس با Advanced iFrame Pro نسخه ۲۰۱۹٫۵ اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.



لینک منبع مطلب

دانلود رایگان کارت ویزیت فروشگاه مد و فشن

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

 

دانلود رایگان کارت ویزیت فروشگاه مد و فشن

 

اطلاعات بیشتر:

  • فرمت: psd
  • طراحی بی نظیر
  • قابلیت استفاده و سفارشی سازی آسان
  • هر دو روی کارت طراحی شده
  • تراکم پیکسل: ۳۰۰dpi
  • مدل رنگ: CMYK
  • اندازه: ۲×۳٫۵ اینچ

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



لینک منبع مطلب

صفحه 1 از 732
12345678910 بعدی 203040...«