افزونه WP WP-Recall با افزونه های شخص ثالث گسترش می یابد. ما این لحظه را جدا کرده ایم.

یک دسته جداگانه از افزونه های WP-Recall وجود دارد: - پیوند کاتالوگ افزونه ها را دنبال کنید و الگوهای موجود را بررسی کنید (هم قالب های رایگان و هم قالب های VIP و LC ممتاز در آنجا ارائه می شوند).

قالب های حساب شخصی - یک راه حل آماده که حساب شخصی کاربر (PC) را در wp به روشی کاملاً متفاوت نشان می دهد. بسیاری از پلاگین ها حساب های شخصی کاربران را بدون امکان تغییر ظاهر ساده ارائه می دهند - در WP-Recall این مشکل با جابجایی ساده در پنل مدیریت حل می شود.

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

در این لحظهبسته اصلی این افزونه با 2 افزونه رایگان - قالب های حساب شخصی ارائه می شود: Sunshine و Grace. اینها قالب‌های حساب شخصی واکنش‌گرا هستند (به شرطی که تم وردپرس شما واکنش‌گرا باشد). آنها استفاده راحت از کابینت را هم در رایانه شخصی و هم در تبلت یا دستگاه های تلفن همراه به کاربر ارائه می دهند. منوی برگه به ​​راحتی در "برگر" شناخته شده گروه بندی و پنهان می شود - نمادی که با کلیک کردن بر روی آن دریافت می کنید منوی موبایل. به این ترتیب، تعداد زیادی ازبرگه ها در حساب شخصی قالب کابینت را خراب نمی کنند و یک رابط کاربری راحت ارائه می دهند.

نصب قالب حساب شخصی، فعال سازی و به روز رسانی آن:

نصب قالب حساب شخصی:هیچ تفاوتی با نصب افزونه جدید WP-Recall ندارد.
به پنل مدیریت بروید: "WP-Recall" -> "Templates" و در "دانلود افزونه برای WP-Recall با فرمت zip." بایگانی فشرده افزونه قالب حساب شخصی را انتخاب کنید و آن را در قسمت آپلود کنید. سرور

فعال سازی قالب حساب شخصی:- شما می توانید تنها یک قالب حساب شخصی را در یک زمان فعال کنید. برای فعال کردن آن در صفحه "WP-Recall" -> "Templates"، به الگوی مورد نظر در لیست اشاره کرده و روی "اتصال" کلیک کنید.

به روز رسانیقالب های شخص ثالث به همان روش افزودنی های شخص ثالث تولید می شوند - کار با آنها در فصل 1 برچیده شد. زمانی که افزونه به روز می شود، قالب های پایه به روز می شوند.

ساختار اصلی قالب های حساب شخصی:

البته تطابق 100% به الگوی استفاده شده بستگی دارد، اما به عنوان یک قاعده، ساختار کابینت به این صورت است:

در قسمت بالا، الگوها نوار کناری خود را ثبت می کنند (در پنل مدیریت: "ظاهر" -> "ابزارک") - یعنی. شما می توانید هر کد کوتاه، متن یا ابزارک های دیگری را در آنجا قرار دهید.
در قسمت‌ها: اکشن‌ها، شمارنده‌ها و منو، افزونه‌ها دکمه‌های خود را نشان می‌دهند و در ناحیه منو، دکمه‌ها در صورت پر شدن، به «منوی تلفن همراه» اضافه می‌شوند. در وسط حساب شخصی یک قسمت محتوای حساب شخصی وجود دارد - این نیز یک منطقه نوار کناری برای ویجت ها است.

و در زیرزمین اکانت شخصی نیز می توانید ناحیه ویجت ثبت شده خود را مشاهده کنید.

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

سفارشی سازی قالب حساب شخصی:

اگر مناطق ویجت برای شما کافی نیست، می توانید قالب حساب شخصی را با مناطق خود تکمیل کنید یا طرح حساب را برای خود تنظیم کنید.

