مقالات آموزش طراحی سایت

چگونه یک کرون جاب اتوماتیک در لینوکس اوبونتو ایجاد کنیم؟

چگونه  یک کرون جاب  اتوماتیک در  لینوکس اوبونتو  ایجاد کنیم؟
 ۰۳ شهریور ۱۴۰۱      موضوعات: آموزش طراحی سایت 

اگر کاربر اوبوتو باشید حتما برای شما هم پیش امده که برای یک سری کار ها نیاز به کرون جاب دارید. در طراحی سایت و یا پیاده سازی سایت بر روی سرور نیز این مورد مشهود است. در صورتی که از سیستم های مدیریت سرور همچون whm استفاده کنید به راحتی می توانید کرون جاب خودتان را ایجاد کنید. اما در صورتی که سرور خود را با nginx و بدون این سیستم های مدیریت سرور ایجاد کنید، چگونه باید یک کرون جاب ایجاد کنید. ما اینجاییم که به راحتی این مورد را برای شما بر روی Ubuntu 18.04 اجرا کنیم. با ایران وبر همراه باشید. پیش نیاز های نصب کرون جاب شما برای این کار باید یک سیستم عامل Ubuntu داشته باشید. این که ورژن اون کدام باشید، زیاد تفاوتی ایجاد نمی کند. زیرا که همه پکیج نصب کرون جاب را که در این آموزش بیان می شود، پشتیبانی می کنند. بنابراین Ubuntu 16.04 و یا Ubuntu 18.04 و یا Ubuntu 20.04 تفاوتی ایجاد نمی کند. نصب cron بر روی سیستم عامل برای نصب پکیج کرون جاب به ترتیب دستور های زیر را اجرا کنید: sudo apt update sudo apt install cron sudo systemctl enable cron با توجه به این ...

آموزش قرار دادن ساعت و تاریخ شمسی در سایت وردپرسی

آموزش قرار دادن ساعت و تاریخ شمسی در سایت وردپرسی
 ۱۹ آذر ۱۴۰۰      موضوعات: آموزش طراحی سایت 

حتماً در بعضی سایت‌ها دیده‌اید ساعت و تاریخ در بالای صفحه نشان داده می‌شود، این کار برای کاربران زیادی جالب و البته موردنیاز است. همچنین ممکن است بخواهید تاریخ های میلادی سایت خود را به شمسی تبدیل کنید. کافی است با ما در ادامه این مقاله همراه باشید تا برای هر دو مورد راه کاری ارائه کنیم. برای این کار می‌توانید از افزونه یا کدهای جاوا اسکریپتی استفاده کنید، اما ما در نظر داریم روش بهتری به شما معرفی کنیم. شما می‌توانید از طریق استفاده از توابع دل‌نشین وردپرس ساعت و تاریخ شمسی را در هر جای سایت که می‌خواهید نمایش دهید. کافی است کد زیر را در جای دلخواه سایت خود قرار دهید تا تاریخ روز را به نمایش در اوردید. در صورتی که قالب شما بخش header.php را داراست، می توانید در بخش هدر سایت خود قرار دهید یا در بخش index.php کپی کنید. امروز : <?php echo jdate('l j F Y'); ?> ساعت : <?php echo jdate('H:i:s'); ?> اگر می‌خواهید ساعت و تاریخ در دیگر قسمت‌های سایت چون سایدبار یا فوتر هم نشان داده شود، کد را کپی کرده و در قسمت موردنظرتان پیست کنید. به همین سادگی شما می توانید از کد های پی اچ پی ...

برچسب‌ها: , , , , , , ,

افزونه ارسال مطلب به کانال تلگرام به صورت خودکار (وردپرس)

افزونه ارسال مطلب به کانال تلگرام به صورت خودکار (وردپرس)
 ۱۷ آذر ۱۴۰۰      موضوعات: آموزش طراحی سایت وبلاگ 

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

برچسب‌ها: , , ,

آموزش قراردادن css در صفحه html به صورت خارجی و داخلی و درون خطی

آموزش قراردادن css در صفحه html به صورت خارجی و داخلی و درون خطی
 ۰۷ مهر ۱۴۰۰      موضوعات: آموزش طراحی سایت طراحی سایت 

