0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

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

آموزش کدهای وردپرس در طراحی سایت با نوشته ها شروع میشوند.این بخش بسیار مهم می باشد. شما می توانید با استفاده از کد های ساده از سیستم مدیریت محتوای بزرگی همچون وردپرس بهره مند شوید.سایت وردپرسی بخش های مختلفی دارد.برخی از این بخش ها عبارتند از:   post_type: در وردپرس مطالب بجز مطالب عادی post انواع دیگری نیز دارند برگه ها page ، رسانه attachment ، فهرست دلخواه nav_menu_item ، ذخیره خودکار revision یا پست تایپ شخصی سازی شده custom   پست تایپ شخصی سازی شده در ورددپرس: در قسمت بالایی مقاله اشاره ای به نام custom post type اما احساس کردیم که ممکن است برای شما سوالاتی را به وجود آورده باشد.اما الان برای شما توضیح می دهیم که: یک کاستوم پست تایپ چه می کند؟ کاستوم پست تایپ ها اصولا در وردپرس وجود ندارند. و برای قسمت های خاصی استفاده می شوند. فرض کنید شما می خواهید نظرات کاربران را به سایت خود اضافه کنید. اگر با کاستوم پست ها آشنایی نداشته باشید،در قسمت نوشته ها باید یک نوشته و یک دسته بندی ایجاد کنید. در این صورت هم صفحه دسته بندی سایت شما شلوغ خواهد شد،هم این که ممکن است مدیریت سایت برای شما تا حدود بسیار زیادی سخت بشود. در واقع کاستوم پست ها دسترسی ها را برای ما سریع تر و مدیریت سایت را آسان […]

sass

sass css چیست؟ پیش پردازنده های sass و less همچنین چندین افکت برای css در قسمت زیر توضیح داده‌شده‌است. برای درک هر کدام از موارد گفته‌شده ، پیشنهاد می شود تا پایان این مقاله همراه ما باشید. Lessچیست؟   یک کتابخانه پیش پردازنده برای css است تا از تکرار برخی کدها جلوگیری کند.اگر برای نوشتن کدهای css به زبان جاوا احتیاج داشته باشید اما استفاده از این زبان را بلد نباشید می توانید با استفاده از less کدهای جاوا را بنویسید بدون آنکه احتیاج به یادگیری این زبان داشته باشید. در css نمی توان توابع و یا متغیرهایی برای آن تعریف کرد اما از طریق قابلیت هایی که less به آن اضافه می کند می توان متغییر و توابع را اضافه کنیم. حتی با افزودن قابلیت های دیگری می توان نوشتار های تو در تویی را اضافه کنیم. در قسمت زیر یک مثال برای تعریف متغییر که css قادر به ساخت آن نبود ،  نوشته شده است برای تعریف متغیرها از @ استفاده می شود و برای مقداردهی علامت : به کار برده می شود.   @width: 17px; @height: @width + 8px; #header { width: @width; height: @height; } خروجی این قسمت به صورت زیر است. #header { width: 17px; height: 25px; } چگونه باید از less استفاده کنیم؟ ابتدا باید less را نصب کنید برای این کار فایل آن […]

طراحی سایت اصفهان

ساخت گالری تصاویر با CSS در این نوشته سعی داریم شما را با نحوه ی ساخت گالری تصاویر در CSS آشنا کنیم. Css زبان مکمل html است و زبانی است که در کنار html قرار می گیرد تا شما با استفاده از آن بتوانید به عناصر خود رنگ، پس زمینه، فونت، سایز و.. بدهید کاری که با html قادر به انجام آن نیستید. در این نوشته با یکی دیگر از کارکردهای استفاده از css  آشنا می شوید. در مثال های زیر با استفاده از css گالری ساخته شده است. شما می توانید خودتان کد ها را استفاده کنید و چگونگی ایجاد یک گالری را مشاهده کنید. با تیم طراحی سایت اصفهان وب یار همراه باشید. مثال1: <html> <head> <meta charset=”utf-8″> <title>گالری عکس سایت</title> <style> div.img { margin: 5px; padding: 5px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 5px; border: 1px solid #ffffff; } div.img a:hover img { border:1px solid #0000ff; } div.desc { text-align: center; font-weight: normal; width: 120px; margin: 5px; } </style> < /head> <body> <div class=”img”> <a href=”klematis4_big.jpg” target=”_blank”> <img src=”img/action-sms.jpg” alt=”Klematis” width=”110″ height=”90″> </a> <div class=”desc”>Add a description of the image here</div> < /div> <div class=”img”> <a target=”_blank” href=”klematis2_big.htm”> <img src=”img/az-bulksms.jpg”  alt=”Klematis” width=”110″ height=”90″> < / a> <div class=”desc”>Add a description of the image here</div> […]

شفاف کردن تصاویر در css

ایجاد بلاک و تصویر شفاف (Transparent) با استفاده از CSS3 با تیم طراحی سایت اصفهان وب یار همراه باشید تا نحوه شفاف کردن تصاویر در css سایت را بیاموزیم. یکی از قابلیت های دیگری که CSS3 دارد شفاف کردن تصاویر می باشد. در CSS3 از خصوصیت opacity برای شیشه ای کردن تصاویر استفاده می کنیم. ویژگی opacity در CSS3 رفتارش اینگونه است که هر چقدر مقدارس بالاتر باشد عکس واضح تر و هرچقدر کمتر باشد عکس شفافیت کمتری دارد. این خاصیت میزان شفافیت و وضوح یک عنصر را از صفر تا یک مشخص می کند که صفر به معنای وضوح کامل و یک به معنای عدم وضوح کامل است. مقدار پیش فرض یک است که همان عکس اصلی را نشان می دهد. بنابراین با افزایش مقدار opacity می توان شفافیت یک عکس را کم کرده و کاری کنید که محتوای پشت آن نیز دیده شود. برای مقدار opacity  علاوه بر عدد بین صفر تا یک ، inherit را هم می توان قرار داد که در این صورت عنصر شفافیت خود را از عنصر مادر (parent) به ارث می برد. شکل کلی استفاده از این خاصیت به صورت زیر است opacity: value | inherit ; در ادامه مثالی از شفاف کردن یک تصویر را برای شما قرار می دهیم <!DOCTYPE HTML> <html> <head> <style> Img-opacity{. Opacity:0.4; Width:150px; Height:150px; </head> <body> <img src=”1.jpg”  […]

10 افکت css

معرفی css در این مقاله تیم طراحی سایت اصفهان وب یار قصد دارد شما را با 10 افکت css آشنا کند. css زبانی برای استایل دهی به عناصر html است که به کمک آن می توانید به زیباسازی صفحات وب بپردازید. هنگامی که تگ هایی مانند <font> به  html اضافه شدند، توسعه دهندگان وب را دچار نگرانی کرد؛ چرا که اضافه کردن رنگ و فونت در سایت های بزرگ در هر بخشی از صفحه بسیار زمان بر بود. برای حل همین مشکل، کنسرسیوم جهانی وب (W3C) پروژه CSS را شروع کرد. با امکاناتی که css در اختیارمان قرار می دهد می توانیم طرح های بسیار زیبایی در صفحات سایت ایجاد کنیم. در این مقاله 10 افکت css را در اختیار شما دوستان وب یار قرار می دهیم. با ما همراه باشید تا قدرت  css را به شما نشان دهیم.   1- تصویر سه بعدی ممکن است در بعضی از سایت ها دیده باشید که وقتی موس را روی تصویر می برید، تصویر به صورت سه بعدی در می آید و متنی که در پشت آن پنهان شده به نمایش در می آید. در این قسمت می خواهیم این افکت زیبا را با کدهای html و css ایجاد کنیم بدون این که از کد جاوا اسکریپت استفاده نماییم. کد html

کد css

نتیجه ی کد بالا را می توانید […]