قمت بتصميم قالب مشابه لموقع تويتر,
وهو قالب Twipress للوورد بريس..
مميزات القالب:
شبيه بموقع تويتر مع لوحة تحكم كاملة.
مستجيب (مرن) ويعمل مع جميع الهواتف والتابلت.
يدعم شاشات الريتنا Retina.
ثلاث قوالب للصفحات (اتصل بي, الصور, من انا).
السكرول اللانهائي Infinite-Scroll مع خيار التعطيل لو أردت.
نوعين لمحرك البحث في الشريط العلوي الثابت (بحث عادي وبحث داخل الوسوم).
أزرار المشاركة بالمواقع الإجتماعية (زر تويتر, فيسبوك, قوقل) مدمجة تلقائياً.
عارض الصور Light-Box مدمج تلقائياً مع شرح الإستخدام.
تحكم بالكامل للملف الشخصي والشريط الجانبي.
دعم وتحكم بالإعلانات العادية و إعلانات Adsense.
فيديو إسبوعي في الشريط الجانبي Youtube أو Vimeo.
ضبط ايقونة المتصفح وخدمة إحصائيات المواقع.
إضافة Contact Form 7 مدعومة بالكامل مع التنسيق التلقائي.
ايقونات حساباتك في الشبكات الإجتماعية في الشريط الجانبي.
عرض آخر 5 وسوم نشطة في مدونتك.
والكثير من المميزات الأخرى..
يمكنك مشاهدته مباشرة هنا:
http://css-point.comأريد آرائكم ونصائحكم.. و أنا أتقبّل النقد البنّاء.
ما شاء الله عمل جميل ومتقن، لدي بعض الملاحظات البسيطة:
الجمع بين الأيقونات والاسم في الشريط العلوي غير محبذ، أختر إحداهما فقط.
ضعف دقة أيقونة وورد بريس في الشريط العلوي.
الخط ليس بذاك الجمال، يفضل استخدام خط أجمل كخط جذور المسطح(1) أو أي خط آخر.
استبدال عبارة "أقرأ المزيد" بأيقونة حتى تكون أكثر جمالاً ووضوحاً.
ترتيب مكونات القائمة الجانبية لم يتم بالشكل الصحيح، بحيث توضع "الشبكات الاجتماعية" مكان "الصور" وهكذا.
أيقونة "عودة للأعلى" يفضل أن تكون شكل وليس نص.
من المفترض أن تقوم أيقونات الشبكات الاجتماعية والصور في القائمة الجانبية بالتفاعل عن تحريك الفأرة.
على العموم هذا مجرد رأي شخصي وقد لا يوافقني الجميع عليه.
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
(1)
اشكراك اخي على رأيك..
نعم عزيزي انا اريد جميع الكثير من النصائح والتعليمات,
وبخصوص الخط فا انا استخدم نفس خط تويتر وهو خط آريال,
بالتوفيق عزيزي.
من المفترض أن تقوم أيقونات الشبكات الاجتماعية والصور في القائمة الجانبية بالتفاعل عن تحريك الفأرة.
الأفضل أن لا يدرجها على شكل صور، بل على شكل أيقونات مدمجة في خط الأيقونات مع البقية فهي تتيح تحكم أفضل
أو على الأقل أن يقوم بالتالي
.social {
filter: gray;
-webkit-filter: grayscale(100%);
transition: all 150ms ease-out;
}
.social:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
التعليقات