دیجی اسکریپت

ایجاد قالب HTML و آشنایی با ساختار صفحات وب

آشنایی با ساختار صفحات وب

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

ایجاد یک سند HTML

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

گام اول : در دسکتاپ خود پوشه ای به نام mihanwp ایجاد کنید.

گام دوم :  ++notepad را باز کنید!

گام سوم : از منوی file گزینه new را بزنید.

گام چهارم : از قسمت منوی بالا encoding را روی utf-8 قرار دهید.

گام پنجم : در نهایت فایل را در پوشه mihanwp که ایجاد کردید ، با پوسند html. ذخیره کنید.

کار تمام است! به همین راحتی یک سند HTML را ایجاد کردید که می توانید در آن کد نویسی انجام دهید.

مفهومی به نام تگ :

یکی از مهم ترین مفاهیمی که باید آن را به خاطر بسپارید ، مفهومی به نام تگ است. با کمک تگ ها یا همان برچسب ها می توانیم ساختار سایتمان را توصیف کنیم. به عبارتی تگ ها برای کد نویسی بخش های مختلف سایت به ما کمک میکنند. مثلا یک تگ برای قراردادن پاراگراف داریم. یک تگ برای قراردادن عکس داریم. یک تگ برای قراردادن عنوان داریم و… هر تگ با یک علامت > شروع میشود و باید یک علامت < به پایان میرسد. کلا دو نوع تگ داریم : ۱- تگ های باز ۲- تگ های بسته.

تگ های باز

تگ هایی که به صورت تنها هستند و محتوا در داخل همان یک تگ قرار میگیرد. برای مثال تگ img که برای قرار دادن یک عکس به کار میرود.

تگ های بسته

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

 

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

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

تا جلسه بعدی خدانگهدارتان…

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

محمد مقدم وبسایت شخصی
وقت گذراندن با آن هایی که دنیا را مثل من می بینند دوست دارم…

لینک منبع مطلب

دانلود رایگان قالب وردپرس Glades فارسی مناسب سایت خبری

قالب وردپرس Glades

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

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

امکانات کلی این قالب وردپرس:

• مناسب برای وب سایت های خبری
• دارای بسته نصبی آسان و نصب آن در ۵ دقیقه
• دارای فونت بی یکان فارسی
• کاملا فارسی و راستچین شده توسط تیم میهن وردپرس
• تنظیمات کلی از طریق سفارشی سازی قابل تغییر است

نکته: این قالب دارای بسته نصبی آسان می باشد. شما می توانید با چند کلیک ٬ سایتی مثل دمو داشته باشید. آموزش ویدیویی نصب بسته های نصبی

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

مریم زارع وبسایت شخصی
برنامه نویس PHP // کارشناسی مهندسی نرم افزار و عضو تیم فارسی سازی و محتوای میهن وردپرس

• 
• 

لینک منبع مطلب

دانلود قالب وردپرس شرکتی Business One Page فارسی

Business One Page نام یک قالب رایگان برای سیستم وردپرس می باشد که در مخزن وردپرس به ثبت رسیده است و تا به الان بیش از هزاران نفر آن را نصب کرده اند. از امکانات قالب وردپرس Business one page می‌‏توان به اسلایدر تمام صفحه و زیبای آن اشاره کرد، که محل مناسبی برای اخبار مهم سایت است. در این قالب بخشی برای توضیحات درباره ما و نمایش خدمات به کاربران اینترنتی وجود دارد. همچنین می‌‏توانید قسمتی برای نمایش نمونه کارها با افکت زیبا در قالب وردپرس Business one page داشته باشید. در انتهای صفحه پس از نمایش نظرات کاربران، می‏‌توانید یک فرم برای برقراری تماس افراد قرار دهید. قالب وردپرس Business one page در واقع یک قالب شرکتی تک صفحه‌‏ای است، که شما می‌‏توانید با کمک آن برای شرکت خودتان یک سایت طراحی کنید.

برخی از امکانات قالب وردپرس شرکتی Business One Page :

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

نوشته دانلود قالب وردپرس شرکتی Business One Page فارسی اولین بار در بیست اسکریپت. پدیدار شد.

لینک منبع مطلب

افزونه صفحه ساز دیوی Divi Builder وردپرس نسخه ۲٫۲

افزونه صفحه ساز دیوی Divi Builder یک افزونه صفحه ساز وردپرس حرفه ای است. افزونه صفحه ساز دیوی این امکان را برای شما فراهم می کند تا صفحات قالب وردپرس خود را فقط با کشیدن و رها کردن موس و به صورت زنده طراحی کنید.     افزونه صفحه ساز دیوی Divi Builder افزونه صفحه […]

این نوشته افزونه صفحه ساز دیوی Divi Builder وردپرس نسخه ۲٫۲ برای اولین بار ظاهر می شود در میهن اسکریپت – مرجع دانلود اسکریپت.

لینک منبع مطلب

نمایش آخرین ورود کاربر در وردپرس

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

آموزش نمایش آخرین ورود کاربر در وردپرس

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

افزونه WP Last Login وردپرس

