قالب وردپرس enfold انفولد فارسی

توسط با بدون دیدگاه چند منظورهشرکتیقالب وردپرس

قالب وردپرس enfold فارسی

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

رابط کاربری انفولد

پنل مدیریت انفولد

رتینا انفولد

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

ویژگی های قالب

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

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

لینک خرید محصول

قالب وردپرس divi دیوی فارسی

توسط با بدون دیدگاه چند منظورهشرکتیقالب وردپرس

قالب وردپرس divi فارسی

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

ویژگی های قالب divi

صفحه ورود شیک

login-divi-pardiswp

صفحه ساز زیبا و اختصاصی حرفه ای

page-builder-divi-pardiswp

پنل تنظیمات کامل و فارسی

تنظیمات قالب دیوی

سبد خرید حرفه ای برای فروشگاه سایت

cart-divi-pardiswp

برگه تسویه حساب کامل و حرفه ای

tasviye-hesab-divi-pardiswp

ویژگی های دیگر قالب

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

لینک خرید محصول

قالب وردپرس unik یونیک فارسی

توسط با بدون دیدگاه چند منظورهقالب وردپرس

قالب وردپرس یونیک فارسی

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

ویژگی های قالب یونیک

صفحات قالب یونیک

 دیگر ویژگی های قالب

  • ویرایشگر زنده قالب
  • حالت نمایش تمام صفحه
  • شورت کدهای سازنده
  • صفحه ساز ویژوال کامپوزر
  • قابلیت سفارشی سازی
  • تنظیمات پیشرفته فارسی
  • انیمیشن های html5
  • سی اس اس سفارشی
  • افزونه رولوشن اسلایدر
  • اسلاید های نامحدود
  • سایدبارهای نامحدود
  • 5 ابزارک سفارشی
  • رنگ بندی نامحدود
  • تصاویر با کیفیت رتینا
  • زیبا و کاربر پسند
  • سازگاری با ووکامرس
  • طراحی انعطاف پذیر
  • بیش از 300 فونت آیکون
  • بیش از 500 فونت گوگل
  • ویجت های سفارشی
  • فرم های آجاکس
  • بسته نصبی با دمو
  • پشتیبانی 24 ساعته
  • نصب و آپدیت های رایگان

شماره تماس پشتیبانی: 09171271925

ایمیل پشتیبانی: pardiswp@gmail.com

آموزش کامل HTML – قسمت هشتم: فونت ها

توسط با بدون دیدگاه آموزش کامل HTML

فونت ها

برای ایجاد تغییرات در فونت ها باید از استایل در html استفاده کنیم. روش استفاده از استایل به صورت زیر است:

<tagname style = “style1; style2;”>محتوا</tagname>

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

<h1 style = “font-family: tahoma; color: blue;”>متن عنوان</h1>

font-family نوع فونت و color رنگ آن را مشخص می کند. توجه داشته باشید که امکان نمایش فونت پیش فرض در صورت اشتباه نوشتن نام فونت وجود دارد. برای رنگ ها از کد آن ها نیز می توانید استفاده کنید.

برای تغییر در اندازه فونت از خاصیت font-size استفاده می کنیم. اندازه فونت را معمولا بر حسب پیکسل px بیان می کنیم. البته معیارهای دیگری مانند em نیز وجود دارند.

در مثال زیر متنی با فونت تاهما رنگ 11111# و اندازه 12 پیکسل نمایش می دهیم.

<p style = “font-family: tahoma; color: #11111; font-size: 12px;”>متن مورد نظر</p>

هم تراز کردن متن

اتربیوت مورد نظر برای هم تراز کردن متن text-align می باشد. این خصوصیت به شما کمک می کند که متن خود را راست چین، وسط چین یا چپ چین کنید.

<p style = “text-align: right;”>متن راست چین</p>

<p style = “text-align: center;”>متن وسط چین</p>

