آرشیو آبان ماه 1399

به کار گیری از یک سایت دیگر

طراحی وب یکسری زبانه یک سری هسته ای

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

 

نکات اساسی در طراحی وب سایت تعدادی زبانه

جهت نوشتار

طراحی وب سایت یک سری زبانه با رعایت جهت نوشتار

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

 

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

 

ل

هجه اعداد

ساخت سایت یکسری زبانه با رعایت گویش اعداد

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

 

ویدیو

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

 

 

آموزش ساخت سایت رایگان


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

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

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

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

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

چه‌گونه وبسایت بسازیم
دامنه چه می باشد
شایسته ترین پسوند دامنه چه است
تثبیت دامنه مطلوب
یک سری نمونه در رابطه دامنه
هاست چه است
اشکال هاست برای طراحی سایت
ارزش هاست چقدر میباشد
هاست ویندوزی یا این که لینوکس
گزینش هاست مطلوب برای وب سایت شما
گونه های تارنما: استاتیک و داینامیک
تارنما‌های استاتیک (اثبات)
وبسایت داینامیک (پویا)
وب سایت استاتیک بسازیم یا این که داینامیک
امنیت
تولید تغییرات در محتوا
فیض‌گیری کلی
چه گونه وب سایت بسازیم
چه‌گونه تارنما بسازیم؟ یادگرفتن طراحی وب بدون‌پول
چه طور وب سایت بسازیم؟ فراگیری طراحی سایت بدون پول
در‌این یادگرفتن قصد داریم برای شما فرایند فعال‌ساز‌ی یک وب سایت را توضیح دهیم. حتی موردها مطلوب و کاربردی که اکثر طراحان وب سایت برای فعال‌سازی یک وب سایت به عمل میبرند را به شما عزیزان معرفی کنیم.

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

ساختن یک وب سایت


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



گوگل با استعمال از این خدمت قابلیت و امکان ایجاد یک وبسایت عادی و میانگین با امکان هایی مانند قابلیت و امکان بازنویسی آنلاین محتوای وبسایت، قابلیت قراردادن مورد‌های گوگل مانند Google Maps همینطور Google Docs ، قابلیت و امکان مدیر یوزرها تارنما و اکانت‌های کاربری را آماده نموده است.



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


روند ساخت یک تارنما با به کار گیری از خدمت تارنما ساز گوگل:



1. به نشانی sites.google.com رجوع‌کنید، در این صورت در صورتیکه از قبلی به gmail خویش وارد گردیده باشید به صورت بدون واسطه به شیت ی تارنما ساز گوگل برده می‌شوید، اما با به کارگیری از فیلترشکن.






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















2. بعد از آمدن به کاغذ ی وب سایت ساز می بایست بر روی Create کلیک فرمایید، در‌این‌صورت‌ 2 مورد in classic sites و in new sites در دسترس شما قرار میگیرد که می توانید برای ساخت و ساز اینترنت سایتتان یک گزینه را به دلخواه گزینش نمائید، ولی به طبع از خودتان می پرسید این دو آیتم با یکدیگر چه تفاوتی دارا‌هستند؟

با گزینش آیتم ی in classic sites ، تعدادی قالب فراهم برای ساخت و ساز اینترنت سایتتان به شما توصیه داده می‌گردد که می توانید یک کدام از این قالبها را گزینش فرمائید اما در وضعیت دوم یعنی in new sites با امکاناتی که در دست شما قرار می گیرد می توانید قالب آیتم عشق و علاقه تان را بسازید حتی رنگ، سایز، نوع اجزای اساسی قالب اینترنت سایتتان را مانند header، footer، aside و نوع فونتها را تغییر‌و تحول دهید، درواقع آنچه را که دوست دارید در اینترنت سایتتان قرار بگیرد را متناسب با ذوق وسلیقه ی خودتان پباده سازی فرمایید.







3. طریقه ی ساخت سایت با استعمال از آیتم ی اولیه (in classic sites)

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






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







ولی در‌این قسمت، با به کارگیری از مورد ی Browse the gallery for more می‌توانید قالب های بیشتری را ببینید و متناسب با موضوعاتی که در‌این نصیب قرار داده شده‌است ، مانند: موضوعات تجاری، آموزشی، فردی، دولتی و ... . قالبی را تعیین فرمائید حتی با به کارگیری از قسمت گزینش گویش، گویش وبسایت خویش را تغییر‌و تحول دهید.



