من در مورد عملکرد قالب های WP-Recall (الگوها که نباید با قالب های حساب شخصی اشتباه گرفته شوند) در فصل اول صحبت کردم.
بنابراین: می توانید الگوی حساب شخصی را تغییر دهید، اگر نیاز به تغییر چیزی در طرح دارید - راهنمای "استفاده از عملکرد قالب ها در افزونه WP-Recall. لیست الگوها" را مطالعه کنید. در پوشه قالب حساب شخصی یک قالب office.php وجود دارد - آن را در یک مسیر امن کپی کنید و تغییرات را در آنجا ایجاد کنید. بنابراین هنگام به روز رسانی افزونه و افزونه های قالب های حساب شخصی آنها را از دست نخواهید داد.

افزونه WP-Recall دارای قلاب ها و فیلترهایی است - اما ما در این کتاب برای مبتدیان مسائل مربوط به توسعه را پوشش نمی دهیم.

حساب های شخصی نسخه اصلی افزونه:

که در نسخه پایهاین افزونه دارای 2 الحاقی از یک حساب شخصی است. اینها آفتاب و گریس هستند. ویژگی ها و ظاهر آنها را در نظر بگیرید:

الگوی داشبورد WP-Recall Sunshine

ظاهر قالب "Sunshine"

این الگو به کاربر این امکان را می دهد که یک تصویر روی جلد را در سربرگ الگو (نماد در بالا سمت راست) تنظیم کند، یک نماد (نماد در قسمت آواتار) تنظیم کند، یک بلوک از اطلاعات کاربر را نمایش دهد (نماد "I" در بالای صفحه آواتار، "اطلاعات دقیق"):

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

الگوی داشبورد سه ناحیه ویجت خود را ثبت می کند: RCL: نوار کناری محتوای داشبورد، RCL: نوار کناری بالای داشبورد، و RCL: نوار کناری زیر داشبورد. در پنل مدیریت نگاه کنید: "ظاهر" -> "ابزارک"

این الگو به شما امکان می دهد دکمه ها را از ناحیه منو در هر دو نمای عمودی و افقی نمایش دهید (تنظیم در پنل مدیریت: "WP-Recall" -> "تنظیمات" -> "تنظیمات عمومی" -> "قرار دادن دکمه ها برای نمایش برگه ها" ).

دکمه‌های افقی در صورت سرریز شدن در منوی تلفن همراه جمع می‌شوند:

وقتی روی نماد "برگر" کلیک می کنید، بقیه دکمه ها را در حساب شخصی خود مشاهده خواهید کرد:

رنگ دکمه ها از طریق تنظیمات کلی کنترل می شود: "WP-Recall" -> "تنظیمات" -> "تنظیمات عمومی" -> "طراحی" -> "رنگ اصلی" - بنابراین می توانید آنها را مطابق با رنگ سفارشی کنید. سایت شما.

در نسخه اصلی افزونه، حساب شخصی نویسنده به شما امکان نمایش موارد زیر را می دهد:
1. چت (مکاتبات در پیام خصوصی)
2. نمایش تنظیمات پروفایل (پر کردن فیلدهای پروفایل دلخواه) - کاربر می تواند آنها را بدون رفتن به پنل مدیریت (wp-admin) پر کند.
3. نمایش گروه های ایجاد شده
4. برداشت را انجام دهید پست های وردپرساین نویسنده
5. فرم پست را نمایش دهید
6. سفارشات را در فروشگاه آنلاین بر اساس افزونه Commerce ایجاد کرد
7. نمایش لیستی از موضوعات انجمن ایجاد شده (افزونه PrimeForum)
8. نمایش جزئیات رتبه بندی کاربر
9. فهرستی از مشترکین و اشتراک های دیگر نویسندگان را نمایش دهید
10 ... تب دلخواه ایجاد شده توسط مدیر در ادمین