<p style = “text-align: left;”>متن چپ چین</p>

پر رنگ کردن متن

برای پر رنگ کردن متن از تگ های <b></b> و <strong></strong> استفاده می کنیم و متن مورد نظر را در بین این تگ ها قرار می دهیم.

برای ایتالیک کردن متن نیز از تگ <em></em> استفاده می شود.

<p> آموزش <em>اچ تی ام ال</em> با <b>پردیس وردپرس</b> </p>

پایان جلسه هشتم

آموزش کامل CSS – قسمت هفتم: قاب و جعبه

توسط با بدون دیدگاه آموزش کامل CSS

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

مدل لایه های قاب

نحوه استفاده از قاب ها

برای نمایش قاب ها در CSS از خاصیت border استفاده می کنیم. ویژگی های قاب ها به صورت های زیر می باشد:

  • border-style : نوع قاب
  • border-size : اندازه یا ضخامت قاب
  • border-color : رنگ قاب
  • border-top-style : نوع ضلع بالایی قاب
  • border-bottom-style : نوع ضلع پایینی قاب
  • border-right-style : نوع ضلع راست قاب
  • border-left-style : نوع ضلع چپ قاب

p{

border-top-style: dashed;

border-bottom-style: solid;

border-right-style: dotted;

border-left-style: dotted;

}

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

border: 5px solid red;

آموزش کامل وردپرس – قسمت هشتم

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

نمایش زمان انتشار مطالب در وردپرس به صورت چند وقت پیش

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

حتما تا به حال در خیلی از سایت ها دیده اید که در بخشی از یک مطلب نوشته شده که چند وقت از انتشار آن گذشته است، مثلا 2 روز پیش. برای این کار باید کد php زیر را در داخل فایل function.php سایت خود قرار دهید.