بعداز گزینش قالب آیتم نظرتان می توانید برای تارنما خویش یک نام گزینش نمائید.







آن گاه تم رنگی وبسایت خویش را با استعمال از مورد ی select a theme تعیین نمائید.











بعداز گزینش تم وبسایتتان می توانید در نصیب more options ، نصیب site description توضیحی درمورد اینترنت سایتتان قرار دهید.







و درنهایت چنانچه محتوای اینترنت سایتتان فقط برای بزرگسالان اثرگذار می‌باشد می توانید آیتم ی This site contains mature content only suitable for adults تیک دار نمائید و همینطور تیک reCAPTCHA را برای ثابت ربات نبودنتان بزنید و بر روی مورد ی create برای ساخت‌و‌ساز اینترنت سایتتان کلیک فرمائید تا ساخته گردد.











مثال ای از وبسایت تشکیل شده با استعمال از آیتم ی نخستین (in classic sites)







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

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

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

1- درج عنصرها تبلیغ مارک
فوتر تارنما شما گهگاه مجال فوق العاده ای برای تقویت و تبلیغ برندتان در ذهن بازدیدکننده تولید می نماید. میتوانید از این اطراف برای انتقال قیمت مارک به مشتری به کارگیری فرمائید.

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

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

پباده سازی فوتر سایت

Hustle Panda یک نمونه عالی از بی آلایش نگاه داشتن پباده سازی و استعمال از برنده رنگ های شبیه با طراحی وب و فایده مندی از سایز های گوناگون لوگو در دور و بر وب سایت میباشد. استعمال ی مکرر از طرح پاندا به بازدیدکنندگان پیام مارک آنان را یاد آوری می نماید.


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

در تارنما بِهِل از فرم تماس در نصیب فوتر تارنما به کار گیری کردیم



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


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

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

در شرایطی‌که به فوتر تارنما خوب اعتنا کرده باشید این نکته تماما در آن مشاهده می شود.



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



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


4- ساخت و ساز سلسله مراتب مسیریابی
یکی‌از شایسته ترین کارهایی که می‌توانید با مگا فوتر خویش انجام دهید درج پیوند ها در دوست داستنی ترین محتوای وبسایت میباشد.

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

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

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



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



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


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

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

چگونه عکس های وردپرس را ریسپانسیو کنیم


چه‌طور عکس های وردپرس را ریسپانسیو کنیم؟
چه طور عکس های وردپرس را ریسپانسیو کنیم

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

قدم نخستین : تغییر‌و تحول در پوشه functions.php برای ساخت عکس در سایز های متعدد
هر وقت شما عکسی آپلود می­نمایید ، وردپرس آن را در به عبارتی سایز خویش عکس ذخیره میکند همینطور سه ورژن ی دیگر از عکس را به صورت خود کار در اندازه های استاندارد ساخت می­نماید :

Thumbnail (150×150)
Medium (300×300)
Large (1024×10)
این یک خصوصیت قدرتمند میباشد که می‌تواند عکس های با سایز های متفاوت ساخت‌و‌ساز نماید. این بدان معنا میباشد که شما نیاز ندارید که ورژن­ های مختلفی از عکس در سایزهای گوناگون صحیح فرمائید، شما فقط عکس را آپلود می­فرمایید و وردپرس خویش عکس در گونه های سایز­ها ساخت‌و‌ساز می­نماید.
این فعالیت با اعمال تغییراتی در فولدر function.php انجام می­خواهد شد. برای اضافه کردن عکس در اندازه­های دیگر شما نیاز دارید که تابع add_image_size را فراخوانی نمایید. مثلا :

add_image_size( 'sml_size', 300 );
add_image_size( 'mid_size', 600 );
add_image_size( 'lrg_size', 1200 );
add_image_size( 'sup_size', 2400 );
هر فراخوانی به تابع دربرگیرنده یک اسم ( برای شناسایی اندازه بوسیله وردپرس ) و یک اندازه میباشد. سایز نو پهنای ۳۰۰, ۶۰۰, ۱۲۰۰ ، ۲۴۰۰ داراست . همینطور برای این تابع گزینش طول و یا این که برش مقدور میباشد ، البته در نمونه بالا ما نسبت بعد ها تصویر را مراقبت کردیم.

