« طراحی سایت و گرافیک »
3.07K subscribers
167 photos
586 videos
5 files
417 links
مرجع تخصصی آموزش گرافیک و طراحی سایت

1⃣ آموزش سرور و هاستینگ
2⃣ آموزش طراحی سایت
3⃣ نکات طلایی وبمستری
4⃣ آموزش هک و کرک وردپرس و...

🔵 لیست دوره های به پایان رسیده کانال:
🔴 T.me/Web_Developer_98
加入频道
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: ششم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
This media is not supported in your browser
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: هفتم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
This media is not supported in your browser
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: هشتم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
This media is not supported in your browser
VIEW IN TELEGRAM
آموزش بروز رسانی وردپرس از طریق کد نویسی

🔸به‌روزرسانی وردپرس با استفاده از PHP

// بارگذاری فایل wp-load.php برای دسترسی به توابع وردپرس
require_once('wp-load.php');

// بررسی اینکه آیا کاربر مجاز به انجام به‌روزرسانی است
if (current_user_can('update_core')) {
// به‌روزرسانی هسته وردپرس
include_once(ABSPATH . 'wp-admin/includes/update.php');
include_once(ABSPATH . 'wp-admin/includes/class-wp-upgrader.php');

$upgrader = new Core_Upgrader();
$result = $upgrader->upgrade('latest');

if (is_wp_error($result)) {
echo 'خطا در به‌روزرسانی: ' . $result->get_error_message();
} else {
echo 'به‌روزرسانی با موفقیت انجام شد!';
}
} else {
echo 'شما مجاز به انجام این عمل نیستید.';
}

🔳 توضیحات:
1. بارگذاری wp-load.php: این فایل شامل تمام توابع و کلاس‌های وردپرس است که برای دسترسی به آن‌ها نیاز دارید.

2. بررسی مجوز کاربر: با استفاده از current_user_can('update_core') بررسی می‌شود که آیا کاربر مجاز به انجام به‌روزرسانی است یا خیر.

3. شامل کردن فایل‌های لازم: برای به‌روزرسانی نیاز به بارگذاری فایل‌های مربوط به به‌روزرسانی هسته وردپرس است.

4. ایجاد شیء Core_Upgrader: این شیء مسئول انجام فرآیند به‌روزرسانی است.

5. به‌روزرسانی هسته: با استفاده از متد upgrade()، هسته وردپرس به آخرین نسخه به‌روزرسانی می‌شود.

6. مدیریت خطاها: در صورت بروز خطا، پیام مناسب نمایش داده می‌شود.

🚫 نکته:
▫️قبل از اجرای این اسکریپت، حتماً از داده‌ها و تنظیمات سایت خود پشتیبان تهیه کنید.

▫️این روش معمولاً در محیط‌های توسعه یا زمانی که دسترسی به داشبورد وردپرس محدود است، استفاده می‌شود. در اکثر موارد، بهتر است از داشبورد مدیریت وردپرس برای انجام به‌روزرسانی‌ها استفاده کنید.

#وردپرس #وب #کد #php #برنامه_نویسی
🌈 Web_Designer98.t.me
❤‍🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: نهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: دهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: یازدهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: دوازدهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: سیزدهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
This media is not supported in your browser
VIEW IN TELEGRAM
بهترین فریمورک‌های CSS

1⃣ Bootstrap:
یکی از پرطرفدارترین فریمورک‌ها که امکانات زیادی برای طراحی ریسپانسیو ارائه می‌دهد.

2⃣ Tailwind CSS:
یک فریمورکUtility-First که به شما امکان می‌دهد طراحی‌های بسیار سفارشی بسازید.

3⃣ Foundation:
فریمورکی قوی که برای طراحی وب‌سایت‌های ریسپانسیو و کاربردی مناسب است.

4⃣ Bulma:
فریمورکی مدرن و مبتنی بر Flexbox که استفاده از آن بسیار آسان است.

5⃣ Semantic UI:
فریمورکی با تمرکز بر روی معنایی بودن کد و طراحی زیبا.

6⃣ Materialize CSS:
فریمورکی بر اساس اصول Material Design که طراحی زیبا و کاربرپسند را به همراه دارد.

7⃣ Skeleton:
فریمورکی سبک و ساده برای طرح‌های اولیه و پروژه‌های کوچک.

8⃣ Pure css:
فریمورکی مینیمالیستی که برای سرعت و کارایی بالا ساخته شده است.

#وب #فریمورک #css #html

🌈 Web_Designer98.t.me
This media is not supported in your browser
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: چهاردهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: پانزدهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me
This media is not supported in your browser
VIEW IN TELEGRAM
آموزش ساخت کپچا ساده با استفاده از جاوااسکریپت 👇👇

<!-- https://yangx.top/Web_Designer98 -->
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@Web_Designer98</title>
    <style>
/* https://yangx.top/Web_Designer98 */
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 50px;
        }
        #captcha {
            font-size: 24px;
            margin: 10px;
        }
/* https://yangx.top/Web_Designer98 */
    </style>
</head>
<body>
<!-- https://yangx.top/Web_Designer98 -->
<h2>تأیید کپچا @Web_Designer98</h2>
<div id="captcha"></div>
<input type="text" id="captchaInput" placeholder="کد را وارد کنید">
<button onclick="validateCaptcha()">تأیید</button>
<p id="result"></p>
<!-- https://yangx.top/Web_Designer98 -->
<script>
//https://yangx.top/Web_Designer98
    function generateCaptcha() {
        const captchaLength = 5;
        let captcha = '';
        for (let i = 0; i < captchaLength; i++) {
            captcha += Math.floor(Math.random() * 10); // تولید اعداد ۰ تا ۹
        }

      //https://yangx.top/Web_Designer98 
document.getElementById('captcha').textContent = captcha;
        return captcha;
    }

    let generatedCaptcha = generateCaptcha();

    function validateCaptcha() {
        const userInput = document.getElementById('captchaInput').value;
        const result = document.getElementById('result');
        if (userInput === generatedCaptcha) {
            result.textContent = 'کپچا موفقیت آمیز بود! ';
        } else {
            result.textContent = 'کپچا ناموفق بود. لطفاً دوباره امتحان کنید. ';
            generatedCaptcha = generateCaptcha(); // تولید دوباره کپچا
            document.getElementById('captchaInput').value = ''; // پاک کردن فیلد ورودی
        }
    }
</script>
<!-- https://yangx.top/Web_Designer98 -->
</body>
</html>

💢 توضیحات:
1⃣ این کد یک کپچا عددی تصادفی ایجاد می‌کند.
2⃣ کاربر باید عدد تولید شده را در فیلد ورودی وارد کند.
3⃣ وقتی کاربر روی دکمه "تأیید" کلیک می‌کند، کپچا بررسی می‌شود و نتیجه نمایش داده می‌شود.
4⃣ اگر کاربر پاسخ نادرستی وارد کند، کپچا به‌طور تصادفی دوباره تولید می‌شود.
#css #html #js

🌈 Web_Designer98.t.me
👍5
🎁 لیست دوره‌ های آموزشی کانال
This media is not supported in your browser
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
آموزش نرم افزار Adobe Dreamweaver
🎦 قسمت: شانزدهم
📹کیفیت: 720p
🗂 دسته بندی: #دریم_ویور

🌈 Web_Designer98.t.me