چگونه برای بهینه سازی تصاویر برای وردپرس به طوری که شما سایت خود را سرعت بخشید و بهبود SEO
چرا باید تصاویر را برای وردپرس بهینه سازی کنید؟ اگر تلاش کنید، می توانید از موارد زیر انتظار داشته باشید:
- سایت سریعتر
- SEO بهتر
- پشتیبان گیری کوچکتر
- استفاده کمتر از پهنای باند
- کاربران شادتر
شما همچنین باید بدانید که مراحل مختلفی وجود دارد که می توانید تصاویر را بهینه سازی کنید. شما می توانید از عکس ها حتی قبل از ارسال آنها به یک وبلاگ مراقبت کنید یا بعد از آپلود آن را انجام دهید.
به سرعت تصاویر خود را در سایت خود آزمایش کنید
قبل از شروع به کار در بهینه سازی، شما می توانید به سرعت سایت خود را برای سرعت و کارایی بررسی کنید . با استفاده از هر یک از ابزارهای موجود در لیست، شما به سرعت متوجه خواهید شد که تصاویر کدام شکل در سایت شما هستند.
ما دوست داریم از GTmetrix استفاده کنیم که حتی تصاویر دقیقی را نشان می دهد که باعث می شود سایت شما بارگیری کند.
بهینه سازی تصاویر برای وردپرس قبل از آپلود
در حالی که وبلاگ نویسی، اکثر مردم تمام مراحل لازم را برای بهینه سازی تصاویر خود انجام نمی دهند. معمولا، مردم فقط عکس خود را از دوربین یا گوشی هوشمند خود گرفته، آن را از اینترنت دانلود و یا با استفاده از نرم افزار کامپیوتر ایجاد کنند.
آنها در مورد فرمت ها، ابعاد تصویر و نام فایل ها فکر نمی کنند. اگر تصویر به نظر خوب می رسد، آنها فقط فرض می کنند که آماده اینترنت است. اگر تصاویر خود را بررسی نکنید، به سمت یک فاجعه می روید.
تغییر اندازه تصاویر
قبل از بررسی عرض و ارتفاع هر عکس، تصاویر را به سایت وردپرس خود آپلود نکنید. برای مثال، اگر شما تصاویری با حداکثر 700 پیکسل نمایش دهید، برای بارگذاری تصویر وسیع تر نیازی نیست. اگر این کار را بکنید، یک فایل بزرگتر دارید که سایت شما را کندتر میکند، در حالی که خروجی یکسان است. وردپرس اندازه دیگری را ایجاد می کند، اما این بهانه ای نیست که تصاویر را قبل از آپلود تهیه کند.
تغییر اندازه تصاویر سریع و آسان است. بسیاری از ابزارهای رایگان مانند مایکروسافت رنگ است که به شما کمک می کند.شما حتی می توانید ابزارهای آنلاین رایگان برای تغییر اندازه تصاویر مانند Easy Resize یا Resize Image پیدا کنید .
ابعاد تصویر از تم به موضوع متفاوت خواهد بود . اگر مطمئن نیستید که کدام یک از شما باید استفاده کنید، نگاهی دقیق تر به موضوع خود بگذارید و عکس ها را بررسی کنید، برای اسناد جستجو کنید یا از پشتیبانی برای کمک بخواهید.
کیفیت را تغییر دهید
پس از تغییر ابعاد، شما باید تغییر کیفیت تصاویر را در نظر بگیرید. بسته به نرم افزار، روش های مختلفی برای تغییر کیفیت تصاویر وجود دارد. به عنوان مثال، همیشه محبوب فتوشاپ به شما امکان می دهد تصاویر را برای وب ذخیره کنید. این گزینه به شما اجازه می دهد تصاویر را با کیفیت پایین تر ذخیره کنید، اما برای سایت شما بهینه سازی می شوند.
همچنین، اگر شما تصمیم به ذخیره یک عکس به عنوان JPEG، فتوشاپ از شما می خواهد که سطح کیفیت را انتخاب کنید. در این مورد، کاهش کیفیت از 12 تا 8 به طور قابل توجهی باعث کاهش اندازه یک تصویر خواهد شد، در حالی که تفاوت کیفیت آن بزرگ نخواهد بود.
اگر هنوز از هیچ نرم افزاری برای تغییر کیفیت تصاویر خود استفاده نمی کنید، می توانید ابزار رایگان آنلاین کوچک PNG را امتحان کنید . فقط یک عکس آپلود کنید و ببینید تفاوت آن چیست.
فرمت مناسب را انتخاب کنید
حتی پس از تغییر اندازه و کیفیت، باید قالب را تغییر دهید. برای شروع، فقط با انتخاب فرمت مناسب، شما می توانید چند کیلوبایت از یک تصویر را حذف کنید، اگر نه بیشتر.
قاعده کلی بسیار ساده است. اگر یک عکس داشته باشید، آن را JPEG کنید . اگر شما یک آرم ، تصویر برداری یا یک کامپیوتر بسیار ساده گرافیکی دارید، با PNG بروید. اگر یک تصویر واقعا کوچک بدون شیب داشته باشید یا می خواهید یک انیمیشن ساده مانند یک نشان داده شده در بالا نشان دهید، می توانید از GIF استفاده کنید. به طور کلی، تصاویر PNG بسیار بزرگتر از موارد JPEG خواهد بود و شما می توانید از تغییر قالب استفاده کنید.
در بسیاری از موارد، اصلاح تصاویر تفاوت های قابل توجهی با کیفیت نخواهند داشت ، در حالی که شما می توانید تفاوت در اندازه را انتظار داشته باشید. دفعه بعد که یک عکس PNG آپلود کردید، یک عکس بگیرید و سعی کنید آن را به عنوان JPEG ذخیره کنید تا ببینید تفاوت چیست. برای توضیح دقیق تر، لطفا تفاوت بین PNG، JPEG، GIF و SVG را ببینید .
مراقب نام فایل ها باشید
در حالی که نام فایل ممکن است ناخوشایند باشد، در واقع چیزی است که باید از آن آگاه باشید. نام فایل تصویر شما یک اطلاعات با ارزش برای جستجوگرها را نگه می دارد . اگر می خواهید دیگران بتوانند تصویر خود را در Google و سایر موتورهای جستجو پیدا کنند، باید نام خود را به آن بدهید.
پیشنهاد میکنیم بدون استفاده از فضاهای نام تصاویر را نام ببرید . فراموش نکنید که کلمات کلیدی را وارد کنید اگر می خواهید صفحه و تصویر را رتبه بندی کنید. برای مثال، اگر شما آپلود یک عکس از فراری کالیفرنیا، نام فایل باید ferrari-california.jpg باشد. اگر از پلاگین SEO برای وردپرس استفاده می کنید، قبلا می دانید که برچسب های alt خود را برای کلمات کلیدی بررسی می کنید. بله، واقعا مهم است که نام تصویر درست داشته باشیم.
بهینه سازی تصاویر برای وردپرس پس از آپلود
پس از تهیه تصاویر در رایانه خود، می توانید آپلود را ادامه دهید. امیدوارم تصاویر شما فقط اندازه و کیفیت مناسب باشند. شما مطمئنید که فرمت و نام فایل درست است. پس از آپلود، وردپرس از شما برای اطلاعات اضافی درخواست خواهد کرد. اطلاعات متا را از دست ندهید ؛ جزئیات مربوط به تصاویر خود را پر کنید تا بتوانید به راحتی آنها را سازماندهی کنید و برای جستجوگرها آماده باشید .
عنوان، شرح، متن آل متن و عنوان
در حالی که مراقبت از ویژگی های فنی، شما نباید در مورد جستجوگرها را فراموش کرده ام. همیشه عنوان و توضیحات را به رسانه های خود اضافه کنید . این به شما در مدیریت رسانه های وردپرس کمک خواهد کرد و همچنین برای جستجوی بهتر SEO کار خواهد کرد. همچنین تگ alt را فراموش نکنید که برای بازدیدکنندگان نمایش داده می شود که نمی توانند تصویر شما را درست ببینند. نه تنها این امر برای کاربران شما مفید خواهد بود، بلکه همچنین به شما در جستجوی SEO کمک خواهد کرد. صفحه شما بهتر رتبه بندی خواهد شد و کاربران می توانند تصاویر جدید خود را راحت تر پیدا کنند.
هرچند که همیشه نیازی به نوشتن ندارید، مطمئن شوید که مواردی را برای تصاویری که نیاز به توضیحات بیشتری دارند (مثلا تصاویر) اضافه کنید.
ویرایش تصاویر با وردپرس
اگر متوجه شوید که یک تصویر همچنان نیاز به ویرایش بیشتری دارد، باید بدانید WordPress به شما این امکان را می دهد حتی پس از آپلود فایل. چرخش، برش و مقیاس تصاویری را که قبلا آپلود کرده اید تغییر دهید. شما حتی می توانید یک تصویر کوچک و یا تمام اندازه های دیگر را ویرایش کنید. ویرایشگر مادری وردپرس بسیار ساده است اما می تواند از زمان به زمان صرفه جویی کند.
همه ریز عکسها را بازسازی کنید
بیشتر تکنیک های قبلی به شما برای فایل های تصویر جدیدی که هنوز آپلود شده اند کمک خواهد کرد. اما اگر شما صدها یا هزاران فایل موجود در سایت وردپرسی خود را آپلود کرده اید، چه؟ نگران نباش شما هنوز هم می توانید این تصاویر را بهینه سازی کنید و اندازه خود را تغییر دهید.
برای حل سریع، شما ممکن است علاقه مند به یک پلاگین ریز عکس های رجیستری رایگان است که توسط بیش از یک میلیون کاربر استفاده می شود. اگر می خواهید کنترل بیشتری بر تصاویر داشته باشید، باید برخی از بهترین افزونه های وردپرس برای بهینه سازی تصویر را بررسی کنید که ما در خطوط زیر این مقاله را به شما نشان می دهیم.
از افزونه های وردپرس استفاده کنید
البته، ده ها افزونه وردپرس وجود دارد که می تواند به شما در بهینه سازی تصاویر در سایت شما کمک کند. برای دیدن بهترین پلاگین های وردپرس برای بهینه سازی تصاویر به پایین بروید .
بارگذاری تصاویر لازاری در صورت لزوم
گاهی اوقات، کیفیت تصاویر بسیار مهمتر از اندازه آنها خواهد بود. این بیشتر برای عکاسانی است که می خواهند عکس های خود را به بالاترین سطح برسانند. آنها نمیتوانند اندازه و کیفیت فایلها را کاهش دهند. با این حال، این بدان معنا نیست که شما باید بهینه سازی را فراموش کنید. برای بهینه سازی تصاویر برای وردپرس در این مورد، باید بارگذاری تنبل را در نظر بگیرید.
Load Lazy یک تکنیک است که تصاویر را بارگذاری می کند فقط زمانی که کاربران به آنها نیاز دارند (به آنها پیمایش کنید). به عنوان مثال، اگر شما 20 عکس با کیفیت بالا را در یک مقاله آپلود کرده اید، سایت خود را به شدت کاهش می دهد. اما اگر تصاویر تند را بارگذاری کنید، مقاله سریعا رعد و برق می شود و عکس ها فقط زمانی که لازم است بارگذاری می شوند - در لحظه ای که یک کاربر به آنها دسترسی پیدا می کند.
تصاویر پاسخگو داشته باشید
اگر چه اکثر تم های وردپرس پاسخگو هستند، اما لزوما به این معنی نیست که تصاویر شما پاسخگو هستند. از آنجا که شما نمی خواهید یک تصویر بزرگ برای بارگذاری بر روی صفحه نمایش کوچک، شما نیاز به ثبت اندازه تصویر اضافی برای سایت شما. اگر موضوع شما از تصاویر پاسخگو استفاده نکند، در نظر بگیرید استخدام حرفه ای برای کار - آن را به آسانی به عنوان آن ممکن است صدا.
بهینه سازی تصاویر برای رسانه های اجتماعی
اگر می خواهید اطمینان حاصل کنید که تصاویر شما در رسانه های اجتماعی خوب ظاهر می شوند، باید گام اضافی و بهینه سازی متا تگ ها و نشانه گذاری طرح را داشته باشید.
اگر از پلاگین SEO مانند Yoast استفاده می کنید ، فراموش نکنید که تنظیمات را بررسی کنید. به عنوان مثال، Yoast به شما اجازه می دهد چند چیز را در ارتباط با رسانه های اجتماعی تنظیم کنید. بنابراین، به SEO -> اجتماعی بروید و اطلاعات را در فیس بوک، توییتر، Google+ و Pinterest وارد کنید.
اگر شما بیشتر بخواهید و می خواهید تصاویر را برای وب سایت های رسانه های اجتماعی بهینه سازی کنید، از WPSSO - Meta Tags + Schema Markup برای به اشتراک گذاری بهینه سازی اجتماعی و پلاگین SEO جستجو کنید .
وردپرس را تغییر دهید تصاویر JPEG را فشرده کنید
اگر شما در حال آپلود مجموعه ای از تصاویر JPEG در وب سایت وردپرس خود هستید، ممکن است متوجه شده باشید که کیفیت اولیه خود را از دست می دهند. اگر شما تعجب کرده اید که آیا وردپرس سرزنش می شود، در حال حاضر شما پاسخ خود را بله - بله، این است!
هنگامی که یک تصویر را در فرمت JPEG آپلود می کنید، وردپرس به طور خودکار فشرده سازی را تغییر می دهد و تصمیم می گیرد که تصویر را با کیفیت از دست بدهد. برای مشخص شدن بیشتر، WP با استفاده از فشرده سازی 90٪ در JPGE های شما استفاده می کند. این عالی است اگر تصاویر شما فقط در آنجا به عنوان ریز عکسها ارسال شوند یا در یک پست نمایش داده شوند، اما اگر شما عکس خود را آپلود می کنید، می خواهید آنها را به بهترین شکل ممکن، درست کنید؟
خوشبختانه، فقط یک خط کد برای تغییر این نیاز دارید.
توقف فشرده سازی تصاویر JPEG:
اگر شما نمی خواهید تصاویر JPEG شما فشرده شود، کافی است کد زیر را در فایل functions.php خود کپی کنید و آن را وارد کنید:
add_filter ('jpeg_quality'، function ($ arg) {return 100؛})؛
فراموش نکنید که تغییرات را ذخیره کنید و آماده ارسال تصاویر جدید هستید.
از سوی دیگر، تصاویر ممکن است از یک معامله برای شما بزرگ نباشد. بنابراین شما ممکن است بخواهید آنها را حتی بیشتر فشرده و صرفه جویی در وقت خود را در بارگذاری سایت شما. اگر آخرین عدد را در آن خط کد تغییر دهید، کیفیت تصاویر تازه آپلود را تغییر خواهید داد.
فشرده سازی تصاویر JPEG حتی بیشتر:
هرچه تعداد عکس پایین تر باشد، تصاویر بیشتر فشرده خواهند شد. به عنوان مثال، برای فشرده سازی این JPEG ها حتی بیشتر، به این کد نیاز دارید:
add_filter ('jpeg_quality'، function ($ arg) {return 80؛})؛
فراموش نکنید سطح فشرده سازی پیش فرض 90 است.
مهم : این فقط روی تصاویری که پس از وارد کردن کد در functions.php بارگذاری می کنید، تاثیر می گذارد. برای تغییر اندازه و کیفیت تصاویری که قبلا در کتابخانه دارید، به پلاگین نیاز دارید.ببینید که چگونه برای بزرگ کردن اندازه تصویر اضافی .
محبوب ترین پلاگین بهینه سازی تصویر برای وردپرس
در ابتدای این مقاله ما درباره چگونگی بهینه سازی تصاویر برای وردپرس صحبت کردیم تا سایت شما را سرعت بخشید و SEO را بهبود بخشید. همانطور که می بینید، روش های مختلفی وجود دارد که می توانید استفاده کنید. مهم است که مراقبت از تصاویر را حتی قبل از ارسال آنها به وبلاگ خود مهم کنید. اما زمانی که تصاویر در سایت حضور دارند، ممكن است هر تصویر را مجددا بهینه سازی كنید و سپس دوباره بارگذاری كنید.
نگران نباش هیچکس انتظار ندارد شما این کار را در وهله اول انجام دهید. در عرض چند دقیقه با ما در تماس باشید. ما در حال آماده سازی پلاگین های بهینه سازی تصویر برای وردپرس هستیم.
یکی از محبوب ترین بهینه سازی تصویر را انتخاب کنید #plugins برای #WordPress و سرعت # وب سایت خود راکلیک کنید به صدای جیر جیر
برای بهینه سازی تصاویر، فقط باید افزونه را از لیست انتخاب کنید. شما باید آن را پیکربندی کنید و چیزهایی را که افزونه برای شما انجام می دهد را انتخاب کنید. پس از آن، شما قادر خواهید بود که به کار خود در پلاگین انتخابی خود بپردازید و در حالیکه می توانید سازماندهی فایل های رسانه ای خود را شروع کنید .
پلاگین های زیر کمک خواهد کرد که فشرده سازی تصاویر در هر سایت وردپرسی شما داشته باشد. آنها سایت را بارگذاری سریع تر و در نهایت به شما کمک می کند تا SEO را بهبود بخشد.
WP Smush
قیمت: رایگان
با بیش از 700،000 نصب فعال، WP Smush باید یکی از بهترین پلاگین های بهینه سازی تصویر برای وردپرس باشد.این می تواند به سرعت با استفاده از تکنیک های فشرده سازی بهینه سازی تصاویر را بهینه سازی کند. چیز عجیب در مورد فشرده سازی تصاویر با WP Smush این است که تصاویر در کیفیت از دست نخواهند داد . ما را باور نکن پلاگین را آزمایش کنید
هنگامی که ما در مورد آماده سازی تصاویر برای وردپرس صحبت کردیم، ذکر کردیم که تغییر اندازه یک بخش مهمی از روند بهینه سازی است. با استفاده از این افزونه، شما نباید نگران این باشید که WP Smush به شما اجازه می دهد حداکثر ابعاد را تنظیم کنید . پس از انجام این کار، تمامی تصاویر بزرگتر قبل از اضافه کردن آنها به کتابخانه به صورت خودکار کاهش می یابد.
این پلاگین فوق العاده می تواند با فایل های JPEG، GIF و PNG کار کند. آن را با تمام دایرکتوری های خود کار می کند، به طور خودکار از فایل های پیوست مراقبت می کند، و حتی در multisite کار می کند. شما می توانید به صورت دستی بر روی هر یک از عکس ها کار کنید یا پنجاه از آنها را به صورت دسته ای ویرایش کنید. اگر شما حتی نتایج بهتر و گزینه های بیشتری را می خواهید، از WP Smush PRO دیدن کنید.
بهینه ساز تصویر EWWW
قیمت: رایگان
پشت نام خنده دار، یکی از محبوب ترین افزونه های بهینه سازی تصویر برای وردپرس است. درست مانند همانند موارد ذکر شده، EWWW Image Optimizer می تواند تصاویر خود را بدون تاثیر بر کیفیت آنها فشرده کند . هنگامی که شما در مورد آن فکر می کنید که افزونه می تواند سایت شما را در عرض چند ثانیه سرعت بخشید، شما در حال حاضر در راه خود برای دانلود آن خواهید بود. هنگامی که این کار را انجام می دهید، می توانید تصاویر را به طور عمده بهینه سازی کنید و گالری هایی مانند GRAND FlaGallery، NextCellent و NextGEN حتی صفحات بهینه سازی فله خود را نیز دریافت خواهند کرد.
تمام تصاویری که از کلاس WP_Image_Editor در WordPress استفاده می کنند به صورت خودکار بهینه سازی می شوند ، در حالی که شما می توانید به صورت دستی تمام سحر و جادو را کار کنید. ما دوست داریم که شما می توانید پوشه هایی را انتخاب کنید که می خواهید بهینه سازی کنید. برای جزئیات بیشتر در مورد این و پلاگین هایی که از این کلاس استفاده می کنند، لطفا صفحه ی رسمی EWWW Image Optimizer را در مخزن وردپرس باز کنید.
فشرده سازی تصاویر JPEG و PNG
قیمت: رایگان
اگر پاندای ناز کوچولو که دارای آرم وردپرس است، باعث نمی شود که بیشتر درباره این افزونه یاد بگیرید، ما نمی دانیم چه خواهد شد. و اگر پاندا آشنا به نظر می رسد، این به این دلیل است که آن یکسان است که به شما کمک می کند تا تصاویر را بر روی وب سایت TinyPNG فشرده کنید. بله، به نظر می رسد که حیوان نسبت به آنچه ما در ابتدا فکر کردیم، همه کاره تر است. اما اجازه دهید بر روی پلاگین تمرکز کنیم.
اگر شما با این افزونه بروید، Panda به طور خودکار تصاویر شما را بهینه می کند . هربار که یک آپلود جدید را آپلود میکنید، افزونه به کار خود ادامه میدهد. با این حال، شما می توانید تصاویر شخصی را بهینه کنید و یا به طور عمده فقط با رفتن به کتابخانه رسانه ها.
فشرده سازی تصاویر JPEG و PNG حتی از PNG های متحرک پشتیبانی می کند، کاملا با چندین کار کار می کند، WooComerce سازگار است و با WP Offload S3 مشکل ایجاد نمی کند.
چیز زیادی در مورد پلاگین این است که به شما اجازه می دهد که حداکثر عرض و ارتفاع را برای تمام تصاویر تنظیم کنید. اگر نگران نباشید در مورد آنچه که متادیتا انجام می دهد نگران نباشید؛ پاندا تمام اطلاعات را حفظ خواهد کرد.
هیچ محدودیتی برای اندازه فایل وجود ندارد ، شما می توانید ویجت داشبورد را تنظیم کنید و حتی با برنامه تلفن همراه وردپرس کار می کند. از آنجا که همه ی آن، تصاویر فشرده سازی JPEG و PNG دارای بیش از 100،000 نصب فعال است و سزاوار یک نقطه در لیست بهترین افزونه های بهینه سازی تصویر برای وردپرس است.
Imsanity
قیمت: رایگان
اگر چه تصویر پوشش برای این پلاگین ممکن است شما را ترساند، یک ثانیه و تمام ویژگی های Imsanity را نگاه کنید. اوه، حتی نام پلاگین به نظر می رسد دیوانه، درست است؟ هنگامی که شما با نام پلاگین درست می شوید، خواهید دید که آن را به مقدار زیادی ارائه می دهد.
Imsanity می تواند به صورت خودکار مقیاس تصاویر، به شما اجازه می دهد حداکثر ابعاد را تنظیم کنید، و حتی دارای گزینه تغییر اندازه بزرگ . این مهم است اگر شما صدها تصویر در وبلاگ خود دارید که نیاز به بهینه سازی دارند.
این افزونه رایگان یک گزینه عالی است اگر شما نمی خواهید با تنظیمات پلاگین زیادی مبارزه کنید. همه چیز این است که Imsanity را نصب کرده و فعال کنید، چند گزینه را تنظیم کنید، و شما می توانید در مورد آن فراموش کنید؛ آن راه خود را به سوی بهینه سازی تصویر مدیریت خواهد کرد.
ما این گزینه را که به شما امکان تبدیل تصاویر BMP به JPG را دوست داشتیم دوست داشتیم . فقط در صورتی که بسیاری از فایل های BMP شما به اشتباه آپلود برخی از زمان پیش، این خواهد بود lifesaver.
ShortPixel Image Optimizer
قیمت: رایگان
با بیش از 30،000 نصب فعال، تصویر ShortPixel هنوز یکی از محبوب ترین افزونه های بهینه سازی تصویر برای وردپرس است. این پلاگین با ویژگی های بسته بندی شده است و برای سایت هایی که تصاویر زیادی برای بهینه سازی دارند باید آن را داشته باشد.
ShortPixel Image Optimizer نه تنها JPG، PNG، GIF، و اسناد PDF را برای شما بهینه سازی می کند، بلکه به شما امکان تبدیل هر نوع JPEG، PNG یا GIF به WebP را نیز می دهد . این پلاگین با سایر پلاگین های گالری کار می کند و مهم نیست که سایت شما از HTTP یا HTTPS استفاده کند. این به شما امکان می دهد اطلاعات EXIF را از تصاویرحذف کنید (چیزی که عکاسان دوست دارند داشته باشند).
این پلاگین تصاویری را که در حال حاضر بهینه سازی شده را به رسمیت می شناسد، به طوری که زمانی که مورد نیاز است، آنها را از بین ببرد. شما اجازه می دهد تا یا اجازه بهینه سازی خودکار را ندهید، و با این پلاگین فوق العاده بسیار، خیلی بیشتر کار کنید. برای دیدن تمام ویژگی ها، صفحه رسمی در مخزن را بررسی کنید.
Optimus - بهینه ساز وردپرس
قیمت: رایگان
درست مانند افزونه قبلا ذکر شده، Optimus تصاویر شما را برای وردپرس بهینه سازی می کند و این کار را بدون تاثیر بر کیفیت تصاویر شما انجام می دهد . شما می توانید پلاگین را به طور خودکار کار کنید، یا می توانید گزینه را خاموش کنید و تنها زمانی که نیاز دارید، تصاویر را بهینه سازی کنید.
Optimus در Multisite کار می کند، آن را به وب سایت های WooCommerce غریبه نمی کند و به طور کامل برای برنامه های WordPress Mobile و Windows Live Writer بهینه شده است. این سایت شما را بدون نیاز به لمس یک خط کد ، سریعتر می کند . افزونه ارائه می دهد بسیار بیشتر، اما شما مجبور به انتخاب برای نسخه حق بیمه. برای دیدن بیشتر، لطفا به صفحه رسمی در مخزن پلاگین وردپرس بروید.
بارگذاری تنبل برای ویدیوها و تصاویر خود را در WordPress اضافه کنید
هنگامی که شما شروع به اضافه کردن بسیاری از فیلم و تصویر در وب سایت خود کنید، واضح است که آن بارگذاری کندتر خواهد شد. مهم نیست که از کجا آمده اید، فیلم ها و تصاویر بزرگ مانند سایت سنگین وزن خود را انجام می دهند و باعث می شود بازدیدکنندگان شما خیلی طولانی تر از بارگذاری همه مطالب باشند. با وردپرس، این نباید یک معامله بزرگ باشد و در اینجا این است که چگونه میتوانید به راحتی وضعیت را رفع کنید.
اگر می دانید راه خود را در اطراف پی اچ پی، یک مقاله عالی در مورد اضافه کردن بارگذاری تنبل برای تصاویر و اسکرول بی نهایت نوشته شده توسط همکاران ما در قالب های زیبا وجود دارد .
اگر نه، در چند خط بعدی ما برخی از محبوب ترین پلاگین های بارگذاری تنبل را ذکر خواهیم کرد که سایت شما سریع تر می شود . و شما حتی مجبور نیستید زیاد کار کنید اما نصب افزونه و تنظیم آن را در چند مرحله سریع انجام دهید.
بار تند و سریع برای فیلم ها
قیمت: رایگان
اگر تعداد زیادی از یوتیوب و ویدیوهای Vimeo داشته باشید، باید نصب این افزونه را در نظر بگیرید. هنگامی که آن را تنظیم میکنید، افزونه یک تصویر را روی ویدیوی شما قرار می دهد و به همین دلیل وب سایت شما بسیار سریعتر بارگذاری خواهد شد. هنگامی که بازدید کننده به یک ویدیو حرکت می کند، این تصویر با یک دکمه "بازی" بر روی آن نمایش داده می شود. پس از کلیک، ویدیو بارگیری و بازی را شروع می کند . یک نسخه ی نمایشی ساده را می توان در سایت توسعه دهنده مشاهده کرد.
WP YouTube Lyte
قیمت: رایگان
این افزونه کار خود را به شیوه ای سریع و آسان انجام خواهد داد. پس از نصب آن، فقط یک لینک به یوتیوب خود اضافه کنید یا از یک کد کوتاه برای اضافه کردن یک آن استفاده کنید. شما می توانید بین اضافه کردن یک ویدیو معمولی، لیست پخش یا فقط صدا از ویدیو انتخاب شده را انتخاب کنید. پس از آن، فیلم های یوتیوب شما یک تصویر بر روی آن دریافت خواهید کرد که بارگذاری تنبل را فعال خواهد کرد. فقط روی تصویر کلیک کنید تا ویدیوی شما و یا شروع صوتی ایجاد شود.
نسخه ی نمایشی را در سایت توسعه دهنده مشاهده کنید.
a3 بار تند و زننده
قیمت: رایگان
DEMO 1
DEMO 2
این یکی به سایت موبایل شما اختصاص داده شده است. اگر شما تعداد زیادی تصاویر و / یا فیلم هایی دارید که می خواهید بازدید کنندگان خود را در دستگاه های تلفن همراه نشان دهید، باید نگاهی به بار A3 Lazy داشته باشید. این به شما این امکان را می دهد که بارگذاری تنبل خود را به تصاویر و ویدیو های خود اضافه کنید و حتی افزونه حتی به شما اجازه می دهد که اثر گذار را انتخاب کنید که به کاربران نشان داده می شود در حالی که از طریق محتویات بارگذاری شده حرکت می کند.
در بخش مدیریت، شما به راحتی می توانید مطالب را که می خواهید بار تنبل را روشن کنید و خاموش کنید. برای کسانی که فعال شده اند، محتوا فقط در زمانی که یک بازدید کننده به قسمت آن محتوا کپی می شود، بارگیری می شود.
نسخه ی نمایشی به خوبی نمایش داده شده است که دارای 1000 تصویر است - هر بار تنها زمانی که شما به آن حرکت می کنید بارگذاری می شود. همانطور که این افزونه ویدیوهای بارگذاری تنبل نیز هست، یک نسخه ی نمایشی ویدئویی وجود دارد که میتوانید با کلیک روی پیوند بالا مشاهده کنید.
بار BJ Lazy
قیمت: رایگان
اگر شما برای پشتیبانی از فیلم ها نیاز ندارید و تنها می خواهید تصاویر خود را به بار تنبل، شما باید این افزونه WP را بررسی کنید. پس از نصب و راه اندازی، آن تصاویر خود، ریز عکسها، تصاویر Gravatar و حتی iframes با یک حفره یا سوراخ جایگزین جایگزین خواهد شد. همانند یک پلاگین قبلی که قبلا ذکر شد، بارگذاری محتوا تنها یک بار که کاربر به آن می رسد .
این که آیا تصاویر یا فیلم هایی که می خواهید بار تنبل باشند، یکی از پلاگین های فوق ذکر شده در چند ثانیه به شما کمک خواهد کرد. همه آنها آزاد هستند، بنابراین برای اینکه حداقل یکی از پلاگین ها را امتحان نکنید، بهای بیشتری ندهید و وزن شانه هایتان را ببینید. البته، پلاگین های دیگری با همان عملکرد وجود دارد و شما می توانید همه آنها را مرور و امتحان کنید.
نمایش قبل و بعد از تصاویر را به شیوه جذاب
ما مطمئن هستیم که قبلا بسیاری از نمونه های قبل / بعد از تصاویر را دیده اید. در مورد شما نمی دانید، اما اولین چیزی که ما در ذهن داریم، عبارت "قبل و بعد" را می بینیم، برنامه تمرینی تناسب اندام است که مردم قبل و بعد از تمرین بدن خود را نشان می دهند.
اگر شما در مورد آن فکر می کنید، اکثر وب سایت ها از یک رویکرد ساده برای نشان دادن تفاوت ها استفاده می کنند - هر دو تصاویر را می گیرند و آنها را یکی پس از دیگری یا حتی یکی بالاتر از دیگری قرار می دهد. اگر شما همان نتیجه را می خواهید، نمی توانید این مقاله را بخوانید، زیرا قبلا می دانید که چگونه این کار را انجام دهید.
اگر ما به شما گفتیم یک راه بصری خیره کننده برای حل این مشکل قبل / بعد وجود دارد و آن فقط در دست شماست؟ خوب، وجود دارد و پس از راه اندازی، شما توسعه دهندگان را ستایش، زیرا نتیجه نهایی واقعا، واقعا جالب است.
بیست و بیست
قیمت: رایگان
بیست و بیست نام این پلاگین فوق العاده است که شما می توانید به صورت رایگان در مخزن پلاگین وردپرس دانلود کنید.
این پلاگین به شما امکان می دهد یک تصویر را بیش از دیگری قرار دهید و به شما اجازه می دهد با یک نوار لغزنده بازی کنید تا بتوانید تصویر را پنهان / افشا کنید. لطفا نسخه ی نمایشی را ببینید و ببینید چه اتفاقی در حال صحبت است.
خوب، اکنون وقتی که شما در این افزونه کوچک قرار گرفته اید، بیایید ببینیم که چگونه این اثر خیره کننده را ایجاد کنیم. اگر چه بازنویسی اثر نسخه ی نمایشی نسبتا آسان است، هنوز هم باید بدانید که راه در اطراف HTML پایه چیست. بیا بریم:
<a href="image1.jpg"> <img src = "http://www.loactionoftheimage.com" width = "700" height = "200" /> </a> <a href="image2.jpg"> <img src = "http://www.loactionoftheimage.com" width = "700" height = "200" /> </a>
شما باید در متن ویرایشگر خود چیزی شبیه به این داشته باشید:
[twentytwenty] <a href="image1.jpg"> <img src = "http://www.loactionoftheimage.com/image1.jpg" width = "700" height = "200" /> </a> <a href="image2.jpg"> <img src = "http://www.loactionoftheimage.com/image2.jpg" width = "700" height = "200" /> </a> [/ twentytwenty]
- ایجاد پست جدید یا باز کردن یک موجود است
- دو عکس را در پست قرار دهید. اگر شما در یک ویرایشگر ویژوال کار می کنید، باید یک تصویر را از بالای یک دیگر ببینید. اگر شما در یک ویرایشگر متن کار می کنید، باید کد مشابه این را ببینید:
- برچسب [twentytwenty] را قبل از اولین تصویر وارد کنید
- بعد از دوم، برچسب [/ twentytwenty] را وارد کنید
- اطمینان حاصل کنید که تصاویر شما یکسان هستند تا بهترین نتایج را بدست آورید
- پیش نمایش یا انتشار پست و لذت بردن از بصری خیره کننده قبل و بعد از تصاویر
چگونه برای ایجاد تصاویر تعاملی - قرعه کشی، اضافه کردن توصیف و لینک
امروزه، وب سایت بدون چند رسانه ای، سخت است. تصاویر، فیلم ها و موزیک ها بخشی از تقریبا هر وب سایت است. به طور متوسط کاربر اینترنت به شدت وابسته به محرک های بصری است، بنابراین شما باید از بخش بصری و تعاملی سایت خود مراقبت کنید . مقالات با تصاویر 94٪ نمایش بیشتر از کسانی که بدون آن. همچنین، در حال حاضر یک واقعیت شناخته شده است که چند رسانه ای در وب سایت ها می تواند بازده بازاریابی محتوا را افزایش دهد .
ما امیدواریم که نیازی به متقاعد کردن شما برای مراقبت از تصاویر در سایت شما نباشد. حتی اگر از تصاویر در مقالات (که شما باید) استفاده کنید، از تصاویر برجسته استفاده کنید، درست است؟ پلاگین های بسیار زیادی وجود دارند که می توانند به شما در مدیریت تصاویر روی سایت وردپرس کمک کنند، شما می توانید موضوعات مربوط به عکاسی داشته باشید، Instagram را به سایت WordPress خود وصل کنید ، و خیلی بیشتر. اما اگر شما می خواهید محتوا تعاملی بیشتری ایجاد کنید چه؟
برای شروع، شما ممکن است علاقه مند به اضافه کردن اثر قبل و بعد از اثر است که کاربران شما را دوست دارم. دربارهواقعیت مجازی در وردپرس فراموش نکنید که پس از Automattic VR را به WordPress.com تبدیل می کند . هنوز چیزی از دست رفته است. آیا امکان ساخت تصاویر تعاملی با قطعات قابل کلیک وجود دارد؟ بله، این ممکن است، و ما در مورد شما نشان می دهد که چگونه سرگرم کننده و آسان است.
جلب توجه
قیمت: رایگان
نسخه ی نمایشی
اولین چیزی که در مورد این پلاگین شما را دوست دارید این است که کاملا رایگان است! درست مثل هر پلاگین دیگری از مخزن وردپرس مانند شما می توانید آن را دانلود کنید، نصب کنید و آن را در عرض چند دقیقه فعال کنید. نسخه رایگان به شما اجازه می دهد تا با یک تصویر تعاملی کار کنید . اگر شما بیشتر بخواهید، باید برای نسخه PRO انتخاب کنید، اما بعدا درباره آن صحبت خواهیم کرد.
این افزونه پاسخگو است و شما نباید نگران این باشید که تصاویر تعاملی به درستی در هر دستگاه نمایش داده شوند. نه تنهاتصویر بر اساس اندازه صفحه نمایش مقیاس می شود ، بلکه در بیشتر مرورگرهای مدرن و قدیمی (دسکتاپ و موبایل) کار خواهد کرد. توجه توجه قرعه کشی در هنگام نمایش دادن در مرورگرهای جدید با استفاده از عناصر بوم در حالی که آن را به نقشه های تصویری می افتد اگر شما آن را در یکی از قدیمی تر بارگذاری کنید.
این شگفت انگیز است که چگونه آسان و سرگرم کننده است برای ایجاد تصاویر تعاملی با #WordPressکلیک کنید به صدای جیر جیر
امکانات
پیش از گرفتن نمونه ای که به شما نشان می دهد که این افزونه ساده چگونه قدرتمند است، بیایید ببینیم چی از Draw توجه کنیم:
- قرعه کشی - پس از آپلود یک تصویر، شما فرصتی برای جلب اشکال روی آن خواهید داشت. هر بخشی از تصویر خود را انتخاب کنید که قابل انتخاب / قابل کلیک است
- رنگ ها - سفارشی کردن رنگ ها به طوری که شما می توانید نقاط قوت متناسب با طراحی سایت خود را
- برجسته کردن در شنا - نمایش یک قسمت دیگر از تصویر اگر یک کاربر بر روی بخش انتخاب شده حرکت کند
- نمایش اطلاعات بیشتر - نمایش اطلاعات بیشتر در مورد قسمت انتخابی تصویر
- برو به URL - تغییر مسیر کاربران به هر URL اگر آنها بر روی انتخاب کلیک کنید
به عنوان مثال - نقشه تعاملی از هاوایی
ما از نمونه از سایت آزمایشی استفاده خواهیم کرد تا به شما نشان دهد دقیقا چه کاری می توانید با توجه به نقاشی انجام دهید. بنابراین، بیایید ببینیم چه نقشه های تعاملی از هاوایی به نظر می رسد زمانی که با این افزونه ایجاد شده است.
اولین کاری که باید انجام دهید این است که تصویری از جزایر هاوایی پیدا کنید. پس از حرکت به نقاشی توجه -> ویرایش تصویر، شما باید تصویر را به منطقه در نوار کناری سمت راست آپلود کنید. هنگامی که تصویر بارگیری می شود، سرگرم کننده می تواند شروع شود.
در اینجا شما می توانید رنگ ها را برای برجسته ها (رنگ، مرز، کدورت، و غیره) انتخاب کنید، کادر "اطلاعات بیشتر" (تصویر، عنوان، رنگ متن، و غیره) را بنویسید. اگر شما نمی خواهید هر و رنگ برای تصویر را به صورت دستی انتخاب کنید، می توانید به سرعت یک طرح رنگی را از نوار کناری سمت راست انتخاب کنید.
بخش جادویی بیشتر در صفحه تنظیمات مناطق حوضچه اتفاق می افتد . در اینجا شما تصویر خود را به اندازه کامل بارگذاری می کنید. همه چیزهایی که اکنون باید انجام دهید این است که شروع به نقاشی و ایجاد نقاط جدید کنید . شما می توانید به عنوان بسیاری از نقاط که شما می خواهید اضافه کنید، بدان معنی است که شما می توانید انتخاب های جامع را به عنوان شما می خواهید. شما می توانید نقاط مختلف را ایجاد کنید و هر یک از آنها می توانید تنظیمات خود را داشته باشید .
بنابراین، در این مثال، شما باید یکی از جزایر را انتخاب کنید. یک عنوان را برای جزیره انتخاب کنید، یک توضیح و یک تصویر اضافی را اضافه کنید که یک بار که کاربر نقطه کانونی (قسمت راست تصویر GIF را در بالا نشان می دهد) نشان می دهد.
شما باید روند را برای هر جزیره ای که می خواهید تعاملی باشد، تکرار کنید. هنگامی که نقاط دسترسی خود را آماده کرده اید، فقط کدهای کوتاه را از سمت راست کپی کنید . چسباندن کوتاه را به یک پست، صفحه، ویجت و یا هر کجا که می خواهید برای نشان دادن نقشه های تعاملی جدید خود را، و شما انجام می شود! اگر می خواهید کاربران را به هر صفحه دیگری هدایت کنید، پس از کلیک بر روی انتخاب، فقط باید URL را به جای توصیف انتخاب کنید. آسان به عنوان آن!
چگونه نقشه تعاملی هاوایی را دوست دارید؟ آیا می خواهید بر روی نقشه بیشتر کنترل کنید؟ ببینید چه کاری می توانید با ویجت Google Maps انجام دهید .
نسخه PRO
در حالی که نسخه رایگان کامل خواهد بود اگر شما فقط یک تصویر نیاز دارید، نسخه PRO به شما این امکان را می دهد که هر چه تعداد عکس های تعاملی را در سایت خود دارید. اگر چه این مهمترین چیزی است که باید در نظر بگیریم، نسخه PRO شما حتی بیش از چندین عکس را دریافت خواهد کرد .
ویژگی های طرح بندی به شما اجازه می دهد اطلاعات بیشتری در مورد قسمت های انتخاب شده تصویر نشان دهید. به عنوان مثال، شما می توانید اطلاعات را در یک جعبه سبز یا در یک نوار ابزار ساده نشان دهید که بعد از اینکه کاربر بر روی قسمت انتخابی تصویر حرکت کرد، ظاهر می شود.
همچنین 20 پالت رنگ از پیش تعریف شده وجود دارد، بنابراین شما مجبور نیستید هر و هر رنگ را به صورت دستی سفارشی کنید. نسخه PRO به مبلغ 74 دلار برای مجوز یک سایت هزینه می کند، اما اگر شما نیاز به بیش از یک تصویر تعاملی داشته باشید، این یک بی نظیر است.
در نهایت، از شما دعوت می کنیم نگاهی به دو نمونه واقعی از پلاگین در عمل داشته باشید. مشاهده تصویر تعاملی از یک ساختمان در ساخت و ساز ، و یکی دیگر که در آن شما می توانید یک طرح از چندین ساختمان کوچکتر ها .
چگونه برای افزایش اندازه تصویر اضافی
نسبتا آسان است برای ثبت نام اندازه های جدید در تم وردپرس خود را. بعد از اینکه سیستم خود را گفتید که تصاویرتان چقدر بزرگ است، آنها را نامگذاری کرده و تصمیم گرفتند که آنها را برش دهید، شما آزاد هستید که تصاویر را در هر کجا که میخواهید پخش کنید. اما درباره تصاویر قدیمی چه می شود؟
اگر از یکی از تکنیک هایی که به شما نشان داده ایم استفاده کرده اید، جلبک های جدید را برای تصاویر جدید آماده کرده اید. این که آیا شما از اندازه ی جدید ثبت نام برای پست های ریز استفاده می کنید یا اجازه می دهد که نویسندگان از آنها در پست ها استفاده کنند، قوانین جدید فقط برای تصاویری که پس از تغییر در فایل functions.php آپلود می شوند ، اعمال می شوند .برای تغییر تصاویر قدیمی، پیشنهاد می کنیم از افزونه Regenerate Thumbnails استفاده کنید.
ریز عکسها را بازسازی کنید:
قیمت: رایگان
- به Plugins-> Add New بروید
- جستجو برای "بازخوانی ریز عکسها"
- نصب و فعال سازی افزونه
- به ابزار Tools-> Regen.Thumbnails بروید
اگر می خواهید تمام تصاویر خود را تغییر دهید، روی دکمه "بازسازی تمام تصاویر کوچک" کلیک کنید و منتظر بمانید تا افزونه بتواند کار سختی انجام دهد.
اگر میخواهید تصاویری را که میخواهید تغییر اندازه دهید را مشاهده کنید یا اگر بخواهید فقط تعدادی از تصاویر را تغییر دهید، به کتابخانه رسانه خود بروید، جایی که گزینه جدیدی در قسمت «عملیات فله» و یکی در کنار هر عکس در آلبوم عکس.
چیز خوبی در مورد افزونه این است که تصاویر اصلی شما را حذف نمی کند . این فقط اندازه تصاویر جدیدی را ایجاد می کند که شما می توانید در موضوع خود استفاده کنید، در حالی که آنهایی که از قبل برای شما استفاده می کنند بعد از آنها استفاده می شوند و یا اگر دستیابی به تصمیم شما برای آنها نیازی ندارید، دستی را حذف کنید.
خودشه. لذت بردن از ریز عکسهای جدید خود و یا بررسی از پلاگین اندازه ساده تصویر است که می تواند همان کار را انجام دهد.
ویژگی های تصویر عرض و ارتفاع را با jQuery حذف کنید
هنگام اضافه کردن تصاویر به پست وردپرس، سیستم به طور خودکار ویژگی های ارتفاع و عرض خود را به تصویر اضافه می کند. این معمولا یک چیز خوب است، اما زمانی وجود دارد که شما به این واقعیت نپردازید که هر تصویر این خصوصیات را دوست دارد.
اگر می خواهید ویژگی ها را در نقطه آپلود قرار دهید، می توانید این کار را از طریق یک عمل ساده انجام دهید که ما آخرین بار به شما نشان دادیم.
اما اگر مقاله را بخوانید یا خودتان تابع خودتان را انجام دادید، متوجه شدید که آن را فقط بر روی تصاویر آپلود شده پس از اجرای تابع در سیستم WP شما تأثیر می گذارد. اگر شما در حال حاضر یک پایگاه داده پر از پست با تصاویر درج شده است، عملکرد فوق الذکر به شما با ویژگی های تصویر قدیمی شما کمک نمی کند.
از آنجا که شما احتمالا نمی توانید از طریق هر یک از تصاویر به صورت دستی بروید و عرض و ارتفاع را به صورت یکپارچه حذف کنید، احتمالا نیاز به یک تابع دیگر است که این ویژگی ها را برای همه تصاویر موجود در پست های شما پوشانده است. در این مورد، شما در نقطه ای قرار گرفته اید زیرا ما در حال انجام یک راه ساده برای به طور خودکار حذف ویژگی های عرض و ارتفاع تصویر با چند خط کد جی کوئری به شما نشان می دهد . با حرف قبلی ترسناک نیستید - شما حتی نباید بدانید که jQuery چیست، فقط سه مرحله بعد را دنبال کنید و در یک لحظه انجام می شود.
حذف ویژگی های عرض و ارتفاع:
<script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($){ $('img').each(function(){ $(this).removeAttr('width') $(this).removeAttr('height'); }); }); </script>
- فایل header.php را از پوشه تم خود باز کنید
- کپی و جایگذاری این کد در هر نقطه بین برچسبهای <head> و </ head>:
- ذخیره تغییرات
و شما انجام می شود! کد پس از باز کردن پست ای که شامل یک تصویر است، جادویش را انجام می دهد و برچسب های عرض و ارتفاع را از آن حذف می کند.
نحوه ایجاد اندازه تصویر سفارشی در Media Uploader
اگر از Media Uploader برای مقابله با تصاویر در WordPress استفاده می کنید، احتمالا گزینه های زیادی برای تصاویر دیده اید. بین بسیاری از شما می توانید یک اندازه تصویر را انتخاب کنید که می توانید به مقاله خود ارسال کنید.
گزینه های کوچک، متوسط، بزرگ و کامل برای انتخاب وجود دارد، اما همه این گزینه ها دارای مقادیر از پیش تعریف شده هستند . بنابراین، اگر شما با استفاده از یک تم سفارشی، اغلب از شما نیست که با تغییر عرض و ارتفاع برای هر عکس بارها و بارها گیر کرده اید.
در واقع، شما مجبور نیستید این کار را انجام دهید. یک تابع کوچک به نام add_image_size () وجود دارد که یک ابزار عالی برای توسعه دهندگان است. و بعد از این مقاله، آن را مفید نیز خواهید یافت.
بگذارید بگوییم تم شما دارای یک عرض سفارشی است و شما می خواهید به راحتی تصاویر را به درستی جا به جا کنید. بیایید بگوییم که عرض 666 پیکسل است (ما نمی خواهیم به این دلیل که شما عرض را به این شماره تعیین کرده اید، انتخاب شماست). برای انجام این کار، شما باید یک دکمه رادیویی اضافی را به Media Uploader اضافه کنید . با کد زیر، شما می خواهید یک اندازه دیگر اضافه کنید که نصف اندازه اصلی آن است.
function custom_image_sizes() { add_image_size( 'one-size', 333, 333, true ); add_image_size( 'another-size', 666, 666, true ); } add_action( 'init', 'custom_image_sizes' ); function show_image_sizes($sizes) { $sizes['one-size'] = __( 'Custom Size 1’, 'isitwp' ); $sizes['another-size'] = __( 'Custom Size 2’, 'isitwp' ); return $sizes; } add_filter('image_size_names_choose', 'show_image_sizes');
- فایل functions.php خود را باز کنید
- کپی و کپی کردن این قطعه کد:
- ذخیره تغییرات
- سعی کنید یک تصویر از Media Uploader خود را در جایی که باید گزینه های اندازه جدید خود را در زیر "تنظیمات نمایش پیوست"
ایجاد عکس به صورت خودکار از هر وب سایت و انتشار آن به عنوان تصویر در پست شما
اگر می خواهید یک تصویر کوچک از یک وب سایت نمایش داده شود، باید به وبسایت بروید، صفحه را چاپ کنید یا تصویر را با یک برنامه یا افزودنی مرورگر بگیرید. سپس شما نیاز به تغییر تصویر، برش آن را به اندازه مناسب و آپلود آن را به وردپرس خود را به طوری که شما می توانید از تصویر در یک پست استفاده کنید.
اگر مجبور نباشید این تصویر فوری را هر بار که بخواهید بردارید، مشکلی نخواهید داشت، اما اگر از تصاویر تکراری از وبسایت های مختلف استفاده می کنید، خوشحال خواهید شد که یک عملکرد فوق العاده ای داشته باشید زمان و اعصاب خود را صرفه جویی کنید.
در این قسمت از راهنمای ما قصد داریم عملکرد کامل شما را نشان دهیم که یک کد کوتاه را ایجاد می کند که می توانید برای گرفتن عکسهای هر صفحه ای که می خواهید استفاده کنید.
ایجاد عکس به صورت خودکار:
function wp_webscreen($atts, $content = NULL) { extract(shortcode_atts(array( "snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'http://www.firstsiteguide.com', "alt" => 'wploop', "w" => '600', // width "h" => '450' // height ), $atts)); $img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />'; return $img; } add_shortcode("screen", "wp_webscreen");
- توابع open php را باز کن
- کد زیر را کپی و جایگذاری کنید:
- متغیرهای پیش فرض را در آرایه تغییر دهید
- ذخیره تغییرات
این تابع یک کد کوتاه ایجاد می کند که شما به راحتی می توانید از هر جایی از وب سایت وردپرس خود استفاده کنید. این که آیا شما می خواهید از تصویر صفحه وب در یک پست، ویجت نوار کناری و یا پاورقی خود استفاده کنید، به عنوان مثال، به سادگی c / p کد کوتاه در سمت راست:
[screen url = "http://www.firstsiteguide.com" alt = "fsg" w = "600" h = "450"]
در مورد این تابع چقدر عالی است که تصویر را به عنوان URL پویا ذخیره می کند، یعنی زمانی که شما ایجاد عکس فوری با کوتاه، آن را به طور خودکار خود را در آینده تجدید و همیشه نشان می دهد که در حال حاضر از وب سایت مشخص شده در کوتاه.
توجه داشته باشید که می توانید پارامترهای کوتاه را مستقیما از آن تغییر دهید. اگر میخواهید عکس فوری یک URL دیگر را بگیرید یا عکس فوری را در ابعاد مختلف بگیرید، لازم نیست کد را در فایل functions.php تغییر دهید.
مثال:
بگذارید بگوییم شما میخواهید یک عکس از Google و آن را 200 × 400 پیکسل بزرگ بسازید:
[screen url=”http://www.google.com” alt=”Google” w=”200″ h=”400″]
شما می توانید همه چیز را حتی با ساده تر کردن صرفه جویی در کوتاه مدت به یک دکمه، به طوری که شما می توانید آن را به یک پست با یک کلیک یک دکمه وارد کنید.
نتیجه
شما لازم نیست همه پلاگین ها و توابع مورد نظر خود را برای بهبود تصاویر در سایت وردپرسی خود نصب کنید. اما ما امیدواریم که شما حداقل چند راهنمایی پیدا کردید که به شما کمک می کند تا تصاویر را بهینه سازی کرده و یا به هر نحو بهتر عمل کنید.
اگر سؤالی دارید، لطفا نظر خود را در مورد این مقاله دریغ نکنید. همچنین، نظرات و پیشنهادات خود را با ما در میان بگذارید.و اگر این راهنما را دوست داشتید، منابع دیگر ما را بررسی کنید و بیشتر بدانید در مورد وردپرس و وبلاگ نویسی به طور کلی.
محصولات مشابه فروشی
-
فشرده ساز تصاویر وردپرس- افزونه WP Smush Pro
افزونه ابزار وردپرسبه صورت خودکار همه تصاویر در هر قسمتی از وردپرس را فشرده سازی و بهینه کنید بدون اینکه کیفیت تصاویر تغییری داشته باشد. صرفه جوی در فضای هاست و سرعت لود شدن سایت با قدرت و سرعت باورنکردنی با افزونه WP Smush Pro امکان پذیر است. این افزونه فشرده سازی و بهینه سازی وردپرس یکی از ضروری ترین افزونه ها برای وب سایت های وردپرسی است. سرعت عملکرد بالا سرعت عملکرد افزونه به طور شگفت انگیزی بالا است و تصاویری که شما برای فشرده سازی تعیین می کنید در زمان بسیار کوتاهی فشرده سازی می کند شما کار خاصی انجام نمی دهید تنها کافی است که تصاویر را بارگذاری کنید تا افزونه اسموش به صورت خودکار تصاویر را فشرده سازی و تغییر اندازه بدهد. بهینه سازی تصاویر بزرگ افزونه اسموش به شما این امکان را می دهد که بدون صرف زمان، تصاویر را کاهش حجم و بهینه سازی کنید تصاویر خود را تا حجم ۳۲ مگابایت...65000 119000 -
الفبای فارسی کودکانه به همراه تصاویر آموزشی لایه باز psd
متفرفهالفبای فارسی کودکانه فایل و طرح لایه باز حروف الفبای فارسی کودکانه به همراه تصاویر زیبا و جذاب جهت آموزش و یادگیری کودکان. این محصول با تصاویری زیبا و جذاب ، رنگ آمیزی شاد که مورد پسند کودکان واقع می شود می تواند موجب توجه کودکان شود. مشخصات محصول الفبای فارسی کودکانه این محصول با فرمت PSD ، فتوشاپ که لایه باز می باشد با کیفیت 300 DPI جهت استفاده در پروژه های کودکان مانند بسته بندی های اسباب بازی کودکانه ، بسته های آموزشی کودکان ، کتابهای آموزشی کودکان و بسیاری دیگر قابل استفاده می باشد. این محصول در سایز حدودی 16cm x 9xm طراحی شده است. این محصول از فونت کودک بهره گرفته شده ولی لایه ها از حالت فونت خارج شده است. نسخه استفاده شده از فونت نیز موجود است که در صورت تمایل می توانید برای تهیه آن به من پیام دهید. امیدواریم از این محصول لذت و بهره کافی را برده و رضایت کامل...32000 40000 -
افزونه وردپرس چند زبانه کردن سایت WPML
افزونه متفرقه وردپرسمحتوای مجموعه : افزونه اصلی + افزونه های جانبی مورد نیاز (اسامی در ادامه مطلب) یکی از قدرتمند ترین افزونه های چند زبانه کردن سایت وردپرس افزونه WPML هست که به راحتی امکان ایجاد سایت چند زبانه رو به وردپرس فراهم میکند و در حال حاظر برترین و قدرتمندترین پلاگین ایجاد سایت چند زبانه میباشد. کلیه قالب های روز دنیا با این پلاگین برای چند زبانه شدن سازگار و این نیز یکی از از نشانه های حرفه ای بودن این افزونه وردپرس هست. نحوه کار و راه اندازی افزونه ترجمه سایت بسیار آسان میباشد و ترجمه فارسی اون به شما کمک خواهد کرد که راحت تر سایت چند زبانه خود را راه اندازی کنید. افزونه WPML به صورت جدا بدون نیاز به نصب وردپرس جدا بخش هایی برای سایر زبان هایی که اضافه می کنیم در همون سایت و دامنه ایجاد می کنه و در کنار همان مطلب فارسی که روی سایت فارسی هست این قابلیت...79000 119000 -
دانلود افزونه وردپرس مخفی کردن محصولات ووکامرس با سطح کاربری
افزونه ووکامرسافزونه WooCommerce Hide Products by User Roles نام یک افزونه ووکامرس برای وردپرس می باشد که با استفاده از آن می توانید برای سطح های کاربری وب سایت خود محصولات مجزا قرار دهید و همچنین می توان برخی محصولات را تا زمانی که بازدید کنند گان در وب سایت عضو نشوند قابل رویت نباشند. امکانات و ویژگی های افزونه مخفی کردن محصولات با سطح کاربری فارسی شده نمایش / مخفی کردن هر نوع محصولات در فروشگاه WooCommerce بر اساس نقش کاربر شامل / شامل نبودن هر گونه محصولات بر اساس نقش کاربر انتخاب محصول در یک مکان برای نقش کاربر مختلف پشتیبانی از تمامی انواع محصولات از WooCommerce WPML سازگار آسان برای استفاده و.... سازگاری افزونه WooCommerce Hide Products by User Roles مرورگر: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome سازگار با :WPML, WooCommerce 3.0.x, WooCommerce 2.6.x, WooCommerce 2.5, WooCommerce 2.4.x, WooCommerce 2.3.x, WooCommerce...65000 105000 -
دانلود قالب Turitor قالب وردپرس آموزش آنلاین وردپرس
قالب وردپرس آموزش آنلاینقالب Turitor یک قالب وردپرس آموزش آنلاین مناسب برای ایجاد وب سایتهای آموزشی ، دوره های آنلاین ، LMS ، بازاریابان محتوای آموزشی و موارد دیگر است. قالب Turitor همچنین یک طرح داخلی برای دانشگاه ، مهدکودک ارائه می دهد تا بتوانید به سرعت از وب سایت دانشگاه یا مدرسه راه اندازی کنید. قالب Turitor ساخته شده با چارچوب Bootstrap4 ، Elementor Builder ، Elements Kit Addons ، یک قالب شیک برای ساخت وبسایت آموزشی شماست. صفحه ساز المنتور قالب Turitor با برخی از بهترین ابزارهای سفارشی سازی موجود در بازار مجهز شده است. این قالب از صفحه ساز محبوب المنتور پشتیبانی می کندو شما براحتی صفحات خود را میتوانید ساخته و ویرایش نمایید. فارسی و راستچین قالب Turitor توسط تیم ملت وب ترجمه و راستچینی شده و شما بدون هیچ دانش برنامه نویسی قادر به راه اندازی سایت رزومه خود خواهید بود. بسته نصبی آسان قالب Turitor با بسته نصبی آسان...129000 259000 -
دانلود قالب وردپرس آموزش آنلاین Eduma فارسی
قالب وردپرس آموزش آنلاینقالب Eduma که یکی از مطرح ترین و حرفه ای ترین قالب وردپرس آموزش آنلاین با طراحی واکنشگرا میباشد و مناسب برای سایت آموزش های آنلاین ، آموزشگاه ها ،مدارس،مهدکودک،و تدریس خصوصی و … میباشد. امروزه سایت های زیادی از راه فروش آموزش های خود کسب کار عالی راه اندازی کرده اند ! قالب وردپرس آموزش آنلاین Eduma یک قالب بی نظیر برای سایت هایی با موضوع آموزش آنلاین، آموزش، دانشگاه، و … است . دارای 6 دموی فارسی قالب Eduma دارای دمو های متفاوت میباشد که 6 دموی جذاب از این قالب با بسته نصبی جداگانه آماده شده است که در آینده نیز دموهای دیگر اضافه خواهد شد. پیشنمایش دموها : دموی یک دموی دو دموی سوم دموی چهارم دموی پنجم دموی ششم قالب Eduma دارای امکاناتی متفاوت برای مدیریت دوره های آموزشی شما است این قالب با استفاده از افزونه فروشگاه ساز ووکامرس امکان پرداخت آنلاین...139000 257000 -
دانلود قالب وردپرس آموزش آنلاین Masterstudy فارسی
قالب وردپرس آموزش آنلاینقالب MasterStudy بهترین قالب وردپرس آموزشی برای سازمان های آموزشی، که دوره های خود را به فروش می رسانند و کلاس های محلی را سازماندهی می کنند. قالب آموزش آنلاین Masterstudy به عنوان تم آموزشی وردپرس برای مرکز یادگیری شما طراحی شده است. شما میتوانید دوره های رایگان یا پولی را به اشتراک بگذارید. قالب فروش دوره Masterstudy ساده و بدون دردسر برای ساخت، سفارشی سازی و مدیریت میباشد. پلاگین ویژوال کامپوزر گنجانده شده است، بنابراین شما می توانید صفحات را در عرض چند دقیقه با ابزار کشیدن و رها کردن آسان بسازید. تم وردپرس آموزش Masterstudy شما به طور کامل پاسخگو است، بنابراین شما می توانید مطمئن باشید که محتوای شما در هر دستگاهی قابل نمایش میباشد. دانش آموزان می توانند نظرات و بررسی های خود را در مورد دوره ها ارسال نمایید. با قالب Masterstudy میتوانید رویداد ها و وبلاگ خود را نیز بسازید و همچنین با...119000 229000 -
پکیج 7 قالب وردپرس آموزش آنلاین با تخفیف ویژه
قالب وردپرس آموزش آنلاینامروز در نظر داریم تا بسته شامل7 محصول وردپرس آموزش آنلاین در ملت وب را در یک بسته با تخفیف ویژه در اختیار شما عزیزان قرار دهیم. قالب های موجود در این بسته با موضوعآموزش آنلاین هستند و با استفاده از این قالب ها شما هر نوع سایت آموزش آنلاین را که در نظر داشته باشید میتوانید بسازید. شما با خرید این بسته به 7 قالب وردپرس ما دسترسی خواهید داشت و میتوانید دانلود و بسته به نیاز در هر زمان استفاده کنید. اگر این مجموعه بصورت تکی خریداری شود هزینه زیادی برای شما خواهد داشت ولی با خرید این بسته شما در هزینه های خود صرفه جویی کرده و 7 محصول پرطرفدار آموزش آنلاین را خواهید داشت . محصولات موجود در بسته : 1. قالب Turitor قالب وردپرس آموزش آنلاین وردپرس قالب Turitor یک قالب وردپرس آموزش آنلاین مناسب برای ایجاد وب سایتهای آموزشی ، دوره های آنلاین ، LMS ، بازاریابان محتوای آموزشی...350000 520000 -
دانلود قالب وردپرس آموزش آنلاین Course Builder فارسی (قالب CorpTrain)
قالب وردپرس آموزش آنلاینقالب Course Builder قالب وردپرس آموزش آنلاین چند منظوره، با کیفیت بالا برای معلمان، مدرسان، مرکز آموزش، مدارس، دانشگاه ها برای ایجاد و مدیریت وب سایت دوره خود آنلاین شما است. انعطاف پذیری و قدرت این قالب وردپرس آموزس آنلاین می تواند به شما در ایجاد دوره های آنلاین زیبا کمک کند، دانش خود را در دنیا به اشتراک بگذارید و با فروش آنها درآمد کسب کند. قالب Course Builder آسان برای استفاده بدون دانش برنامه نویسی است . افزونه های ویژه رایگان برای استفاده راحت شما از قالب همچنین افزایش امکانات قالب وردپرس آموزش آنلاین سایت ملت وب افزونه های زیر را به رایگان (جمعا به ارزش 40 هزار تومان ) بر روی قالب نصب کرده که شما با نصب بسته نصبی آنها نیز نصب خواهند شد. این افزونه ها به قالب افزوده شده اند: 1.افزونه افزایش سرعت وردپرس WP Rocket 2.افزونه Yoast Seo 3.افزونه وردپرس چت و...119000 229000 -
دانلود قالب University قالب وردپرس آموزش و دانشگاه
قالب وردپرس آموزش آنلاینقالب University همان طور که از اسمش پیداست یک قالب بسیار زیبا و چندمنظوره وردپرس است که مناسب راه اندازی سایت هایی با موضوع آموزش و پرورش و حتی دانشگاهی است. از قابلیت های این پوسته می توان به قسمت نمونه کار ها اسلایدر و رویداد ها و همچنین لیست آنلاین دوره ها اشاره کرد. تمام امکانات به اینجا ختم نخواهد شد این پوسته کاملا واکنش گرامی باشد و از ووکامرس و بی بی پرس و کنترل پنل بسیار قدرتمند نیز بهره می برد. قالب University دارای ویژگی های زیادی است که برخی از این ویژگی ها عبارتند از: طراحی پاسخگو، شامل رولوشن اسلایدر ، مدیریت رویداد، مدیریت دوره، و ... ما معتقدیم که قالب University یکی از قالب های وردپرس کامل برای وب سایت های سازمان های آموزشی است. علاوه بر این، قالب University شامل 8 صفحه خانه است که شما می توانید در چند کلیک وبسایت خود را بسازید. شما همچنین می توانید به...109000 219000 -
دانلود قالب eCademy قالب وردپرس آموزش آنلاین
قالب وردپرس آموزش آنلاینقالب eCademy یک قالب مدرن آموزش آنلاین وردپرس است که به طور هدفمند برای آموزش و بخصوص آموزش آنلاین طراحی و ساخته شده است! برای وب سایت های آموزشی ، ارائه دهندگان دوره های آنلاین ، آموزش آنلاین ، مدیریت یادگیری ، صدور گواهینامه ، eSchool ، LMS ، آموزش زبان ، ارائه دهنده آموزش از راه دور ، آموزش مدرن ، دوره های یوگا ، مربیگری بهداشت ، مهد کودک و غیره مناسب است. قالب eCademy از پلاگین Zoom برای کلاسهای زنده پشتیبانی میکند. همچنین سازگار با افزونه پرداخت آفلاین LearnPress ، Yoast SEO ، bbPress و پلاگین WPML. و GDPR میباشد. صفحه سازنده المنتور: المنتور با بیش از 3 میلیون نصب فعال ، بهترین سازنده صفحه سازنده وردپرس است. وب سایت های زیبا با استفاده از یک رابط کشیدن و رها کردن ساده ایجاد کنید. قالب eCademy نیز با این ویرایشگر ساخته شده و ویرایش قالب را خیلی راحت تر کرده است. بسته نصبی...129000 199000 -
بنر لایه باز کابینت سازی و دکوراسیون PSD
بنرطرح بنر کابینت سازی کاملا لایه باز بوده و این طرح مناسب برای دکوراسیون و کابینت سازی میباشد که باتوجه به مدرن بودن طرح از دید خوبی برخوردار میباشد، در روند طراحی این محصول سعی کردیم تمامی استانداردهای لازم را رعایت کنیم تا بعد از چاپ شما از سایر رقبا متمایز دیده شوید. علاوه بر کیفیت بالای محصول و طرحی متفاوت تر از رقبا برای راحتی کار شما فونت هایی که در این طرح استفاده شده قرار داده ایم تا به راحتی بنر را ویرایش کنید. به جرات می توان این بنر لایه باز کابینت سازی و دکوراسوین را بهترین طرح برای افزایش فروش انتخاب کرد. با سابقه چندین ساله در حوزه چاپ این طرح منحصر به فرد مناسب برای چاپ بوده و از پنتون رنگ برای انتخاب کد رنگی CMYK استفاده شده تا چاپ با کیفیتی از این طرح را داشته باشید. این بنر شیک چند منظوره برای دکوراسیون و سایر موارد مشابه مناسب است. از این...20000 28000 -
طرح بنر لایه باز جلوبندی سازی با فرمت psd
بنرطرح بنر لایه باز جلوبندسازی کاملا لایه باز بوده و این طرح مناسب برای مکانیکی و جلوبندی سازی میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و مدرن و در اندازه {400*200} سانتی متر و رزولوشن ۳۰۰ DPII با کیفیت عالی می باشد. از این طرح میتوانید برای تراکت و حتی میتوانید با کمی تغییرات به کارت ویزیت هم تبدیل کنید. ابعاد :400 در 200 سانتیمتر و قابل ویرایش به اندازه های دلخواه خود میباشد فرمت فایل : psd رزولوشن: 300 مد رنگ: CMYK حجم: 14 مگابایت برای کاهش حجم فایل و سهولت در دانلود مقایس فایل بنر ۱۰ برابر کوچک تر ( بدون افت کیفیت ) شده است ، جهت آماده سازی فایل برای چاپ، سایز فایل psd را 3۰۰*12۰ و روزلیشن ۷۲ dpi تنظیم کنید. آموزش استفاده از طرح لایه باز جلوبندی سازی : طرح...23000 -
تراکت تبلیغاتی باشگاه بدن سازی
تراکتتراکت فوق کاملا لایه باز بوده و این طرح مناسب برای تراکت باشگاه بدنسازی میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و مدرن و در اندازه {15*20} سانتی متر و رزولوشن ۳۰۰ DPII با کیفیت عالی می باشد. از این طرح میتوانید برای بنر و حتی میتوانید با کمی تغییرات به کارت ویزیت هم تبدیل کنید. ابعاد :14.8 در 21 سانتیمتر و قابل ویرایش به اندازه های دلخواه خود میباشد فرمت فایل : psd رزولوشن: 300 مد رنگ: CMYK حجم: 25مگابایت آموزش استفاده از طرح لایه باز: طرح لایه باز موجود در سایت با فرمت PSD بوده و برای استفاده از این طرح لایه باز ، بعد از خارج کردن از حالت زیپ، روی طرح لایه باز راست کلیک کرده و با نرم افزار فتوشاپ باز نمایید. تراکت چیست و چه کاربردی دارد: تراکت روش انتقال پیام...20000 25000 -
طرح لایه باز بنر باشگاه ورزشی (بدن سازی)
موکاپطرح لایه باز بنر باشگاه ورزشی (بندن سازی) و دیگر صنوف مرتبط بنر لایه باز باشگاه ورزشی بدن سازی را می توان برای صنوف دیگر با کمی تغییر و خلاقیت استفاده نمود. از طرفی با توجه به اندازه 3 متری این بنر و کاملا لایه باز بودن، با کمی تغییر می توان اندازه طرح رو به هر اندازه دلخواهی که دلخواهتان است تغییر بدهید. همچنین فایل مورد نظر این امکان را دارد که به عنوان کارت ویزیت یا تراکت هم مورد استفاده قرار بگیرد و ضمناً طرح آماده چاپ می باشد. این فایل دارای پشتیبانی کاملا رایگان می باشد. عکس های مورد استفاده شده در این بنر به صورت کیفیت بالا در لایه های فایل موجود است. درون فایل مورد نظر مجموعه ای از فونت های به روز شده برای طراحی قرار دارد. (فارسی/لاتین) ابعاد : 170 سانتی متر در 300 سانت (قابل ارتقا به 10 برابر بزرگ تر - جهت چاپ اندازه واقعی را بزنید و رزولیشن را 72 قرار دهید) فرمت...20000 22500 -
بنر لایه باز کابینت سازی و دکوراسیون PSD
بنرطرح بنر کابینت سازی کاملا لایه باز بوده و این طرح مناسب برای دکوراسیون و کابینت سازی میباشد که باتوجه به مدرن بودن طرح از دید خوبی برخوردار میباشد، در روند طراحی این محصول سعی کردیم تمامی استانداردهای لازم را رعایت کنیم تا بعد از چاپ شما از سایر رقبا متمایز دیده شوید. علاوه بر کیفیت بالای محصول و طرحی متفاوت تر از رقبا برای راحتی کار شما فونت هایی که در این طرح استفاده شده قرار داده ایم تا به راحتی بنر را ویرایش کنید. به جرات می توان این بنر لایه باز کابینت سازی و دکوراسوین را بهترین طرح برای افزایش فروش انتخاب کرد. با سابقه چندین ساله در حوزه چاپ این طرح منحصر به فرد مناسب برای چاپ بوده و از پنتون رنگ برای انتخاب کد رنگی CMYK استفاده شده تا چاپ با کیفیتی از این طرح را داشته باشید. این بنر شیک چند منظوره برای دکوراسیون و سایر موارد مشابه مناسب است. از این...20000 28000 -
بنر سردرب لایه باز اگزوز سازی
بنربنر سردرب لایه باز اگزوز سازی
بنر سردرب لایه باز اگزوز سازی با پس زردو قرمز طراحی شده و در طرح از تصویر باکیفیت و کاملا لایه بازاستفاده شده است.
بنر سردرب لایه باز اگزوز سازی را می توانید با تغییر سایز برای تراکت و کارت ویزیت تبلیغاتی بنر سردرب لایه باز اگزوز سازی نیز استفاده نمایید.
حجم : 30 مگابایت
ابعاد : 200 در 100 سانتی متر
پسوند: PSD
23000 26000 -
طرح بنر لایه باز جلوبندی سازی با فرمت psd طرح جدید
بنرطرح بنر لایه باز جلوبندسازی کاملا لایه باز بوده و این طرح مناسب برای مکانیکی و جلوبندی سازی میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و مدرن و در اندازه {300*100} سانتی متر و رزولوشن ۳۰۰ DPII با کیفیت عالی می باشد. از این طرح میتوانید برای تراکت و حتی میتوانید با کمی تغییرات به کارت ویزیت هم تبدیل کنید. ابعاد :300 در 100 سانتیمتر و قابل ویرایش به اندازه های دلخواه خود میباشد فرمت فایل : psd رزولوشن: 300 مد رنگ: CMYK حجم: 193 مگابایت برای کاهش حجم فایل و سهولت در دانلود مقایس فایل بنر ۱۰ برابر کوچک تر ( بدون افت کیفیت ) شده است ، جهت آماده سازی فایل برای چاپ، سایز فایل psd را 3۰۰*12۰ و روزلیشن ۷۲ dpi تنظیم کنید. آموزش استفاده از طرح لایه باز جلوبندی سازی...23000
آخرین های مشابه مشاهده بیشتر
-
آموزش بهینه سازی تصاویر وردپرس (کم حجم کردن تصاویر)
آموزش wordpressچگونه برای بهینه سازی تصاویر برای وردپرس به طوری که شما سایت خود را سرعت بخشید و بهبود SEO چرا باید تصاویر را برای وردپرس بهینه سازی کنید؟ اگر تلاش کنید، می توانید از موارد زیر انتظار داشته باشید: سایت سریعتر SEO بهتر پشتیبان گیری کوچکتر استفاده کمتر از پهنای باند کاربران شادتر شما همچنین باید بدانید که مراحل مختلفی وجود دارد که می توانید تصاویر را بهینه سازی کنید. شما...رایگان -
آموزش اضافه کردن توضیحات به تصاویر در وردپرس
آموزش wordpressآیا می خواهید زیرنویس ها را به تصاویر خود در WordPress اضافه کنید؟وردپرس با قابلیت داخلی ساخته شده است تا به راحتی یک عنوان و متادیتای دیگر از جمله عنوان و متن جایگزین برای هر تصویر اضافه شود. اضافه کردن عنوان به تصاویر در وردپرس اولین کاری که باید انجام دهید اینست که تصویر را آپلود کنید. در صفحه ویرایش پست، بر روی آیکون «اضافه کردن بلوک» کلیک کنید و بلوک «تصویر» را انتخاب...رایگان -
آموزش وارد کردن تصاویر خارجی در وردپرس
آموزش wordpressآیا میخواهید تصاویر خارجی را در وردپرس وارد کنید؟ اگر اخیرا وبسایت خود را از یک پلتفرم به وب سایت دیگر منتقل کرده اید، احتمال شانس این است که تصاویر خارجی خود را در صفحات خود جاسازی کنید. در این مقاله، ما توضیح خواهیم داد که چگونه به درستی این تصاویر خارجی را در WordPress وارد کنید. چه وقتی و چرا شما نیاز به وارد کردن تصاویر خارجی دارید؟ تصاویر خارجی تصاویری هستند که در...رایگان -
آموزش بهینه سازی Robots.txt برای سئو در وردپرس
آموزش wordpressاخیرا یکی از کاربران ما از ما سوال هایی در مورد چگونگی بهینه سازی فایل robots.txt برای بهبود سئوپرسید. فایل robots.txt به موتورهای جستجو می گوید چگونه وب سایت شما را جستجو کند . در این مقاله ما به شما نحوه ایجاد یک فایل robots.txt کامل برای سئو را نشان خواهیم داد. فایل robots.txt چیست؟ Robots.txt یک فایل متنی است که صاحبان وب سایت می توانند بگویند که موتورهای جستجوگر چگونه به خزیدن و فهرست کردن...رایگان -
آموزش استفاده از تصاویر WebP در وردپرس
آموزش wordpressتصاویر WebP یک قالب تصویری مدرن است که با کاهش اندازه پرونده ، فشرده سازی تصویر بهتری را ارائه می دهد. این باعث بارگذاری سریعتر وب سایت و صرفه جویی در پهنای باند می شود. در این مقاله ، ما به شما نشان خواهیم داد که چگونه به راحتی از تصاویر WebP در وردپرس استفاده کنید. WebP چیست و چرا باید از تصاویر WebP در وردپرس استفاده کرد؟ WebP یک قالب فایل جدید برای تصاویر مورد استفاده در وب است. با...رایگان -
آموزش ایجاد تصاویر تعاملی در وردپرس
آموزش wordpressآیا می خواهید یک تصویر تعاملی برای وبلاگ وردپرس خود ایجاد کنید؟ یک تصویر تعاملی به شما امکان می دهد که نقاط خاصی از تصویر خود را برجسته کنید، لینک کنید و تحرک دهید. در این مقاله ما به شما نحوه ایجاد تصاویر تعاملی در WordPress نشان خواهیم داد. تصویر تعاملی چیست؟ یک تصویر تعاملی دارای نقاط برجسته، لینک ها، رنگ ها و موارد دیگر است. این با یک تصویر ساده که شما در وردپرس آپلود می کنید متفاوت...رایگان -
50 action اکشن فتوشاپ رایگان برای اضافه کردن اثر هنری به تصاویر
آموزش فوتوشاپدر این مجموعه از منابع فتوشاپ ما انتخاب های عظیمی از اقدامات فتوشاپ فوق العاده و رایگان برای اضافه کردن اثرات پرنعمت به تصاویر خود را. همه این اقدامات به شما مقدار زیادی وقت صرفه جویی می کنند و مجموعه عکاسی شما را به نتایج باور نکردنی و حرفه ای خواهند داد. در پایین پست ما یک آموزش کوچک برای ایجاد اقدامات خود و همچنین یک آموزش برای نصب آنها وجود دارد. اقدامات نسخه ی...رایگان -
آموزش بهینه سازی دیتابیس با افزونه Wp-Optimze و دستی
آموزش wordpressاگر از هر زمان برای وردپرس استفاده می کنید، بدون شک در بعضی از پایگاه های داده خود، برخی از ناخواسته ها را تولید می کنید. به خصوص در مرحله ساخت و طراحی، اگر شما تعداد زیادی افزونه مختلف را امتحان کرده و سپس آنها را حذف کرده اید، می توانید مقدار زیادی ناخواسته را پشت سر گذاشت. این ناخواسته نشان دهنده اطلاعات فوق العاده ای است که ممکن است سایت سایت وردپرسی شما هر بار که از آن...رایگان -
آموزش کامل ترکیب تصاویر با یک مدل عکاسی در فوتوشاپ
آموزش فوتوشاپدر این آموزش، من به شما فرآیندهای ایجاد این هنر دیجیتال Surreal Digital را در فتوشاپ نشان می دهم . ما از یک تصویر ساده شهر شروع می کنیم و با ابر، مدل و چندین اشیا دیگر ترکیب می کنیم تا این اثر سوررئال را شکل دهیم. امتحان کنید خوب شروع کنیم! برای تکمیل این آموزش، شما به سهام زیر نیاز خواهید داشت: شهر ابر مدل سنگ برس قلم مو رعد و برق کلاغ مرحله 1 یک سند جدید با...رایگان -
آموزش ترکیب تصاویر زیبا از یک انسان در جنگل در فوتوشاپ
آموزش فوتوشاپبرای تکمیل این آموزش، شما به سهام زیر نیاز خواهید داشت: مدل توسط faestock جنگل سنگ جمجمه برس رعد و برق برس دود مرحله 1 یک سند جدید با ابعاد 1340 پیکسل * 728 پیکسل با پس زمینه سیاه و سفید ایجاد کنید، از هر فتوشاپ براش یا فانتزی براش فتوشاپ یا ابر استفاده کنید بارگذاری تصویر موجود در جنگل در فتوشاپ، جای آن را در پس زمینه ما قرار دهید: از پاک کردن...رایگان -
نکات طلایی برای بهینه سازی وردپرس
آموزش wordpressاینکه وبسایت خود را به تازگی راهاندازی کرده باشید و یا مدت زمان زیادی از تاسیس آن گذشته باشد فرقی در اینکه باید سایت را برای موتورهای جستجو بهینهسازی کنید ندارد. زمانی که دست به کیبورد میشوید و شروع به نوشتن میکنید باید نکاتی را پیش از آن در وبسایت خود رعایت کرده باشید تا محتوای شما به عنوان یک محتوای استاندارد و مناسب از نظر موتورهای جستجو و حتی بازدیدکنندگان سایت...رایگان -
بهینه سازی وب سایت وردپرس برای موبایل
آموزش wordpressاکثر مردم سایت خود را به یک یا چندین راه بهینه سازی کرده اند، اما آیا تا به حال هر کاری را برای بازدید کنندگان تلفن همراه خود انجام داده اید؟ در سال 2016، برای اولین بار در تاریخ، استفاده از اینترنت تلفن همراه بیش از دسکتاپ است. مردم بیشتر و بیشتر از دستگاه های موبایل خود استفاده می کنند پس باید برای ورود به سایت به مشکلی برنخورند. بسیاری از سایتها برای تلفن همراه فراتر از یک تم پاسخگو...رایگان -
نحوه تنظیم اندازه تصویر وردپرس و بهینه سازی آن
آموزش wordpressتصور کنید اگر وب سایت بدون تصاویر، قطعا ناخوشایند و کمتر آموزنده به نظر می رسد. به همین دلیل، بیشتر صاحبان وب سایت تصاویر را به محتوای آنها وارد می کنند. در این مورد، شما باید تصاویر با کیفیت بالا را به منظور جذب بازدید از بازدید کنندگان قرار دهید. علاوه بر این، یک تصویر خوب نیز ترافیک پیام را افزایش می دهد. برای لذت بردن از نتایج قابل توجه، البته اول باید تصویر وردپرس را...رایگان -
بهترین افزونه های سئو تصاویر وردپرس
آموزش wordpressهمانطور که می دانید، سئو از فاکتورهای مختلفی تشکیل شده است که یکی از آن ها بهینه سازی تصاویر است. من در این مقاله آموزش سئو فقط به بررسی افزونه هایی می پردازم که سایر و کیفیت تصاویر را بهینه سازی می کنند. تصاویر بهینه شده، کمک می کنند تا مدت زمان لودشدن سایت بیش از آستانه تحمل کاربر و طولانی نشود. تنها کافی است که وبسایتی را با یک گالری از تصاویر بهینه نشده فرض کنید که باعث می...رایگان -
ساخت تصاویر شاخص با thumbnail وردپرس
آموزش wordpressاگر یک سایت می سازیم باید تمامی جنبه های آن را رعایت کنیم و به تمامی بخش های آن رسیدگی کنیم. یکی از مباحثی که بسیار حائز اهمیت است مبحث سئوی سایت ها می باشد. خیلی از راه ها را باید برای رسیدن به سئوی خوب طی کنید و نباید تصور کنید تنها با یک افزونه سئو کار تمام است. یکی از مواردی که ممکن است دوستانی به آن توجه نکنند ساخت thumbnail وردپرس است. انتخاب یک تصویر به عنوان تصویر...رایگان -
ساخت گالری تصاویر رسپانسیو در وردپرس
آموزش wordpressامروزه هر سایت مدرن شرکتی و خدماتی را که مشاهده می کنید بخشی با عنوان گالری تصاویر رسپانسیو دارند. سایت های شرکتی معمولا در گالری تصاویر رسپانسیو خود؛ تصاویر همکاران، بخش های مختلف شرکت، تندیس ها و… را قرار می دهند و از قرار دادن این گونه تصاویر در بخش های دیگر سایت جهت جلوگیری از شلوغ شدن سایت، خودداری می کنند. از این رو می توان گالری تصاویر رسپانسیو در وردپرس را یک...رایگان -
آموزش محدود کردن یا غیرفعال کردن خالی کردن خودکار سطل زباله در وردپرس
آموزش wordpressدر وردپرس، هنگام حذف یک پست یا نظر، به سطل زباله می رود. به طور پیش فرض، پست ها و نظرات خراب شده در پایگاه داده شما به مدت 30 روز باقی می ماند که به شما وقت کافی برای بازگرداندن آنها در صورت نیاز می دهد. پس از 30 روز، وردپرس به صورت خودکار تمام محتوای سطل زباله را به طور دائمی حذف می کند. در این مقاله ما به شما نحوه محدود کردن یا غیرفعال کردن قابلیت حذف خودکار حذف وردپرس را نشان...رایگان -
نمایش تصاویر اینستاگرام در وردپرس با WP Instagram Widget
آموزش wordpressاینستاگرام یکی از شبکه های اجتماعی بزرگ دنیا می باشد که مانند تلگرام نزد کاربران ایرانی، از اهمیت ویژه ای برخوردار است. خیلی از کسانی که شروع به فعالیت در زمینه تجارت الکترونیک و کسب درآمد از اینترنت کرده اند بی درنگ سراغ این نرم افزار و یا وب سایت یا اصلا شبکه اجتماعی رفته اند. می توانیم با کمک اینستاگرام یک تبلیغات کاملا رایگان و فراگیر برای خدمات و محصولات خود راه اندازی کنیم....رایگان -
اجازه دادن به کاربران به آپلود تصاویر در نظرات وردپرس
آموزش wordpressتصاویر و نظرات هر دو ابزار قدرتمند برای افزایش تعامل کاربر در سایت شما هستند. این یکی از دلایلی است که فیس بوک کاربران را قادر می سازد تصاویر را با نظرات خود آپلود کنند. اگر ما به شما بگوئیم که می توانید همان کار را برای نظرات وردپرس اضافه کنید چه؟ با توجه به توطئه سایت شما و مخاطبان هدف، این می تواند به طور قابل توجهی باعث افزایش مشارکت کاربران در سایت شما شود. در این مقاله ما...رایگان -
چگونه می توان بزرگ نمایی زوم برای تصاویر را در وردپرس اضافه کرد
آموزش wordpressآیا می خواهید مانند آمازون بزرگنمایی زوم برای تصاویر در وردپرس اضافه کنید؟ تصاویر زوم اجازه می دهد تا کاربران را به دیدن جزئیات که آنها را در یک تصویر به اندازه طبیعی را نمی بینم. در این مقاله، به شما نشان خواهیم داد که چگونه به راحتی بزرگنمایی برای تصاویر در WordPress اضافه کنید. اضافه کردن بزرگنمایی برای تصاویر وردپرس اولین چیزی که باید انجام دهید این است...رایگان -
دانلود رایگان افزونه وردپرس نمایش تصاویر و مطالب اینستاگرام instagram
افزونه رایگان وردپرسInstaShow یک افزونه وردپرس Instagram برای ایجاد گالری های جذاب تصاویر Instagram است. استفاده از خوراک نمایش اینستاگرام چند منظوره پاسخگو برای نمایش عکس های مختلف از صفحه های عمومی می باشد که این افزونه زیبا از امکانات زیادی برای تعیین منابع لازم و تنظیم فیلتر های اضافی استفاده کنید. 60+ پارامترهای سازگار و 10 طرح رنگی به تنظیم گالری و نمایش زیبا تر تصاویر اینستاگرام کمک...رایگان -
ساخت فایل های انیمیشن GIF و تبدیل و بهینه سازی آنها
در این نوشته قصد داریم در مورد فایل هایی با پسوند GIF صحبت کنیم . فرمت GIF فرمتیست که هم بافت های گرافیکی ثابت رو پشتیبانی میکنه هم بافت های گرافیکی متحرک که در حقیقت کوتاه شده اسم Graphics Interchange Format هست . بر خلاف اون چیزی که بین متخصصان کامپیوتری و طراحان رواج پیدا کرده تلفظ صحیح این فرمت جیف هست . دیکشنری آکسفورد هر دو تلفظ گیف و جیف رو برای این فرمت صحیح میدونه در حالی که...رایگان
هشتگ ها :
این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید