VisiStat

آمارگیر به صورت زنده و دارای اینترفیس زیبا و کارآمد. تنها مشکل اینه که رایگان نیست.

• وب سایت
• مشاهده دموی این وب سایت

Webstat Basic

سرویس رایگان این سایت اجازه آمارگیری تا سقف 10،000 بازدید را به شما می دهد. سرویس PRO آن پولی است.

• وب سایت
• مشاهده دموی وب سایت

W3Counter

این سرویس هم به صورت رایگان تا 5،000 بازدید در روز را برای شما آمارگیری می کند. برای امکانات بیشتر باید از نسخه تجاری آن استفاده کنید.

• وب سایت
• مشاهده دموی وب سایت

ShinyStat

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

• وب سایت
• مشاهده دموی وب سایت

GetClicky

این سایت سرویس رایگان را برای 3،000 بازدید در روز ارائه می دهد. نسخه های تجاری آن از امکانات قوی و جالبی برخوردار هستند.

• وب سایت
• مشاهده دموی وب سایت

Logdy

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

• وب سایت

Pagealizer

این سایت در واقع هدفش کمک به آنالیز صفحات شما می باشد. نسخه رایگان آن برای 1 سایت و 200 بازدید در روز می باشد.

• وب سایت
• مشاهده دموی وب سایت

Piwik

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

• وب سایت
• مشاهده دموی وب سایت

Firestats

این سایت هم نرم افزار خود را برای سایتهای غیر تجاری رایگان ارائه می دهد.

• وب سایت
• مشاهده دموی وب سایت

Woopra

این سایت هم نرم افزار آمارگیری و آنالیز بسیار قوی با اینترفیس عالی دارد که متاسفانه نسخه رایگان آن برای یک وب سایت و ماهیانه 30،000 ویزیت در نظر گرفته شده است.

• وب سایت

Grape

یک سایت آمارگیر که open source و رایگان هست.

• وب سایت
• مشاهده دموی وب سایت

JAWstats

این برنامه هم رایگان هست و آمارهای قوی و خوبی در اختیار شما می گذارد. البته برای اجرای این برنامه به AWstats که معمولا روی کنترل پنلها قرار دارد نیاز دارید.

• وب سایت
• مشاهده دموی وب سایت

HiStats

آمارگیر رایگان نسبتا خوب همراه با Counter های مختلف برای وب سایت شما.

• وب سایت
• مشاهده دموی وب سایت

Google Analytics

آمارگیر رایگان گوگل با امکانات کافی و لازم برای هر وب سایت و وبلاگ بدون محدودیت.

• وب سایت

Stat Counter

یک سایت رایگان دیگر با امکانات زیاد برای آمارگیری و آنالیز وب سایت شما.

• وب سایت
• مشاهده دموی وب سایت

وبگذر

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

• وب سایت
• مشاهده دموی وب سایت

فایلهای اصلی هر قالب

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

• style.css
• header.php
• index.php
• sidebar.php
• footer.php
• single.php
• page.php
• comments.php
• 404.php
• archive.php
• searchform.php
• search.php

کدهایی که در فایل header.php قرار می گیرند

کدهای زیر معمولا در فایل header.php قرار می گیرند، اما ممکن است در فایلهای دیگر هم استفاده شود. کدهایی مثل محل فایلهای قالب برای فراخوانی تصاویر و سایر فایلها در کل قالب مورد استفاده قرار می گیرند. اما اکثر فایلها در header.php قرار می گیرند :

• <?php bloginfo(’name’); ?> تیتر یا نام وب سایت
• <?php wp_title(); ?> نام یک صفحه
• <?php bloginfo(’url’); ?> آدرس سایت
• <?php bloginfo(’description’); ?> توضیحات سایت
• <?php bloginfo(’template_url’); ?> محل قرار گیری قالب سایت
• <?php bloginfo(’stylesheet_url’); ?> محل قرارگیری فایل سی اس اس
• <?php bloginfo(’rss2_url’); ?> آدرس فید سایت
• <?php bloginfo(’pingback_url’); ?> آدرس پینگ بک سایت
• <?php bloginfo(’version’); ?> نسخه وردپرس

کدها برای سایر فایلهای قالب

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