یکی از آموزش های مقدماتی برای طراحی سایت اموزش css است. قبل از این که نحوه نوشتن کد های (سی اس اس ) یا css را بدانید باید نحوه استفاده از این کد ها در داخل صفحات را بیاموزید. در این مقاله روش قراردادن css در صفحه html را خواهید آموخت. css درون خطی اولین چیزی که باید شما بیاموزید، css درون خطی است. برای استفاده از css درون خطی مثال زیر را مشاهده کنید: <h1 style="color:blue;">این عنوان مقاله است!</h1> <p style="color:red;">این یک پاراگراف است.</p> در مثال بالا مشاهده می کنید که از دو تگ h1 و p استفاده شده است. برای هر کدام از یک استایل استفاده شده است. بنابراین همانند مثال بالا شما می توانید فقط یک style به تگ خود اضافه کنید و داخل دابل کوتیشن (" ") اقدام به نوشتن استایل کنید. همانطور که در بالا مشاهده م یکنید به متن عنوان h1 رنگ آبی نسبت داده شده است و برای پاراگراف رنگ قرمز در نظر گرفته شده است. css داخلی در css داخلی، داخل فایل html تگ استایل قرار می گیرد، اما درون تگ استفاده نمی شود. برای آشنایی بیشتر مثال زیر را مشاهده کنید: <!DOCTYPE html> <html> <head> <style> body {background-color: powderblue;} h1 {color: blue;} p ...

برچسب‌ها: ,

کد نوشتن نقل قول در html

کد نوشتن نقل قول در html
 ۱۶ فروردین ۱۴۰۰      موضوعات: آموزش طراحی سایت وبلاگ 

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

برچسب‌ها: , ,

کد ایجاد خط جدید در html

کد ایجاد خط جدید در html
 ۱۵ فروردین ۱۴۰۰      موضوعات: آموزش طراحی سایت 

یکی از بخش های پایه ای html روش ایجاد خط جدید است. در html چندین تگ برای این کار وجود دارد. که ما بر اساس نیاز یکی از این تگ ها را استفاده می کنیم. در ادامه با ما همراه باشید. روش اول ایجاد یک خط جدید با br در این روش باید پس از نوشته یک br اضافه نمایید. به مثال پایین دقت نمایید. <p> علی آمد.<br/> علی رفت </p> همانطور که از کد بالا مشاهده نمودید یک کد br به شکل بالا در متن اضافه می کنیم. نتیجه کار به صورت زیر خواهد شد: علی آمد. علی رفت در کد br از یک کد استفاده کرده و حتما کد br را با علامت / پایان دهید تا در کد شما و آنالیز کد شما توسط موتور های جستجو و استاندار های طراحی وب مشکلی ایجاد نشود. روش دوم استفاده از پاراگراف دوم به مثال زیر توجه کنید: <p> علی آمد. </p> <p> علی رفت </p> نتیجه در این مثال هم همانند قبل بوده و یک پاراگراف جدید ایجاد شده است. نتیجه: علی آمد. علی رفت توجه داشته باشید که برای روش دوم از تگ p استفاده شده است و در تگ p باید تگ باز شونده و بسته شونده داشته باشیم و همانند تگ br فقط با یک کد امکان ایجاد خط جدید وجود ندارد. شما می ...

روش تغییر رنگ اسکرول مرورگر در طراحی سایت

روش تغییر رنگ اسکرول مرورگر در طراحی سایت
 ۱۱ اسفند ۱۳۹۸      موضوعات: آموزش طراحی سایت وبلاگ 

یکی از موضوعاتی که ممکن است در سایت شما برای شما مهم باشد، اختصاصی کردن رنگ اسکرول مرورگر است. تغییر رنگ اسکرول مرورگر، قابلیت است که می توانید با استفاده از css در مرورگر های جدید انجام دهید. تمامی مرورگر های بروز همچون کروم، موزیلا، اج و ... از این قابلیت پشتیبانی می کنند. با ایران وبر همراه باشید. روش تغییر رنگ اسکرول تغییر رنگ اسکرول به چه معنی است؟ شاید شما به وضوح متوجه نشدید که ما از چه موضوعی صحبت می کنیم. همانطور که در تصاویر پایین مشخص است شما می تونید نوار سمت چپ مطالب سایت را شخصی سازی کنید و مطابق با سایت خود طراحی نمایید.  در تصویر پایین ما اسکرول را ویرایش داده و مطابق با نظر خودمان طراحی کرده ایم. نمونه کد نویسی تغییر اسکرول مروگر همانطور که بیان شد برای تغییر اسکرول مرورگر باید استایل یا فایل css سایت خود را ویرایش کنید. به این منظور برای این که اسکرولی همانند تصویر پایین داشته باشید می توانید از این استایل استفاده کنید: <!-- wp:paragraph {"align":"right"} --> <p class="has-text-align-right">&lt;style><br> /* width */<br> ::-webkit-scrollbar {<br> width: 20px;<br> }</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"right"} --> <p class="has-text-align-right">/* Track */<br> ::-webkit-scrollbar-track {<br> box-shadow: inset 0 0 5px grey;<br> border-radius: 10px;<br> }</p> <!-- /wp:paragraph --> <!-- wp:paragraph ...