نمونه بالا صرفا نشان می­دهد چهار اندازه تصویر نو اضافه گردیده ، البته شما ممکن میباشد بخواهید اندازه­های بیشتر یا این که کمتری اضافه فرمائید . این متعلق به پباده سازی تم شماست. اینک هر بازه زمانی یک تصویر به وردپرس آپلود می‌گردد، وردپرس آن را در اندازه تازه ساخت می­نماید . قدم بعدی اضافه کردن آن­ها به HTML میباشد .

قدم دوم : نصب افزونه the RICG Responsive Images .
به مراد اینکه وردپرس عکس در اندازه ­های متعدد به ما بدهد نیاز به نصب افزونه RICG Responsive Images داریم. زمانی که آن را نصب و فعال کردیم مجموع عکس­ها در هر سایزی دربرگیرنده تگ عکس همپا با خصوصیت srcset می گردد.

معمولا زمانی عکسی در وردپرس به شیت اضافه می­گردد ، خروجی HTML به طور تحت در می‌آید :

"App
اینجا صرفا یک عکس در سورس آورده شده‌است.

و هنگامی که‌این افزونه نصب می­خواهد شد ، خروجی HTML به طور پایین در می­آید :

"onavo"
مجموع اندازه تصویر تازه از روش خصوصیت srcset اضافه شده‌است.
این افزونه همینطور دربرگیرنده Picturefill.js میباشد که یک تصویر ریسپانسیو برای هر دو عنصر تصویر و خصوصیت های ریسپانسیو نو برای عنصر IMG اضافه می نماید. این ویژگی در کنار خصوصیت srcset اکنون در تگ تصویر منجر ریسپانسیو شدن تصاویر شما می­شوند.

تصاویر شما اکنون ریسپانسیو شدند !
درحال حاضر تصاویر بر روی سایت شما ریسپانسیو خواهند بود – مرورگر خویش مطلوب ترین تصویر را تعیین و دانلود می نماید.
یوزرها در دستگاه­های با برگه اکران کوچکتر تصاویر کوچکتر اخذ خواهند کرد. همانطور این تصاویر سریعتر دانلود می­گردد سایت شما هم سریعتر بارگیری می­خواهد شد ، سپس کمتر به پهنای باند یوزرها نیاز پیدا می­خواهد شد. یوزرها در دستگاه­های با ورقه اکران بزرگتر تصاویر بزرگتر اخذ خواهند کرد ، آنان نمی‌خواهند از کیفیت کمتر برخوردار باشند.
فقط یک اختلال بالقوه با این طرز وجود داراست: سایز­های ساخت و ساز گردیده صرفا با تصاویر که بعداز نصب RICG Responsive Images افزونه به وردپرس آپلود شده‌است عمل خواهد کرد. در حالتی‌که یک وبسایت با اسم تجاری نو که شما در حالا فعالیت بر روی آن می باشید دارید ، مشکلی وجود ندارد، با این حالا چنانچه آن یک وبسایت مو جود با محتوای جان دار باشد اندازه تصویر تازه که شما در functions.php قرار دادید به تصویر افزوده نخواهد شد. خوشبختانه، شما ما یحتاج وجود ندارد مجدد کل تصاویر را اضافه نمائید - یک افزونه جان دار میباشد که می‌تواند یاری دهد.

قدم سوم : نصب افزونه برای ساخت و ساز دوباره اندازه های تصویر(از روی اراده)
افزونه Regenerate Thumbnails کل فولدر­های عکس ضمیمه جانور در وبسایت شمارا یافته و به ساخت مجدد اندازه تصویر تازه مبتنی بر آن چه در functions.php نو جای‌دارد مبادرت می­نماید - این seo حقیقی و واقعی میباشد و فقط نیاز به کلیک یک دکمه دارااست .
بعد از نصب، به Tools -> Regen .Thumbnails بروید آن‌گاه "ساخت دوباره مجموع عکس­ها" را کلیک فرمایید.نوار شرایط ظواهر خواهد گردیده و شما اطلاعاتی در رابطه تعداد تصاویری که تغییر تحول اندازه داده گردیده مشاهده میکنید.

