http://www.xoops.ir

سیستم مدیریت محتوا زوپس

سیستم مدیریت محتوای زوپس، CMS قدرتمندی ‌است كه با زبان PHP نوشته شده و با بانک اطلاعات MySQL همخوانی دارد، استفاده از این نرم افزار كاملا آزاد و رایگان است، برای دریافت هسته‌ی اصلی این برنامه روی آیکن زیر کلیک کنید.

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




ورود خودکار

واژه رمز را فراموش کرده‌اید؟
عضو شوید
افراد آنلاين
6 کاربر آن‌لاين است (1 کاربر در حال مشاهده‌ی سایت اخبار زوپس)

عضو: 0
مهمان: 6

بیشتر...
آموزش قالب ها : نحوه ساختن قالب براي زوپس
فرستنده voltan در تاريخ ۱۳۸۹/۸/۲۵ ۱۷:۵۳:۴۱ (2765 بار خوانده شده) خبرهای فرستاده شده توسط این شخص
قدم اول:
پوشه تم default را کپي کنيد و نام آن را به هر نام دلخواهي تغيير دهيد .مثل cool . شما اکنون يک پوشه cool داريد که فايل هايي مشابه فايل هاي default دارد . در اين پوشه theme.html را باز کنيد و به دنبال رشته زير بگرديد .
<{include file="default/theme_blockleft.html"}>

آنچه در اين رشته مي بينيد يک default است که بايد آن را به cool تغيير نام دهيد تا پوشه cool که پوشه جديد شماست ديده شود .وقتي که رشته بالا را تغيير داديد بايد چيزي شبيه اين را داشته باشيد .
<{include file="cool/theme_blockleft.html"}>

در اين فايل در جايي که شما مجبور هستيد دايرکتوري را تغيير دهيد چند include مشابه ديگر هم وجود دارد که بايد مشابه قبل آن را تغيير دهيد .



قدم دوم:
شما اکنون بايد default template را فعال کنيد .به مسير زير برويد:
Administration > System Admin > Templates
و default template را فعال کنيد . شما بايد يک template جديد را بگيريد که به نام همان پوشه اي باشد که آن را ايجاد کرده ايد در اينجا cool . مراقب کاري که انجام مي دهيد باشيد .ويرايش يا اصلاح نادرست اين template مي تواند اثرات وحشتناکي داشته باشد .

قدم سوم :
به مسير زير برويد .
Administration > System Admin > Preferences > General Settings
Cool را در تم default و تمپليت default انتخاب کنيد گزينه زير را به روي بله تنظيم کنيد

Update module template .html files from themes/your theme/templates directory?

اين تنظيم بسيار مهم است زيرا اين تنها راهي است که xoop کد cssو html جديد را دوباره بارگذاري مي کند بنابر اين شما مي توانيد به آساني تغييرات خود را امتحان کنيد . ( قدم 4 )

زماني که شما نتايج مورد نظر را دريافت کرديد گزينه
Update module template .html files from themes/your theme/templates directory?
را به روي نه تنظيم کنيد .اکنون xoop شما به طور کامل از تم cool استفاده مي کند . شما مي توانيد اين تم را در حد نياز خود ويرايش کنيد. وقتي که در روند تم شما اشتباهي به وجود آمد شما مي توانيد به تم default بازگشت کنيد.

قدم چهارم :
اکنون در فاز ويرايش هستيم . در مورد دستورات اين فايل توضيح کوتاهي مي دهيم

theme.html
وظيفه کنترل لايه بيروني سايت شما را به عهده دارد .
theme_blockleft.html
لايه بيروني بلاکهاي سمت چپ را کنترل مي کند.
theme_blockright.html

لايه بيروني بلاکهاي سمت راست را کنترل مي کند.
theme_blockcenter_c.html
لايه بيروني بلاکهاي وسط-وسط را کنترل مي کند.
theme_blockcenter_l.html
لايه بيروني بلاکهاي وسط-چپ را کنترل مي کند
theme_blockcenter_r.html
لايه بيروني بلاکهاي وسط-راست را کنترل مي کند

style.css
طرح کلي سايت شما
styleMAC.css
بعضي تنظيمات فقط براي MAC

styleNN.css
بعضي تنظيمات فقط براي NETSCAPE


با اين فايل هل شما مي توانيد تعريف کنيد که website شما بايد چه شکلي داشته باشد . (نمايش ماژول ها و هر بلاک تنها مي تواند به وسيله template ها کنترل شود البته اگر آنها از template استفاده کنند .

طراحي يک تم کامل:
به طور معمول يک طراح قسمت بيروني (layout) وب سايت خودش را به وسيله برنامه هاي گرافيکي ايجاد مي کند . پس از اين مرحله طراحي او يک سايت html به روي آن ايجاد مي کند . به ياد داشتن سه ستون خارجي xoops مساله بسيار مهمي است .

اگر شما به صورت بصري مثل خيلي از ما ضعيف شده ايد و به ابزاري مثل frontpageدسترسي داشته باشيد شما ممکن است لايه بيروني سايت خودتان را آنجا طراحي کنيد . مواظب باشيد!! کدهاي توليد شده به وسيله ويرايشگرهاي WYSIWYGمثل frontpage درست کار نمي کنند و قطعا قبل از استفاده به ويرايش و اصلاح نياز دارند .
Lc:ستون چپ
Cc:ستون وسط
Rc:ستون راست
پس از اينکه شما سه ستون template خودتان را در قالبhtml داريد شما فقط يک کپي از قسمتها ي مهم default/theme.html را در template خودتان داريد .اولين چيزي که هست ايجاد کردن يک headerاست . بعد از اين مرحله کدهايي که در ادامه آورده شده است را در ستون چپ(leftcolumn) خود کپي کنيد.

<{foreach item=block from=$xoops_lblocks}>
<{include file="default/theme_blockleft.html"}>
<{/foreach}>

تگ در جايي که در کد شما استفاده شده است بايد داراي اين id باشد .id=’leftcolumn’ اين تعريف براي css شما لازم است.

کد زير براي ستون وسط است

<{if $xoops_showcblock == 1}>











<{foreach item=block from=$xoops_ccblocks}>
<{include file="default/theme_blockcenter_c.html"}>
<{/foreach}>





<{foreach item=block from=$xoops_clblocks}>
<{include file="default/theme_blockcenter_l.html"}>
<{/foreach}>





<{foreach item=block from=$xoops_crblocks}>
<{include file="default/theme_blockcenter_r.html"}>
<{/foreach}>




<{/if}>



<{$xoops_contents}>


Id تگ tdبايد به اين صورت باشد. Id=’centercolumn’

در ستون سمت راست داريد:


<{foreach item=block from=$xoops_rblocks}>
<{include file="default/theme_blockright.html"}>
<{/foreach}>


در اينجا داريم id=’rightcolumn’
پس از اين مرحله بايد مسير عکس هايي که در تم شما قرار دارد را درست کنيد . اگر تمام عکس ها در همان پوشه تم شما قرار دارد بايد تگ img را به صورت زير به کار ببريد:

در غير اينصورت وقتي که xoops در حال تجزيه تم شماست عکس ها نمايش درستي نخواهند داشت . مطالب بالا فقط يک آشنايي ابتدايي با تم ها در زوپ بود به زودي راهنمايي هاي بهتري در اين زمينه را براي شما در اين قسمت قرار خواهيم داد.
برچسب‌ها: زوپس   قالب   سایت   آموزش  
بی‌شک دیدگاه هر کس نشانه‌ی تفکر اوست، ما در برابر نظر دیگران مسئول نیستیم
فرستنده شاخه