• <?php get_header(); ?> فایل هدر را نشان می دهد
• <?php get_footer(); ?> فایل فوتر را نشان می دهد
• <?php get_sidebar(); ?> ساید بار را نشان می دهد
• <?php comments_template(); ?> فایل نظرات را نشان می دهد
• <?php the_content(); ?> محتوای پست را نشان می دهد
• <?php the_excerpt(); ?> خلاصه پست را نشان می دهد
• <?php the_title(); ?> تیتر پست را نشان می دهد
• <?php the_permalink() ?> لینک مربوط به پست را ایجاد می کند
• <?php the_category(’, ‘) ?> دسته پست را نشان می دهد
• <?php the_author(); ?> نویسنده پست را نشان می دهد
• <?php the_ID(); ?> آی دی پست را نشان می دهد
• <?php edit_post_link(); ?> ویرایش لینک پست
• <?php next_post_link(’ %link ‘) ?> آدرس صفحه بعدی
• <?php previous_post_link(’%link’) ?> آدرس صفحه قبلی
• <?php get_links_list(); ?> لیست آدرسها در قسمت لینک دونی
• <?php wp_list_pages(); ?> همه صفحه ها را نشان می دهد
• <?php wp_get_archives() ?> آرشیو سایت را نشان می دهد
• <?php wp_list_cats(); ?> دسته ها را نشان می دهد
• <?php get_calendar(); ?> تقویم را نشان می دهد
• <?php wp_register(); ?> لینک ثبت نام را نشان می دهد
• <?php wp_loginout(); ?> لینک ورود و خروج کاربران را نشان می دهد

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

منبع : WPBeginner

برای اینکار ابتدا شما باید از طریق FTP به سرور فعلی خود متصل شید، سپس فولدر wp-content را کامل بر روی کامپیوتر خود دانلود (کپی) کنید. (مثل شکل زیر)

مرحله بعدی باید از database خود backup بگیرید، این کار را می توانید از چند طریق انجام دهید، یا از طریق کنترل پنلی که در اختیار دارید مثل plesk یا cpanel وارد بخش database شوید سپس وارد mysqladmin شوید. در صفحه جدیدی که باز می شود شما باید با انتخاب گزینه export از بانک اطلاعاتی خود پشتیبان بگیرید و آنرا روی کامپیوتر خود ذخیره کنید. به شکل زیر دقت کنید :

بعد از کلیک کردن روی export شکلی شبیه شکل زیر می بینید :

در زیر قسمت export همه لیست را انتخاب کنید ، سپس گزینه sql را از قسمت نوع database انتخاب کنید. سپس در سمت راست گزینه های Add If Not Exists و Add Drop Table را انتخاب کنید. انتخاب این گزینه ها باعث می شود که اگر در سرور جدید این جداول وجود داشتند آنها را overwrite کند. بعد از آن در قسمت انتهایی صفحه گزینه save as file را انتخاب کنید و دکمه go را کلیک کنید که بعد از آن شما یک فایل را دانلود خواهید کرد. آنرا در جایی مطمئن ذخیره کنید !

مرحله بعد شما باید در سرور جدید وردپرس را ابتدا نصب کنید، بعد از اینکه نصب کردید توسط FTP یا از طریق file manager در کنترل پنل فولدر wp-content موجود در سرور جدید را که تازه نصب شده است را به طور کامل پاک کنید، سپس wp-content قبلی را که روی کامپیوتر خود ذخیره کرده اید از مرحله اول، جایگرین آن نمایید.

در این مرحله دوباره وارد database شوید، البته این بار database سرور جدید و کل database را drop کنید، به شکل زیر دقت کنید :

بعد از drop کردن با یک پیغام هشدار مواجه می شوید، yes را انتخاب کنید :

حال باید database که backup گرفته ایم را درون سرور جدید import کنیم :

import را بزنید و سپس توسط browse آدرس جایی که فایل پشتیبان database در آنجا قرار دارد را پیدا کنید و روی فایل کلیک کنید. سپس دکمه go را کلیک کنید.

حال شما database قبلی خود را در سرور جدید می بینید، کاری که الان باید انجام دهیم تغییر آدرس URL و Home Page می باشد.

در جدول سمت چپ که لیست جداول نشان داده می شود ، جدول wp-options را انتخاب کنید.

بعد از کلیک کردن روی آن محتوای این جدول نشان داده می شود ، شما رو browse کلیک کنید.

در صفحه جدید اطلاعات مربوط به این جدول را می بینید، سطر اول مربوط به site url هست. روی عکس مداد کنار آن کلیک کنید.

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

سپس به صفحه 2 بروید و اطلاعات مربوط به Home را هم به همین روش ویرایش کنید.

تمام شد ! حال با لاگین کردن به کنترل پنل وردپرس جدید می توانید تم و سایر تنظیمات خود را ویرایش کنید.

منبع : Wordpress Me