این پلاگین وردپرس بیش از ۹٫۰۰۰ نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است. شما میتوانید در انتهای همین نوشته، افزونه WP Last Login را بصورت رایگان دانلود کنید

آموزش نمایش آخرین ورود کاربر در وردپرس با WP Last Login

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

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

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

آموزش نمایش آخرین ورود کاربر در وردپرس با استفاده از کد

این روش به همه اجازه میدهد که آخرین ورود کاربران را در سایت شما مشاهده کنند . کد های زیر را به فایل functions.php درون مسیر پوشه های قالب وردپرس خود قرار دهید:

<?php 
/**
 * Capture user login and add it as timestamp in user meta data
 *
 */
 
function user_last_login( $user_login, $user ) {
    update_user_meta( $user->ID, 'last_login', time() );
}
add_action( 'wp_login', 'user_last_login', 10, 2 );
 
/**
 * Display last login time
 *
 */
 
function wpb_lastlogin() { 
	$last_login = get_the_author_meta('last_login');
	$the_login_date = human_time_diff($last_login);
	return $the_login_date; 
} 
 
/**
 * Add Shortcode lastlogin 
 *
 */
 
add_shortcode('lastlogin','wpb_lastlogin');
?>

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

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

<?php echo 'آخرین بازدید: '. do_shortcode('[lastlogin]') .' قبل'; ?>

نکته: اگر شما میخواهید اطلاعات کامل تاریخ را مشاهده کنید خط زیر را در فایل functions.php پیدا کنید:

$the_login_date = human_time_diff($last_login);

و سپس آن را با این خط جایگزین کنید :

$the_login_date = date('M j, Y h:i a', $last_login);

به این ترتیب میتوانید با چه با استفاده از افزونه وردپرس WP Last Login و چه با استفاده از کدهای بالا، آخرین ورود کاربر در وردپرس را مشاهده کنید.

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

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

لینک منبع مطلب

افزونه تسویه حساب چند مرحله‌‌ای Multi-step Checkout ووکامرس فارسی نسخه ۱٫۶٫۳

افزونه تسویه حساب چند مرحله‌‌ای Multi-step Checkout ووکامرس فارسی یک افزونه برای فروشگاه ساز ووکامرس است که شما را قادر می سازد تا تسویه حساب فروشگاه ووکامرس خود را چند مرحله ای کنید.     افزونه تسویه حساب چند مرحله‌‌ای Multi-step Checkout ووکامرس فارسی شاید تا به حال مشاهده کرده باشید که در بعضی از […]

این نوشته افزونه تسویه حساب چند مرحله‌‌ای Multi-step Checkout ووکامرس فارسی نسخه ۱٫۶٫۳ برای اولین بار ظاهر می شود در میهن اسکریپت – مرجع دانلود اسکریپت.

لینک منبع مطلب

افزونه گزارش گیری پیشرفته وردپرس


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



لینک منبع مطلب

افزونه نوتیفیکیشن هوشمند وردپرس Smart Notification نسخه ۷٫۷٫۳

Smart Notification نام افزونه کاربردی و حرفه ای وردپرس می‌باشد که توسط آن قادر هستید تا یک سیستم اطلاع رسانی برای سایت وردپرسی خود راه اندازی کنید. این افزونه به شما این امکان را می‌دهد تا پیام ها های خود از طریق نوتیفیکیشن برای انواع سیستم عامل های موبایل و دسکتاپ ارسال کنید. از طریق…

این نوشته افزونه نوتیفیکیشن هوشمند وردپرس Smart Notification نسخه ۷٫۷٫۳ برای اولین بار در پرشین اسکریپت منتشر شده است.

لینک منبع مطلب

سیستم مدیریت نظرات جوملا با افزونه CComment Pro

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

برخی از امکانات سیستم مدیریت نظرات جوملا با افزونه CComment Pro :

• قابلیت ایجاد RSS برای نظرات برای اشتراک شدن در نظرات
• قابلیت قرار دادن captcha برای ارسال نظر
• دارای سیستم لایک و دیس لایک نظرات
• قابلیت مسدود سازی آی پی
• پشتیبانی از فرمت UTF-8
• پشتیبانی از ایموجی ها
• محافظت از هرزنامه ها
• و..

نوشته سیستم مدیریت نظرات جوملا با افزونه CComment Pro اولین بار در بیست اسکریپت. پدیدار شد.

لینک منبع مطلب

افزونه ورود به ووکامرس از طریق شبکه های اجتماعی YITH WooCommerce Social Login فارسی نسخه ۱٫۳٫۲

افزونه ورود به ووکامرس از طریق شبکه های اجتماعی YITH WooCommerce Social Login فارسی یک افزونه ووکامرس است که توسط آن مشتریان می توانند با پروفایل توییتر، فیس بوک یا گوگل پلاس خود عضو شده و وارد شوند و از فروشگاه ووکامرس شما خرید کنند.     افزونه ورود به ووکامرس از طریق شبکه های […]

این نوشته افزونه ورود به ووکامرس از طریق شبکه های اجتماعی YITH WooCommerce Social Login فارسی نسخه ۱٫۳٫۲ برای اولین بار ظاهر می شود در میهن اسکریپت – مرجع دانلود اسکریپت.

لینک منبع مطلب