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

ساخت ویجت برای وردپرس

ارسال شده توسط developzoom در جمعه, ۱۳۹۵/۰۳/۲۱ - ۱۷:۵۰
انجمن: 
آموزش های نرم افزاری

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

برای انجام این کار سه مرحله را باید طی کنیم(سه مرحله خیلی آسان).
۱- ثبت ویجت در قالب وردپرس
۲- وارد کردن ویجت در قالب وردپرس
۳- افزودن استایل دلخواه به ویجت
نکته: قبل از اعمال تغییرات از فایل functions.php و footer.php بک آپ بگیرید که در صورت اشتباه نسخه اصلی را داشته باشید.
مرحله اول: ثبت ویجت در قالب وردپرس
فایل functions.php که در قالب خود دارید را باز کنید و عبارت زیر را در آن جستجو کنید:
register_sidebar
جستجوی این عبارت شما را به بخشی از کد که آموزش وردپرس در آنجا سایدبارها ثبت شده اند هدایت می شوید.
حالا کد زیر را در آنجا کپی کنید. این تکه کد سه ناحیه ابزارک(widget area) در بخش فوتر ایجاد می کند.

IMAGE(http://www.developzoom.com/wp-content/uploads/2016/04/developzoom-wordpress-widgets.png)


width: 519

[TR]
[TD="class: gutter"]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
[/TD]
[TD="class: code"]register_sidebar( array(
'name' => 'Developzoom Sidebar 1'
'id' => 'footer-sidebar-1'
'description' => 'Appears in the footer area'
'before_widget' => '
'after_widget' => ''
'before_title' => '

'
'after_title' => '

'
) );
register_sidebar( array(
'name' => 'Developzoom Sidebar 2'
'id' => 'footer-sidebar-2'
'description' => 'Appears in the footer area'
'before_widget' => '
'after_widget' => ''
'before_title' => '

'
'after_title' => '

'
) );
register_sidebar( array(
'name' => 'Developzoom Sidebar 3'
'id' => 'footer-sidebar-3'
'description' => 'Appears in the footer area'
'before_widget' => '
'after_widget' => ''
'before_title' => '

'
'after_title' => '

'
) );

[/TD]
[/TR]



مرحله دوم: وارد کردن ویجت در قالب وردپرس
فایل footer.php خود را باز کنیدو کد زیر را در هر بخشی از فوتر که می خواهید ابزارک ها را نمایش دهید وارد کنید.
width: 519

[TR]
[TD="class: gutter"]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
[/TD]
[TD="class: code"]
if(is_active_sidebar('footer-sidebar-1')){
dynamic_sidebar('footer-sidebar-1');
}
?>
if(is_active_sidebar('footer-sidebar-2')){
dynamic_sidebar('footer-sidebar-2');
}
?>
if(is_active_sidebar('footer-sidebar-3')){
dynamic_sidebar('footer-sidebar-3');
}
?>

[/TD]
[/TR]



مرحله سوم: افزودن استایل دلخواه به ویجت
حالا استایل زیر رو به فایل style.css خود اضافه کنید.
width: 519

[TR]
[TD="class: gutter"]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
[/TD]
[TD="class: code"]#footer-sidebar {
display:block;
height: 250px;
}

#footer-sidebar1 {
float: left;
width: 340px;
margin-left:5px;
margin-right:5px;
}

#footer-sidebar2 {
float: left;
width: 340px;
margin-right:5px;
}

#footer-sidebar3 {
float: left;
width: 340px;
}

[/TD]
[/TR]



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

منبع : آموزش طراحی سایت

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

آموزش برنامه نویسی جاوا – قسمت سوم

ارسال شده توسط developzoom در جمعه, ۱۳۹۵/۰۲/۱۰ - ۱۸:۲۱
انجمن: 
آموزش های نرم افزاری

IMAGE(http://www.developzoom.com/wp-content/uploads/2016/03/developzoom-java.png)

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

width: 519

[TR]
[TD="class: gutter"]

1
2
3
4
5
6
7
[/TD]
[TD="class: code"]public class Hello
{
public static void main(String[] args)
{
System.out.println("Hello Java");
}
}
[/TD]
[/TR]



خروجی:
width: 519

[TR]
[TD="class: gutter"]

1
[/TD]
[TD="class: code"]Hello Java
[/TD]
[/TR]



معرفی جاوا
در بخش معرفی تصمیم داشتم تاریخچه و اینکه کلا زبان جاوا از کجا و توسط چه شرکتی به وجود اومده توضیح بدم، بعد دیدم این چیزا توی هر سایتی که بریم هست و بهتره که مستقیم بریم سراغ برنامه نویسی پس با سری آموزش برنامه نویسی جاوا همراه باشید.
۱-نصب جاوا
ابتدا بایدببینیم آیا جاوا روی سیستم ما نصب هست یا نه. برای این کار cmd را باز می کنیم می نویسیم: javac
بعد اینتر می کنیم اگر شکل زیر رو دیدیم یعنی جاوا روی سیستم شما نصب است.


IMAGE(http://www.developzoom.com/wp-content/uploads/2016/03/javac-346hwes.jpg)

اگر نصب نبود مراحل زیر را ادامه دهید:
JDK: شامل یک JRE کامل به علاوه ابزار توسعه، اشکال زدایی و مونیتورینگ نرم افزار می باشد.
(Java Development Kit)
JRE: شامل JVM کلاس های هسته جاوا و تمامی کتابخانه های مورد نیاز که شما با نصب JDK همه این موارد رو خواهید داشت.
(Java Runtime Environment)
JVM: تقریبا همه برنامه نویسان جاوا میدانند که Bytecode ها به وسیله (JRE (Java Runtime Environment اجرا میشوند. میتوان یکی از مهمترین اجزای JRE را ماشین مجازی جاوا یا همان Java Virtual Machine ) JVM ) در نظر گرفت که وظیفه آنالیز کردن و اجرا کردنBytecode ها را برعهده دارد، معمولا برنامه نویسان احتیاج ندارند که بدانند که JVM چگونه کار میکند. بنابراین برنامه ها و کتابخانه های زیادی نوشته شده است بدون اینکه برنامه نویسان آن، اطلاعی عمیقی از JVM داشته باشند.(Java Virtual Machine)
تنظیم evironment variable
برای بار اول که جاوا را نصب میکنید نیاز به تنظیم این بخش دارید تا بتوانید به راحتی بدون نیاز به آدرس کامل سورس برنامه آن را اجرا کنید:
c:\avac TestClass.java
در غیر این صورت در هر بار اجرا نیاز دارید آدرس کامل را وارد کنید:
c:\Java\jdk1.7.0\bin\javac TestClass.java
تنظیم environment variable در ویندوز:
فرض کنید شما جاوا را در آدرس زیر نصب کرده اید:
c:\Program Files\Java\jdk1.7.0_21\bin
در این صورت روی my computer خود کلیک راست کلیک کنید و گزینه properties را بزنید.
در تب Advanced یا advanced system setting گزینه environment variable را انتخاب کنید.
path را به عنوان یک متغیر جدید تعریف کنید و برای مقدار آن آدرس زیر را وارد کنید:
c:\Program Files\Java\jdk1.7.0_21\bin


IMAGE(http://www.developzoom.com/wp-content/uploads/2016/03/path.jpg)

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

منبع : آموزش برنامه نویسی

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