سایتی که برای اولین بار میخوام معرفی کنم سایت styles.ir هست. جای همچین سایتی در ایران مدت زیادی بود که خالی بود اما مدت کوتاهی هست که این سایت آماده شده و مورد استقبال قابل توجهی هم قرار گرفته است.

دو تا از دوستان خوبم، پرهام باغستانی و نیما عربی مدیریت این سایت را بر عهده دارند. اما این وب سایت چه کاری انجام میدهد ؟

سایت استایلز به جمع آوری وب سایت های فارسی که از نظر طراحی در سطح بالا و حرفه ای می باشند می پردازد، در این سایت مجموعه ای از برترین طرح های وب سایت های فارسی زبان را که با استفاده از CSS و XHTML و ابزارهای گرافیکی طراحی شده اند را جمع آوری , دسته بندی و معرفی میشود.

استایلز نخستین وب سایتی می باشد که به صورت حرفه ای اقدام به جمع آوری و انتشار برترین طراحی ها می نماید , اینگونه وب سایت ها که عمدتا به CSS Gallery ها مشهور هستند طی سالیان گذشته در میان وب سایت های خارجی رو به گسترش بوده است .

امیدوارم این سایت قدم موثری در بهبود وضعیت طراحی وب سایتهای فارسی زبان بر دارد.

thed, tbody و tfoot

این 3 تگ را به عنوان row groups یا گروه سطر می شناسند. کار آنها گروه بندی کردن سطرها با یکدیگر است. یک جدول می تواند تنها یک thead و یک tfoot داشته باشد. ولی در عین حال می تواند چندین tbody داشته باشد. کد زیر نشان دهنده یک مثال از بکارگیری این تگ ها می باشد :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
    </head>
    <body>
        <table border="1">
            <caption>
                Sites that I like to visit
            </caption>
            <thead>
                <tr>
                    <th scope="col">
                        Person
                    </th>
                    <th scope="col">
                        URL
                    </th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td colspan="2">
                        [1] Enjoys dance dance revolution
                    </td>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td>
                        Bryan Veloso [1]
                    </td>
                    <td>
                        Avalonstar
                    </td>
                </tr>
                <tr>
                    <td>
                        Dan Rubin
                    </td>
                    <td>
                        Superflour
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

اگر به کد دقت کرده باشید تگ tfoot قبل از tbody آمده است. ولی هنگام رندر شدن این جدول در انتهای جدول ظاهر می شود.

همه این تگها از ویژگیهای align و valign پشتیبانی می کنند. ویژگی align تراز افقی و valign تراز عمودی را کنترل می کند. البته میتوان از ویژگیهای CSS مثل text-align و vertical-align برای این منظور هم استفاده کرد.

tr

این تگ برای سطر جدول می باشد. آنها هم مانند row groups ویژگیهای align و valign را پشتیبانی می کنند به علاوه دارای ویژگی به نام bgcolor هستند که رنگ پس زمینه آنها را کنترل می کند.

th و td

این دو عضو برای سلولهای جدول هستند و در برگیرنده اطلاعات برای جدول می باشند. مانند row و row groups ویژگیهای align و valign را پشتیبانی می کنند. علاوه بر آنها ویژگیهای rowspan و colspan را هم دارند. ویژگی rowspan مشخص می کند چند سطر باید هم ارتفاع سلول باشد. ویژگی colspan مشخص می کند چند سلول باید هم اندازه عرض ستونها باشد.

به شکل زیر دقت کنید :

کد شکل فوق به این صورت می باشد :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
    </head>
    <body>
        <table border="1">
            <thead>
                <tr>
                    <th scope="col">
                        Header
                    </th>
                    <th scope="col">
                        Header
                    </th>
                    <th scope="col">
                        Header
                    </th>
                    <th scope="col">
                        Header
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td rowspan="6">
                        You can span down.
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        You can span across.
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        Its like a puzzle.
                    </td>
                    <td rowspan="4">
                        Over here.
                    </td>
                </tr>
                <tr>
                    <td rowspan="3">
                        This way.
                    </td>
                </tr>
                <tr>
                    <td>
                        That way.
                    </td>
                </tr>
                <tr>
                    <td>
                        Where am I ?
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

col و colgroup

col مشخص کننده یک ستون و colgroup مشخص کننده گروه ستونها می باشد. کار اینها ترکیب کردن ستونها (این کار rowspan و colspan می باشد) نمی باشد و تنها یک مسیر راحت تری برای دادن ویژگیهای مختلف به ستونهای مختلف در اختیار می گدارند.

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