پلاگین ریسپانسیو WPtouch

 

 

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

 

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

 

 

 

پلاگین ریسپانسیو وردپرس

 

 

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

 

 

 

پلاگین وردپرس ریسپانسیو WPtouch

 

 

دانلود پلاگین WPtouch

 

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

 

پلاگین برگه ساز ریسپانسیو SiteOrigin 

 

دو‌مین پلاگین کاربردی که قصد داریم به آن بپردازیم افزونه SiteOrigin با نصب بیش تر از ۱۰۰۰۰۰۰ برنده در مخزن وردپرس تا به‌این روز که در هم اکنون تکثیر این نوشته ی علمی هستیم میباشد با به کار گیری از این افزونه نیز میتوانید با تجهیزات ماهر که داراست ( Drag And Drop ، سازش با مجموع قالب بدون‌پول وردپرس و ورژن های پرمیوم ) اشکال صفحه های ریسپانسیو و واکنشگرا پباده سازی نمائید.

 

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

 

 

 

یادگرفتن پلاگین SiteOrigin

 

 

 

آموزش طراحی قالب واکنش گرا


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

یادگرفتن اصول ساخت سایت عکس العمل گرا

: Viewport
مرورگرهای گوشی برای سازش با تارنما‌ هایی که در حین پیشین پباده سازی گردیده‌ اند از مفهومی به اسم Viewport برای اکران تارنما‌ها به کارگیری می‌نمایند. Viewport فضایی مجازی میباشد که معمولا حدود ۱۰۰۰ پیکسل پهنا دارااست و مرورگر تلفن همراه یا این که تبلت تارنما را در‌این فضای مجازی اکران میدهد و آن گاه این تصویر را در فضای حقیقی و واقعی نمایشگر تلفن همراه یا این که تبلت قرار میدهد.

قدم ابتدا در پباده سازی قالب عکس العمل گرا چه چیزی است؟
آگهی به مرورگر برای تغییر و تحول اندازه‌ Viewport میباشد تا به مکان ۱۰۰۰ یا این که ۹۸۰ پیکسل پیش‌ فرض فضای متبوع نرم افزار‌ نویس را به Viewport تخصیص دهد. تغییر و تحول اندازه‌ی Viewport با به کار گیری از تگ meta در سرآمد پوشه html به انجام می‌ برسد.








در نمونه بالا پهنا Viewport برابر ۴۸۰ پیکسل معلوم شد. کمترین یه خرده که می قدرت انتخاب کرد همین میباشد و در حالتی که پهنا نمایشگر گوشی بیشتراز ۴۸۰ پیکسل گردد پهنا Viewport هم ارتقا خواهد یافت.

راه و روش کاری دیگر در گزینش مقدار Viewport گزینش آن با پهنا فیزیکی نمایشگر میباشد که برای این فعالیت از کد پایین به کارگیری می‌ گردد :






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

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

از جمله در صورتی‌که یک موبایل دارنده ۴۸۰ پیکسل حقیقی و ۳۲۰ پیکسل مجازی باشد، بدین معنا میباشد که در صورتی‌که شما یک تصویر با پهنا ۳۲۰ پیکسل را درین تلفن همراه به اکران در بیاورید، این تصویر ۴۸۰ پیکسل دور و اطراف اشغال خواهد کرد. شایسته ترین چاره برای پایداری طرح، استعمال از واحدهای فیزیکی مانند point , cm , و … هست.

غلو کردن تصاویر :
مرورگرهای تلفن همراه ممکن میباشد به طور پیش‌ فرض صفحه ها شمارا بزرگ نمایی یا این که کوچکنمایی نمایند. از مورد ها قابل در اختیار گرفتن در تگ meta اندازه‌ غلو و کوچک‌ نمایی میباشد.






در کد بالا بیشترین اندازه‌ غلو ۲ برابر و اندازه‌ پیش‌ فرض آن ۱ رقم خورده میباشد.