function days_ago() {

$days = round((date('U') - get_the_time('U')) / (60*60*24));

if ($days == 0) {

echo "امروز"; }

elseif ($days == 1) {

echo "دیروز"; }

else {

echo "' . $days . "روز پیش"; } }

حالا فقط کافیه در هر جایی که می خواهید نمایش داده شود، کد زیر را قرار دهید.

<?php days_ago(); ?>

برای مثال کد مطالب وردپرس در فایل single.php قرار دارد.

آموزش کامل HTML – قسمت هفتم: لیست ها

توسط با بدون دیدگاه آموزش کامل HTML

لیست ها در html

لیست ها در اچ تی ام ال کاربرد فراوانی دارند. از منو ها گرفته تا بسیاری دیگر از داده های منظم را با استفاده از لیست در متن قرار می دهیم. در html سه نوع لیست داریم:

  • لیست های نامنظم یا unorderd که دارای ترتیب دلخواه است
  • لیست های منظم یا orderd که دارای ترتیب خاصی مثلا بر اساس اعداد یا حروف الفبا مرتب می شود
  • نوع سوم نیز لیست توضیحات است که بعد از عنوان، توضیحات نوشته می شود و چندان کاربردی ندارد

لیست نامنظم

<ul>

<li>متن آیتم اول</li>

<li>متن آیتم دوم</li>

<li>متن آیتم سوم</li>

</ul>

اگر لیست های html را دیده باشید حتما متوجه شده اید که در کنار لیست ها معمولا یک علامت دایره توپر دیده می شود. این علامت یا آیکون را می توان با استفاده از صفت list-style-type تغییر داد. این اتربیوت به تگ ابتدایی <ul> اضافه می شود.

<ul list-style-type: “آیکون موردنظر”>

  • disc دایره تو پر پیش فرض
  • circles دایره
  • squares مربع
  • noun بدون آیکون

لیست منظم

<ol>

<li>آیتم اول</li>

<li>آیتم دوم</li>

<li>آیتم سوم</li>

</ol>

از خاصیت list-style-type در لیست های ترتیبی می توان به صورت زیر زیر استفاده کرد:

  • 1 برای مرتب سازی بر اساس اعداد
  • A مرتب سازی بر اساس حروف بزرگ
  • a مرتب سازی بر اساس حروف کوچک
  • I مرتب سازی با اعداد یونانی
  • i مرتب سازی با اعداد یونانی کوچک

توجه داشته باشید که موارد فوق هم مانند آیکون در کنار لیست ها نمایش داده می شود و ترتیب را نشان می دهد. برای مثال لیست زیر بر حسب اعداد مرتب شده:

<ul list-style-type: “1”>

 پایان قسمت هفتم

آموزش کامل CSS – قسمت ششم: فونت ها در css

توسط با بدون دیدگاه آموزش کامل CSS

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

تغییر فونت ها در css

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

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

<p class=”text”>متن مورد نظر</p>

.text {

font-size: 14px; }

تغییر نوع فونت

برای تغییر نوع فونت نیز بعد از انتخاب المان مورد نظر از خاصیت font-family استفاده می کنیم.

<p>متن موردنظر</p>

p {

font-family: tahoma; }

نکته: در مقابل font-family می توان چند فونت را نوشت و با کاما از هم جدا کرد که اگر فونتی در سیستم نبود بعدی اعمال شود.

حالت فونت

برای تغییر در استایل فونت می توانیم از خاصیت font-style استفاده کرد. استایل فونت شامل حالت های italic , oblique و normal می باشد. مثال:

<p class= "normal">متن معمولی</p>

<p class= "italic">متن ایتالیک</p>

p.normal {

font-style: normal; }

p.italic {

font-style: italic; }

 پایان قسمت ششم

آموزش کامل HTML – قسمت ششم: لینک در عکس

توسط با یک دیدگاه آموزش کامل HTML

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

اضافه کردن لینک به تصاویر

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

ابتدا یک تگ لینک باز می کنیم و برای مثال آن را به پردیس وردپرس لینک می کنیم.

<a href = “http://pardiswp.com”>

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

<a href = “http://pardiswp.com”> <img src = “http://www.pardiswp.com/wp-content/uploads/2016/05/learning-html.png”/>

و در آخر تگ لینک را می بندیم و کار تمام است، عکس مورد نظر لینک شده است.

<a href = “http://pardiswp.com”> <img src = “http://www.pardiswp.com/wp-content/uploads/2016/05/learning-html.png”/> </a>

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

آموزش کامل PHP – قسمت هفتم: حلقه for

توسط با بدون دیدگاه آموزش کامل PHP

در ادامه قسمت قبلی در این قسمت نیز در مورد حلقه ها و این بار حلقه for صحبت می کنیم.

حلقه for

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

<?php

for (counter; condition; step){

code to run

} ?>

در کد فوق counter شمارنده، condition شرط و step گام حلقه می باشد. همچنین دقت کنید که بین این آیتم ها علامت نقطه ویرگول قرار دارد. مثال:

<?php

for ($i = 1; $i < 7; $i++){

echo "$i <br>";

} ?>

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

استفاده از حلقه for به جای while باعث می شود که کدنویسی شما کمتر و سریعتر شود. حلقه ها در عین سادگی قدرت زیادی در برنامه نویسی دارند. در مثال زیر جدول ضرب اعداد 1 تا 10 را با حلقه for تولید می کنیم:

<table align = "center">

<?php

for ($i = 1; $i <= 10; $i++){

for ($j=1; $j <= 10; $j++){

echo "$i * $j";

echo "-"; }

echo "<br>";

echo "<br>";

} ?>

</table>

در مثال فوق از حلقه for به صورت تو در تو استفاده کرده ایم. از حلقه های while نیز می توان به صورت تو در تو تا بی نهایت استفاده کرد.

حلقه دیگری به نام for each نیز در php وجود دارد که در قسمت های آینده ی آموزش و در خلال پروژه با آن آشنا خواهیم شد.