طراحی تطبیقی ​​کابینت این امکان را به آنها می دهد که به طور مساوی در رایانه شخصی و تبلت ها و تلفن های همراه استفاده شوند:

WP-Recall قالب حساب شخصی گریس

قالب Grace همان ویژگی‌های حساب شخصی Sunshine را ارائه می‌کند (به استثنای: دکمه‌هایی برای نمایش برگه‌های حساب شخصی - فقط یک نمای عمودی و ۲ ناحیه ویجت را ثبت می‌کند - بالا و پایین حساب)، بنابراین موارد فوق برای او صادق است.

بیایید ببینیم چگونه به نظر می رسد قالب وردپرسحساب شخصی:

ظاهر قالب "گریس"

و ظاهر آن در دستگاه تلفن همراه:

حساب های کاربری شخص ثالث:

قالب‌های افزودنی شخصی شخص ثالث - همه قالب‌های حساب شخصی دیگر موجود در صفحه: الگوهای حساب شخصی WP-Recall

شرح ویژگی ها را می توان در صفحه توضیحات یافت. اسکرین شات هم هست. در زیر چند اسکرین شات با نام کابینت وردپرس - "برای کامل شدن" ارائه خواهم کرد:

قالب LC "در سراسر اقیانوس"
قالب LC "Across Ocean PRO"
قالب حساب شخصی "خط تم"
قالب LC "Theme Clear Sky"
قالب LC "کنترل تم"
قالب LC "کنترل تم" و "برگه اطلاعات کاربر" اضافی
قالب LK "نور"

جدول مقایسه ای ویژگی های قالب های LC:

در این جدول، من تمام قالب‌های وردپرس حساب شخصی موجود در حال حاضر را برای افزونه WP-Recall تجزیه و تحلیل کرده‌ام. نکات اصلی و ویژگی های آنها را برجسته کرد:

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

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

سفارشی ساز (WP Customizer): به این معنی است که الگو به کاربر اجازه می دهد رنگ های سفارشی را سفارشی کند. سکته مغزی، رنگ قسمت های کابینت، انتخاب آواتار مربع یا گرد. آنها در پنل مدیریت از طریق: "Appearance" -> "Customize" تنظیم می شوند. همه تنظیمات در زمان واقعی انجام می شود - یعنی. بلافاصله تغییرات ایجاد شده را بدون بارگیری مجدد صفحه مشاهده می کنید.

لایف هک قالب های LC:

اگر حساب شخصی از طریق یک کد کوتاه نمایش داده شود:
"WP-Recall" -> "تنظیمات" -> "تنظیمات عمومی (از جمله تنظیمات پیشرفته)" -> "ترتیب خروجی حساب شخصی" -> "از طریق کد کوتاه wp-recall"

سپس می توانید عنوان حساب شخصی خود "دفتر شخصی" را به خود تغییر دهید یا آن را به طور کامل پاک کنید:

شاید موضوع VP شما به شما اجازه دهد که کابینت را به عرض کامل بکشید. برای انجام این کار، به صفحه ای با کد کوتاه wp-recall وارد شده در پنل مدیریت بروید و "الگو" را در ویژگی های صفحه در سمت راست (یا پایین) انتخاب کنید (به تصویر بالا مراجعه کنید).

می‌توانید نشانی وب حساب در همان صفحه را به آدرس خود تغییر دهید - در زیر عنوان صفحه: "پیوند دائم" - "تغییر" (نگاه کنید به تصویر بالا)

در تنظیمات پیشرفته افزونه می توانید فرمت پیوند به حساب شخصی خود را تغییر دهید. به عنوان مثال، با استفاده از هک زندگی بالا، ما قبلاً اسلاگ (Slug) صفحه حساب در صفحه با کد کوتاه را تغییر داده ایم. حالا بیایید پارامتر دوم را تغییر دهیم:

دیگر:
اگر می خواهید یک پیوند به کابینت فرم: your-site/author/masha/ که در آن masha ورود به سیستم کاربری است که در آن ثبت نام می کند، پس باید نمایش کابینت را از طریق قالب وردپرس author.php شخصی سازی کنید. فایل. شما باید مقداری دانش در مورد نحوه انجام آن داشته باشید. شما توضیحات را پیدا خواهید کرد - راه دوم.

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

می توانید به کاربران خود این فرصت را بدهید که بخشی از URL که در آن ورود به سیستم قرار دارد را به آدرس جذاب تر خود تغییر دهند. این را می توان با افزونه Pretty URL Author انجام داد - i.e. عملکرد تغییر نام در آدرس اینترنتی را به صورت زیر دریافت کنید شبکه اجتماعیدر تماس با.

به دنبال یک افزونه حساب شخصی برای وردپرس هستید؟ WP-Recall برای این کار عالی است.

برای دریافت نسخه آفلاین رایگان کتاب ثبت نام کنید: "WP-Recall برای مبتدیان" در قالب pdf.
ایمیل خود را ذکر کنید که به محض تکمیل این کتاب را برای شما ارسال خواهم کرد.

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

قبلاً مجموعه هایی با قالب هایی برای ایجاد نمونه کارها منتشر کرده بودیم. مثلا:

تمیز

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

نمونه کارها Gorgo

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

لیتیوم

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

براندی

یکی دیگه فوق العاده قالب با کیفیت برای ایجاد یک نمونه کار شخصی. چیزهای خوبی دارد که همه آنها را بسیار دوست دارند: جلوه های اختلاف منظر، تأثیر ظاهر بلوک ها هنگام اسکرول، اسکرول صاف، شمارنده های مختلف و البته خود بلوک نمونه کارها.
این قالب کاملا رایگان است و برای فریلنسرهای هر حرفه IT مناسب است.

کنگ

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

MyFolio

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

پایه ای

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

کم اهمیت

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

کلوین

قالب HTML5 CSS3 همه کاره و با کیفیت بالا. این بسیار شبیه به Ceevee است که در این انتخاب بالا بود، اما تفاوت هایی در مفهوم بلوک با نمونه های کار و در نمودارهایی که مهارت های یک فریلنسر را نشان می دهد، وجود دارد. امکان یک داستان مفصل از خودتان با کمک بلوک های مختلف فراهم شده است.

بخش

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

بندر

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

هگزا

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

فریلنسر

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

نمونه کارها دریبل

یک قالب دیگر با نمونه کارها با Dribbble یکپارچه شده است. فقط باید آپلود آثار اخیر را تنظیم کنید و به روز رسانی مداوم و خسته کننده نمونه کارها را در صفحه شخصی خود فراموش کنید.
این الگو در یک طرح رنگی دقیق و مدرن ساخته شده است. همه چیز بسیار تمیز به نظر می رسد.
درست مانند قالب قبلی Dribbble، کوچک است. من حتی می گویم لاکونیک. در کل امتیاز من 9 از 10 است.

خرخون

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

Dribbble Folio V2

رایگان الگوی نمونه کارها پر شده به صورت خودکار. آثار از سایت وارد شده است دریبل زدن. قبل از استفاده این تصمیم، فراموش نکنید که یک ادغام با نمایه Dribbble خود تنظیم کنید.
متاسفانه نسخه ی نمایشی وجود ندارد.

بندرگاه

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

تمام قالب های ارائه شده برای سایت شما ساخته شده اند نسخه های مدرن HTML5 و CSS3. علاوه بر این، نویسندگان از ویژگی‌های مرسوم مانند طراحی مسطح، طراحی واکنش‌گرا، طرح‌بندی تطبیقی، اسلایدرهای جی کوئری، انیمیشن‌های CSS3 و غیره استفاده می‌کنند. یعنی اگر به دنبال یک قالب سایت موبایل هستید، می‌توانید هر یک از موارد ارائه شده را انتخاب کنید. قالب های زیبای html5 2017، اگرچه رایگان است، اما به سطح حق بیمه نگاه کنید.

