آموزش طراحی سایت – شهر کار ایوان کسری

9 عامل طراحی سایت حرفه ای

مدیر سایت — Sat, 01 Jan 2022 07:23:04 +0000

اگر علاقه مند به طراحی سایت حرفه ای هستید باید موارد زیادی را در نظر داشته باشید، یکی از این موارد توجه به طراحی ظاهری وبسایت یا به قول معروف فرانت اند(front-end) است که در نهایت بعد از توسعه و طراحی در بک اند(Back-end) آنچه مخاطب را به خود جلب می کند ظاهر وبسایت است. اگر می خواهید ظاهر وبسایت شما جذاب باشد و بدانید چه عواملی در ظاهر زیبای وبسایت تأثیر گذار است این مطلب را ازدست ندهید.

9 عامل طراحی سایت حرفه ای، که باید در نظر گرفته شود تا به نتیجه ای خوب و شگفت انگیز برسید شامل موار زیر می گردد:

1- فونت ها

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

مطلب پیشنهادی : فریلنسر چیست و 5 نکته برای شروع

2- رنگ ها

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

رنگ قرمز در طراحی سایت حرفه ای: انرژی، قدرت، مقاومت و شهامت

رنگ آبی در طراحی سایت حرفه ای: وفاداری، اعتماد، پایداری و اعتماد به نفس

رنگ زرد در طراحی سایت حرفه ای: لذت، خوشبینی، شادی و شادابی

3- چینش محتوا

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

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

مطلب پیشنهادی : 5 نکته در طراحی وبسایت

4- فضای خالی

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

5- اشکال

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

مطلب پیشنهادی : سئو چیست؟

6- آیکن ها و تصاویر

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

مطلب پیشنهادی : آموزش طراحی سایت وردپرس

7- ویدیو ها

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

8- انیمیشن ها

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

9- طراحی متن محتوا

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

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

سئو چیست؟

مدیر سایت — Thu, 04 Nov 2021 14:05:02 +0000

سئو چیست ؟

سئو (SEO) مخفف “بهینه سازی موتور جستجو”(Search Engine Optimization) است. به زبان ساده، این به معنای فرآیند بهبود سایت شما برای افزایش بازدید از آن است، زمانی که مردم محصولات یا خدمات مرتبط با کسب و کار شما را در گوگل، بینگ و سایر موتورهای جستجو جستجو می کنند. هرچه صفحات شما در نتایج جستجو بهتر دیده شوند، احتمال بیشتری برای جلب توجه و جذب مشتریان بالقوه و فعلی به کسب و کار خود خواهید داشت.

سئو چگونه کار می کند؟

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

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

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

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

به عنوان مثال، کیفیت محتوا و تحقیق کلمات کلیدی از عوامل کلیدی بهینه سازی محتوا هستند و قابلیت خزیدن و سرعت از عوامل مهم معماری سایت هستند.

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

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

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

چرا سئو برای بازاریابی مهم است؟

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

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

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

در مجموع، سئو پایه و اساس یک اکوسیستم بازاریابی جامع است. وقتی متوجه شدید که کاربران وب‌سایت شما چه می‌خواهند، می‌توانید آن دانش را در کمپین‌های خود (پرداختی و ارگانیک)، در سراسر وب‌سایت، در ویژگی‌های رسانه‌های اجتماعی خود و موارد دیگر پیاده‌سازی کنید.

سئو وردپرس

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

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

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

منبع متن : searchengineland

آموزش طراحی سایت وردپرس در 10 فصل

مدیر سایت — Thu, 30 Sep 2021 11:01:01 +0000

وردپرس چیست؟

سایت وردپرس یک سیستم مدیریت محتوا یا CMS(Content Management System) است که با زبان php برنامه نویسی شده است و شما را تا حد زیادی از یادگیری کدنویسی یا برنامه نویسی برای طراحی سایت یا وبسایت بی نیاز می کند. به این شکل که در این سیستم مدیریت محتوا شما می توانید از افزونه هایی که توسط برنامه نویسان برای وردپرس و با زبان برنامه نویسی php نوشته شده است استفاده کنید و نیاز های طراحی سایت را رفع نمایید.

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

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

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

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

آموزش طراحی سایت وردپرس

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

1- پیش نیاز های طراحی سایت
2- آشنایی با وردپرس
3- تنظیمات سایت وردپرس
4- افزونه های وردپرس
5- طراحی سایت فروشگاهی با ووکامرس
6- طراحی سایت با المنتور
7- سئو و تولید محتوا
8- امنیت سایت وردپرس
9- خرید هاست و دامنه
10 – انتقال به هاست

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

شرایط دوره آموزش طراحی سایت وردپرس

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

از مزیت های این دوره آموزش سئو و تولید محتوا و ایده های درآمد زایی از تولید محتواست که مهارتی نوین و کاربردی است.

ویدیو مقدمه آموزش طراحی سایت وردپرس

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

آموزش سربرگ چسبان المنتور

مدیر سایت — Mon, 21 Jun 2021 04:29:02 +0000

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

بخش طرح بندی سربرگ چسبان المنتور

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

قالب ما از قبل آماده شده است و آموزش سربرگ چسبان المنتور را شروع می کنیم.

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

بخش استایل سربرگ چسبان المنتور

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

در منوی حاشیه برای زیبایی سربرگ چسبان و نرم کردن دو گوشه چپ و پایین را شعاعی به اندازه 20 پیکسل اعمال می کنیم.

بخش پیشرفته سربرگ چسبان المنتور

وارد بخش پیشرفته می شویم و فاصله از پایین را به -150 می رسانیم. توجه داشته باشدی این اندازه را با توجه به صفحه اصلی خود تنظیم و بررسی نمایید .

ایندکس Z را روی 999 تنظیم می کنیم و در بخش شناسه css متن header_stick را تایپ می کنیم که در کد دهی css از این شناسه استفاده کنیم.

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

افکت آفست را مطابق اندازه ارتفاع هدر روی 90 تنظیم می کنیم.

حال در منوی css سفارشی کد زیر را وارد می کنیم.

#header_stick.elementor-sticky–effects {
background:#4BDBE38F;
}
#header_stick .elementor-sticky–effects >.elemetor-coniner{
min-height: 20px;
}

در نهایت سربرگ چسبان المنتور مطابق تصویر آماده گردید.

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

مشاهده نمونه کارهای ایوان کسری در زمنیه های طراحی سایت، فتوشاپ و … در اینستاگرام ایوان کسری