کوشش خاص مرورگر Safari ممکن میباشد منجر گردد که بخواهید مدام مقدار maximum-scale را برابر ۱ قرار دهید. این مرورگر در صورتی‌که برگه‌ تلفن همراه گردانده خواهد شد تا از وضعیت عمودی به افقی درآید کاغذ را توشه دیگر پردازش نمی‌ نماید و به عبارتی ورقه‌ عمودی را غلو می نماید تا در پهنا کاغذ مکان بگیرد. با انتخاب مقدار maximum-scale به ۱ این همت Safari تصحیح می گردد و اما این عمل سبب ساز میگردد تا یوزرها دیگر توانا به غلو ورقه نباشند که خویش یک انواع محسوب می‌شود.

طراحی سایت دوزبانه انگلیسی ، فارسی ، ترکی ، عربی و…


طراحی وب دوزبانه انگلیسی ، فارسی ، ترکی ، عربی و…
دسته:طراحی وب

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

با این ماژول شما تمامی صفحه ها وب سایت فارسی خویش را به گویش های متبوع خواهید داشت.

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

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

هزینه و بها هر لهجه اضافه به ترازو ۵۰% به هزینه و بها وبسایت اضافه میکند .

از جمله بسته ۲ ما که ۲,۰۵۰ هزار تومان بها داراست ، برای افزودن گویش انگلیسی به طراحی وب سایت مبلغ ۱,۰۲۵ هزار تومان به آن اضافه و توده بسته ۲ و ۲ زبانه انگلیسی – فارسی ما ۳,۰۷۵ هزار تومان گردد.(اینک فقط” بسته ۳ بصورت یکسری زبانه پباده سازی می شود)
آموزش طراحی سایت چند زبانه با وردپرس


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

بیش تر از ۳۵٪ از تمام تارنما های جان دار در وب، با وردپرس تشکیل شده اند. اکثری از آنها به طور یک‌سری زبانه کار می نمایند.

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

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

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

افزودن هدر و فوتر یا سایدبار سفارشی برای هر دسته بندی در وردپرس



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

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

1
2
3
4
5
get_header('blogging');
} else {
get_header();
} ?>
با جایگزین کردن کد بالا با کد پیشفرض فراخوانی هدر به وردپرس میگویید که در شرایطی که فردی دسته بندی “Blogging” را گشوده کرد، وردپرس بایستی هدری به اسم header-blogging.php را اکران دهد، و چنانچه دسته بندی به جز “Blogging” را گشوده کرد وردپرس به عبارتی هدر پیشفرض قالب را اکران دهد.

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

1
2
3
4
5
get_sidebar('blogging');
} else {
get_sidebar();
} ?>
با جایگزین کردن کد فوق با کد پیشفرض فراخوانی سایدبار در وردپرس به وردپرس میگویید در صورتیکه فردی دسته بندی “Blogging” را گشوده کرد بایستی فولدر سایدبار به اسم blogging.php را فراخوانی نماید در غیر این شکل از به عبارتی ساید توشه پیشفرض به کارگیری نماید.

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

1
2
3
4
5
get_footer('blogging');
} else {
get_footer();
} ?>
با جایگزین کردن کد فوق با کد پیشفرض فراخوانی فوتر در وردپرس به وردپرس میگویید در صورتی‌که فردی دسته بندی “Blogging” را گشوده کرد می بایست پوشه فوتر به اسم footer-blogging.php را فراخوانی نماید در غیر این شکل از به عبارتی فوتر پیشفرض استعمال نماید.

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

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

۵- اخذ مجوزهای رسمی و درگاه پرداخت
جهت کار دکان و به کارگیری از درگاه‌های پرداخت آنلاین، نیاز به طی کردن فرایند های رسمی دارید. پش از تثبیت دکان اینترنتی خویش می بایست مبادرت به اخذ جواز های دکان فرمایید.

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

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

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

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





برای اخذ مجوزهای رسمی نیز، میتوانید به تارنما enamad.ir مراجعه نمایید.

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

۶- تبلیغات
برخی از مالکان کسب‌وکار، تصور می‌نمایند که بعد از فعال سازی و ایجاد دکان اینترنتی، عمل اصلی دیگری ندارند.  بعداز اینکه مغازه آنلاین خویش را راه اندازی کردید، دوران آن رسیده که آن را به همگی معرفی نمائید.

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

علاوه بر کانال‌های اجتماعی می توانید از خدمت نشانی اینترنتی نیز، استعمال نمائید و با ارسال نشانی اینترنتی به مشتریان غرض آنان را از تولیدات و تخفیفات نو، با خبر فرمائید.

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

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

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