در اینجا بیش از 50 قالب وب سایت پاسخگو HTML5 و CSS3 با کیفیت بالا را خواهید یافت که هم برای وب سایت های جدید و هم برای طراحی مجدد وب سایت های موجود قابل استفاده هستند. قالب های وب سایت html5 شیک- این چیزی است که شما نیاز دارید!

به روز رسانی 03/12/2019: از زمانی که مقاله 2 سال پیش نوشته شده است، بسیاری از لینک ها خراب شده اند. یا صاحبان قالب ادغام شدند یا وضعیت قالب ها از رایگان به پولی تغییر کرد یا بیگانگان همه چیز را خراب کردند. یک خواهش از شما خوانندگان عزیز، اگر چنین لینکی را پیدا کردید، آن را در نظرات بریزید، آن را اصلاح خواهم کرد.

1. Snow - الگوی صفحه فرود HTML5 و CSS3 رایگان

قالب html5 css3 صفحه فرود Snow بر روی چارچوب بوت استرپ ساخته شده است. قالب بسیار شیک و جالبی است! یک پس زمینه ثابت و یک Jumbotron عظیم چیزی است که محتوای اصلی سایت را نشان می دهد. و مهمترین چیز در صفحه فرود چیست؟ درست است، فراخوانی برای اقدام. طبیعتاً این قالب کاملاً سازگار است دستگاه های تلفن همراه. حتی می توانید از آن به عنوان پایه ای برای قالب های خود استفاده کنید.

2. سیما - قالب وب سایت تجاری شیک

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

3. سفید یک قالب یک صفحه ای عالی است!

یکی از ویژگی های متمایز قالب وب سایت White دو گزینه پس زمینه در بالا است. انتخاب شما از اسلایدر تصویر یا پس‌زمینه ویدیو. قالب بسیار با کیفیت و دیدنی برای سایت!

4. Platz - قالب رایگان HTML5 Grid Website

یک الگوی وب سایت مدرن و از نظر بصری جذاب HTML5 که حول یک شبکه طراحی شده است (در مورد شبکه بیشتر بخوانید). طراحی قالب زیبا و واکنش گرا برای وبلاگ یا وب سایت.

5. Mart eCommerce - قالب زیبای وب سایت تجارت الکترونیک HTML5 و CSS3

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

6. Nava - یک قالب تماشایی HTML5 و CSS3 برای وب سایت های خلاق

Nava یک قالب وب سایت مدرن HTML5 است که در درجه اول برای متخصصان خلاقی که می خواهند کار خود را با شکوه تمام به نمایش بگذارند استفاده می شود. تغییرات زیادی در تنظیمات قالب به شما این امکان را می دهد که سایت خود را منحصر به فرد کنید. قالب وب سایت سبک، زیبا و واکنش گرا.

7. Box Portfolio - قالب وب سایت خلاقانه منحصر به فرد HTML5 و CSS3

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

8. Mountain King - قالب وب سایت محبوب و کاربردی HTML5 و CSS3

موضوع کوه در طراحی وب سایت اخیرا بسیار محبوب شده است. قالب وب سایت Mountain King نیز از این قاعده مستثنی نیست. شامل 336 آیکون برداری از تایپیکانز. به علاوه انیمیشن CSS3 عالی. این قالب برای سایت های مسافرتی و نمونه کارها مناسب است.

9. Beauty Spa - قالب وب سایت جالب HTML5 و CSS3 برای سالن های اسپا

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

10. Bent - صفحه فرود شیک و موثر برای وب سایت های HTML5 و CSS3

خمیده - زرق و برق دار قالب رایگانسایت در html5 و css3. طراحی واکنشگرا، انیمیشن CSS3، پیمایش اختلاف منظر، ناوبری قابل تنظیم و سایر موارد. این یک طراحی قالب تمیز برای سایت هایی است که می خواهند از طراحی متعادل استفاده کنند تا اطمینان حاصل شود که بازدیدکنندگان از آن لذت می برند ظاهرسایت، و در عین حال محتوای اصلی آن را به وضوح مشاهده کنید.

