آموزش طراحی پوسته وردپرس به سبک آقای وردپرس

l0v3h4cking

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



نظر یادتون نره!!!

8.gif


با سلام خدمت کاربران عزیز و محترم آقای وردپرس

امروز یک آموزش دیگه براتون گذاشتم که امیدوارم ازش خوشتون بیاد.

wordpress-icon.png

توی این آموزش قراره که طراحی پوسته وردپرس رو به صورت استاندارد به سبک آقای وردپرس آموزش بدیم

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

که البته من HTML5 , CSS3 رو پیشنهاد میکنم

wordpress-icon.png
Math-equal-icon.png
html-5-icon.png
add-icon.png
css-3-icon.png


آموزش ها شامل ۱۵ قسمت هست که اگر بشه روزی یکیشو براتون میذارم

پوسته های وردپرس شامل فایل های زیر هستند:

index.php

single.php

functions.php

header.php

sidebar.php

footer.php

404.php

archive.php

category.php

comments.php

description.php

page.php

searach.php

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

از تعداد زیادش نترسید اگر درست و خوب کار کنید سریع تموم میشه

موفق و سربلند باشید.

بدرود.

منتظر نظرات سازندتون هستم نظر یادتون نره!!!

منبع این آموزش:



نظر یادتون نره!!!

8.gif


 

l0v3h4cking

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



هرگونه کپی برداری از مطلب بدون ذکر منبع نامردی محسوب میشود!!!
21.gif


نظر یادتون نره!!!

8.gif


با سلام خدمت کاربران عزیز و محترم آقای وردپرس

امروز با آموزش طراحی پوسته وردپرس ( قسمت ۲) در خدمت شما هستم که امیدوارم ازش خوشتون بیاد.

wordpress-icon.png



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




ابتدا فایل header.php رو طراحی میکنیم:




شما ابتدا فایل index رو با نوت پد باز کنید و همه ی کد هایی که از اول تا قسمتی که نوشته




<head/>




کات کنید و توی یک فایل به اسم header.php پیست کنید و محتویات فایل را ذخیره کنید.




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




<?php get_header(); ?>


خوب حالا فایل header.php درست شد!!!

حالا فایل footer.php رو طراحی میکنیم:

حالا کد های فوتر رو کات کنید و توی یک فایل به اسم footer.php ذخیره کنید. و بعد از اون کد زیر رو به خط قبل از کد های فوتر اصافه کنید.

<footer>

و در آخر کد های فوتر کد زیر رو کپی کنید.

</footer>

یعنی در کل فوتر شما باید به صورت زیر باشد

<footer> کدهای html فوتر شما </footer> و سپس برای این که در فایل index فوتر سایت فراخوانی یشه و بتونه اون رو لود بکنه کد زیر رو به جای کد های قبلی که کات کردیم قرار میدیم

<?php get_footer(); ?>

خوب حالا فایل footer.php درست شد!!!

موفق و سربلند باشید.

بدرود.

منتظر نظرات سازندتون هستم نظر یادتون نره!!!

منبع این آموزش:



هرگونه کپی برداری از مطلب بدون ذکر منبع نامردی محسوب میشود!!!
21.gif


نظر یادتون نره!!!

8.gif


 

erfan

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

لطفا تو همین تاپیک ادامه بدید...

:53:


 
آخرین ویرایش توسط مدیر:
بالا