برچسب‌ها: , ,

طراحی اپلیکیشن و سایت با nodejs و جاوا اسکریپت

طراحی اپلیکیشن و سایت با nodejs و جاوا اسکریپت

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

برچسب‌ها: , ,

آموزش mysqli prepare برای query ها

آموزش mysqli prepare برای query  ها
 ۳۰ شهریور ۱۳۹۷      موضوعات: آموزش طراحی سایت وبلاگ 

یکی از مباحثی که در طراحی سایت و  php باید توجه لازم را به آن داشت، بحث روش کد نویسی برای جلوگیری از sql injection می باشد. sql injection یک نوع از حملات است که با تزریق دیتا به داده ها امکان تغییر دیتابیس وجود دارد.در صورتی که شما از mysqli استفاده می کنید یکی از روش های بسیار موثر  mysqli prepare می باشد. در ادامه به توضیح این مورد خواهیم پرداخت. با ایران وبر همراه باشید. برای شروع بهتر است یک نمونه کد mysqli prepare رو با هم ببینیم: <?php $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } $stmt = $conn->prepare("INSERT INTO MyGuests (firstname, lastname, email) VALUES (?, ?, ?)"); $stmt->bind_param("sss", $firstname, $lastname, $email); $firstname = "John"; $lastname = "Doe"; $email = "john@example.com"; $stmt->execute(); $firstname = "Mary"; $lastname = "Moe"; $email = "mary@example.com"; $stmt->execute(); $firstname = "Julie"; $lastname = "Dooley"; $email = "julie@example.com"; $stmt->execute(); echo "New records created successfully"; $stmt->close(); $conn->close(); ?> کد بالا نمونه کدی است که برای یک mysqli prepare استفاده می شود. خب بهتر است جز به جز کد را با هم بررسی کنیم تا بخش های ان را بیشتر درک کنیم: بخش اول - اتصال mysqli به پایگاه داده $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); در کد بالا ابتدا به پایگاه داده متصل می شویم. این کد نیاز به توضیح خاصی ندارد چون در این مقاله به ...

برچسب‌ها: , ,

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

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

طراحی سایت کلینیک زیبایی و پوست و مو در تهران : با سلام و عرض خسته نباشی خدمت همه عزیزان همراه امروز در خدمت شماییم تا با یکی دیگر از حرفه ها عمراه شما باشیم . ابتدا لازم است که ارتباط میان میزان درامد شما و تبلیغات شما صحبت به میان اوریم . دانستن انکه این تبلیغات چقدر در کار شما موثر است و مورد فایده واقع می شود بسیار سخت است و نمیتوان رای ان برنامه ریزی اصولی داشت . پس همراه ما باشید تا در این مورد با شما سخن بگوییم . طراحی سایت  و ورود به فضای مجازی به هر نحوی بایست چندین المان اصولی را داشته باشد از قبیل : _ حضور مداوم و مفید در فضای مجازی _ ارائه پیشنهادهای درست حسابی و اصولی برای جذب مخاطب _ شفاف سازی به صورت کامل برای ایجاد اعتماد _ اشنایی کامل با اساسی ترین اصول مربوط به تبلیغات و ... برای ایجاد بهترین راهکار های داشتن افراد مجرب در کار از اولین اصولی است که بایست رعایت شود . در ضمن دانستن ان که مشاوران کاربلد شرکت ایران وبر 24 ساعت اماده ارائه مشورت به صورت رایگان و پشتیبانی اصولی به شما هستند . برای ارتباط با م می ...

برچسب‌ها: , ,
با ما تماس بگیرید!
021-91018852
آدرس
تهران- بلوار سردار جنگل- بالاتر از تقاطع مخبری - خیابان رجایی - پلاک 36 - واحد 6