11. مثلث - قالب HTML5 و CSS3 چند منظوره پاسخگو رایگان

Triangle یک قالب وب سایت خلاقانه انحصاری HTML5 و CSS3 است، مخصوصاً برای کسانی که می خواهند طراحی جالب خود را بدون بدتر کردن آن زیر پا بگذارند. این قالب دارای بیش از 40 صفحه از پیش طراحی شده است که به شما امکان می دهد سایت خود را مطابق با محتوای دلخواه خود سفارشی کنید.

12. Future Imperfect - یک قالب وب سایت درخشان برای افراد خلاق!

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

13. Bodo یک قالب وب سایت شخصی عالی است

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

14. لنز قالب وب سایت HTML5 عالی برای عکاسان است

عکاسان همیشه به دنبال الگوی مناسب برای سایت خود هستند تا کار خود را با شکوه تمام، تماشایی، و مهمتر از همه - بزرگ به نمایش بگذارند! قالب سایت کمیاب این الزامات را برآورده می کند. لنز یکی از این الگوهای وب سایت عکاسان است.

15. طیفی - قالب وب سایت HTML5 و CSS3 دست ساز منحصر به فرد

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

16. Oxygen - One Page HTML5 & CSS3 Website Template

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

17. Mobirise Bootstrap - قالب وب سایت رایگان HTML5 و CSS3

اگر به دنبال یک قالب وب سایت رایگان هستید، Mobirise Bootstrap مکان مناسبی برای شروع است. این یک قالب چند منظوره با افزونه های زیادی است. سه طرح از پیش ساخته شده صفحه نخستو وبلاگ ها به شما در این امر کمک خواهند کرد. Mobirise Bootstrap همچنین 100% SEO بهینه شده است و به تمام اندازه های صفحه نمایش پاسخگو است.

18. La Casa - قالب وب سایت املاک و مستغلات زیبا و رایگان HTML5

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

19. Drifolio - قالب وب سایت نمونه کارها HTML5 شیک

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

20. Pluton - قالب وب سایت تک صفحه ای روشن و شیک

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

21. SquadFree - قالب وب سایت تک صفحه ای حرفه ای HTML5

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

22. Sublime - قالب وب سایت HTML5 و CSS3 مسحورکننده

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

23. Timber - قالب وب سایت غیر معمول و زیبا HTML5 و CSS3

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

24. E-Shopper - بهترین الگوی وب سایت تجارت الکترونیک

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

25. Magnetic - قالب وب سایت عکس رایگان HTML5 و CSS3

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

26. Mabur Portfolio - قالب وب سایت مینیمالیست زیبا HTML5 و CSS3

طراحی مسطح این قالب وب سایت مینیمالیستی برای ایجاد یک نمونه کار عالی است. در قالب، تمام جزئیات کاملا تایید شده است!

27. Bootstrap مدرن HTML5 - قالب رایگان یک صفحه وب سایت

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

28. Infusion - قالب وب سایت تک صفحه ای شیک در HTML5 و CSS3

Infusion یک نمونه عالی از یک قالب وب سایت HTML5 و CSS3 است که به طور خاص برای ایجاد یک نمونه کار تجاری طراحی شده است. عملکرد غنی این قالب به شما این امکان را می دهد که به طور موثر با مشتریان کار کنید و مشتریان جدید را جذب کنید.

29. Yebo - قالب وب سایت شرکتی در HTML5 و CSS3

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

30. Twenty - قالب وب سایت تماشایی HTML5 و CSS3 Parallax

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

31. Urbanic - الگوی وب سایت بوت استرپ عالی HTML5 و CSS3

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

32. طراحی ویترین - قالب وب سایت نمونه کارها HTML5