البته این وب سایت در مرحله آزمایشی است و ممکن است اشکالی در آن پیدا کنید، خوشحال میشم نظرات و پیشنهاد های خودتون را با من در میان بگذارید.

آدرس وب سایت : http://www.design2code.ir

در کل نرم افزار کاربردی بسیار خوبی برای همه هست پیشنهاد میکنم دانلودش کنید، البته برای اجرای این نرم افزار نیاز به Adobe Air دارید که باید قبلش نصب کنید. میتونید Adobe Air را از این لینک دانلود کنید.

دریافت نرم افزار

هدف این وب سایت اطلاع رسانی در مورد این لوازم و جلوگیری از هدر رفتن وقت مشتریان برای مراجعه به فروشگاه ها و دیدن محصولات مختلف است.

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

آدرس وب سایت : http://www.siemens-iman.ir

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

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

<!--[if lte IE 6]><script src="js/ie6/warning.js"></script><script>window.onload=function(){e("js/ie6/")}</script><![endif]-->

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

دریافت فایل (حجم 50 کیلوبایت)

روش دوم

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

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

شما همچنین میتوانید به تنظیمات این پلاگین رفته و پیغامهای هشدار را تغییر دهید.

روشهای دیگر

روشهای دیگری هم برای آگاه کردن کاربران از این مسئله وجود دارد، در این سایت میتوانید 7 روش را برای هشدار دادن به کاربران در مورد اینترنت اکسپلورر مشاهده کنید

ساختار Table

معمولا شما وقتی یک جدول را میسازید حداقل این المانها را به کار میبرید : Table, tr, td کد شما ممکن است شبیه کد زیر باشد :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
    </head>
    <body>
        <table border="1">
            <tr>
                <th>
                    نام
                </th>
                <th>
                    فامیلی
                </th>
            </tr>
            <tr>
                <th>
                    فرشاد
                </th>
                <th>
                    ذوالفقاری
                </th>
            </tr>
        </table>
    </body>
</html>

این المانها همه اجزای یک Table نیستند، شما ممکن است از اجزایی مثل thead, tbody, tfoot, caption, col و colgroup هم استفاده کنید. هر کدام از این اجرا برای خودشان هدف و مفهموم Semantic دارند و باید در جای درست از آنها استفاده شود.

table

هر جدولی باید با این تگ شروع شود و پایان یابد. تگ table چندین ویژگی و attribute دارد، از جمله border, cellpadding و cellspacing. دو ویژگی border و cellpadding را میتوان از طریق CSS کنترل کرد اما به دلیل اینکه internet explorer نمی تواند ویژگی cellspacing را به درستی از طریق CSS اعمال کند، در صورت نباز به این ویژگی باید آنرا در کد HTML استفاده کنید.

علاوه بر این ویژگیها، ویژگیهای دیگری همچون frame که نحوه نمایش خط دور خارجی را کنترل میکند وجود دارد. مقادیری که این ویژگی میگیرد عبارتند از : void, above, below, hsides, vsides, lhs, rhs,box و border. مقدار پیشفرض void است. این مقدار خط دور را از آن حذف میکند.

این خط دور در هر مرورگری به یک صورت رندر نمیشود مثلا :

• Internet Explorer به صورت 3 بعدی آنرا نمایش می دهد.
• Firefox یک خط طوسی در سمت چپ و بالا، و خط مشکی در راست و پایین نمایش میدهد.
• Opera یک خط مشکی می کشد.
• Safari اصلا خطی نمی کشد.
• Chrome هم مانند اپرا عمل میکند.

ویژگی rules، کنترل کننده خط مابین سلول ها است که دارای 5 ویژگی است : none, groups, rows, cols و all. مقدار پیش فرض آن none هست که خطی ترسیم نمی کند.

مقدار groups یک خط (3بعدی در اینترنت اکسپلورر، خط مشکی در فایرفاکس و اپرا و کروم) را دور هر thead, tfoot, tbody و colgroup می کشد.

مقدار all دور هر سلول یک خط می کشد.

اگر میخواهید از ویژگیهای frame و rules استفاده کنید بهتر است که آنها را همزمان با هم قرار دهید. چون استفاده تکی از آنها ممکن است ایرادهای عجیبی را ایجاد کند.

caption

از caption برای نشان دادن خلاصه ای از موضوع جدول در بالای جدول استفاده می شود. این تگ ویژگی دیگری ندارد و درست بعد از تگ table قرار می گیرد.

<table>
	<caption>
		جدول نام و نام خانوادگی
	</caption>
</table>

در قسمت بعد سایر تگهای جدول مورد بررسی قرار خواهد گرفت