قالب وب سایت HTML5 هماهنگ و موثر برای سازماندهی نمونه کارها شما. این قالب کاملاً برای دستگاه های تلفن همراه سازگار است که انجام آن برای سایت هایی با این فرمت بسیار دشوار است.

33. Mamba One - قالب وب سایت HTML5 و CSS3 ساده و شیک

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

34. KreativePixel - قالب وب سایت رایگان برای عکاسان

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

35. برنامه پاسخگوی آماده رتینا - الگوی صفحه فرود رایگان HTML5 و CSS3

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

36. Brushed - قالب وب سایت پاسخگو HTML5 و CSS3 با بوت استرپ

Brushed یک قالب وب سایت پاسخگو و رایگان HTML5 و CSS3 بر اساس موتور بوت استرپ است. همچنین برای نمایش شبکیه چشم(آیفون، آی پد، آی پاد لمسیو مک بوک پروشبکیه چشم).

37. الگوی وب سایت Big Picture HTML5 و CSS3

به Big Picture خوش آمدید! این قالب وب سایت واکنش گرا HTML5 برای همه افراد خلاقی که چیزی برای نشان دادن دارند و آن را بزرگ و دیدنی در وب سایت خود نشان می دهند عالی است. علاوه بر این، این قالب از انیمیشن های عالی استفاده می کرد.

38. Tesselatte - قالب رایگان HTML5 و CSS3 پاسخگو

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

39. سرریز - قالب وب سایت منحصر به فرد HTML5 و CSS3

این قالب وب سایت منحصر به فرد خالص HTML5 و CSS3 برای هر فرد خلاقی عالی است. کاملا ریسپانسیو و کاملا رایگان است.

40. Runkeeper – قالب وب سایت واکنش گرا و بسیار زیبا

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

41. سبک شبکه پاسخگو شیطان پین بال - قالب وب سایت بزرگ مبتنی بر شبکه

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

42. Prologue - Pure HTML5 & CSS3 Single Page Website Template

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

43. Helios - قالب وب سایت مدرن با HTML5 خالص و CSS3

یکی دیگر از قالب های وب سایت به سبک مینیمالیسم و ​​فرم های تمیز. به طور ویژه برای استفاده از مزیت طراحی شده است صفحه نمایش های بزرگنمایشگر، بلکه کاملاً با صفحه نمایش کوچک دستگاه های تلفن همراه سازگار است.

44. Telephasic - قالب وب سایت HTML5 رایگان و پاسخگو

این قالب وب سایت مدرن، واکنش گرا و کاملا رایگان یک مزیت بزرگ دارد - ساده و مختصر است، اما این دقیقاً همان چیزی است که بسیاری از آن بی بهره هستند.

45. Strongly Typed - قالب وب سایت نیمه یکپارچهسازی با سیستمعامل بسیار زیبا

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

46. ​​Striped - قالب وب سایت HTML5 و CSS3 تمیز، زیبا و کاربردی

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

47. Parallelism - قالب وب سایت غیر معمول و شیک در HTML5 و CSS3

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

48. Miniport - قالب وب سایت HTML5 مینیمالیست کاملاً پاسخگو

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

49. Verti - قالب وب سایت HTML5 پاسخگو جادار و رایگان

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

50. ZeroFour - قالب وب سایت HTML5 و CSS3 چشمگیر و شیک

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

امیدوارم در بین این قالب های وب سایت فوق العاده HTML5 و CSS3 چیزی مناسب پیدا کرده باشید. موفق باشید!

آن را نشانه گذاری کنید تا بتوانید بعداً سریع آن را پیدا کنید.

PS: اگر نمی توانید در مورد انتخابی تصمیم بگیرید، مقاله "نمی دانم چه می خواهم" را بخوانید. مفید خواهد بود.

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

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

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

قالب های رایگان وب سایت HTML را دانلود کنید و پروژه های خود را در کمترین زمان ایجاد کنید.