تصميم مواقع | خامات تصميم | برمجيات | css |design | vectors

Posts tagged ‘صورة’

اضافة لتغيير استايل الدخول – yourcolor

اضافة لتغيير استايل الدخول

yourcolor.net

yourcolor.net

yourcolor.net
هذه الاضافة المساعدة كاملة متميزة لمساعدتك في تحرير تسجيل الدخول الخاصة بك فقط بالطريقة التي تريدها.تتجلى في تغيير استايل الدخول كما في الصورة بصفحة التحميل اليكم الرابط:
التحميل من الموقع الاصلي : http://vasthtml.com/js/login-xchange-plugin/

لعمل جاليري لمواضيعك المميزة مع مقتطف لكل تدوينة – yourcolor

[Featured Content Gallery] لعمل جاليري لمواضيعك المميزة مع مقتطف لكل تدوينة

yourcolor.net

yourcolor.net

yourcolor.net
هذه الإضافة هي إضافة The Featured Content Gallery ، وتقوم هذه الإضافة الرائعة بعرض مواضيعك التي تحددها من تصنيف معين في شكل SlideShow بتأثير سكربت الـ SmoothGallery الرائع .
ليس هذا فقط، بل تعطيك تحكم كامل من لوحة إدارة المدونة لاختيار الصورة التي تشاء، بالإضافة إلى ميزة رااائعة جدا وهي عرض مقتطف الموضوع أو التدوينة فوقها بالشكل الذي شاهدتموه في الصورة بالأعلى.
طريقة الاستخدام:
ارفع فولدر content-gallery إلى فولدر /wp-content/plugins/ على موقعك ثم فعله من لوحة التحكم.
ثم اذهب إلى لوحة الإعدادات، ستجدها باسم: “ألبوم المواضيع المميزة”، كما في الصورة:
قم بتغيير هذه الإعدادات بما يناسب قالبك.
ثم قم بإضافة هذا الكود في المكان الذي تريد في قالبك:
كود PHP:
<?php include (ABSPATH . '/wp-content/plugins/content-gallery/gallery.php'); ?>
حيث تستطيع كما في الصورة التحكم في طول وعرض الصور المعروضة وعدد المواضيع التي يتم عرضها.
وأنا مثلا قمت بتوظيفها في القائمة الجانبية كما في الصورة:
كيف يتم وضع المواضيع في هذا الألبوم؟
يتم ذلك على خطوتين:
-الأولى هي أن تقوم بعمل تصنيف جديدة نسميه featured على سبيل المثال للمواضيع المميزة التي تود الإعلان عنها، ونكتب هذا الاسم في لوحة إعدادات الإضافة كما في الصورة بالأعلى.
الثانية أن تذهب إلى صفحة تحرير التدوينة التي تريد وضعها، ومنها إلى الخصائص ونكتب كلمة articleimg في خانة الاسم وتضع في خانة القيمة عنوان الصورة التي تريدها أن تظهر عن هذا الموضوع.
وبالنسبة لهذه الصورة فأمامك خيارين:
-إما أن تقوم بقطع الصورة بالطريقة التي تشاء باستخدام برنامج مثل الـ Photoshop ثم رفعها على السيرفر ووضع عنوانها حسب المكان الذي رفعتها فيه.
أو أن تقوم بوضع عنوان أحد الصور التي تستخدمها بالفعل في التدوينة، دون الحاجه لرفع أي صور على السيرفر.
ولمعرفة عنوان أي صورة في التدوينة نقوم بالضغط على الصورة ضغطة واحدة فتظهر هذه الأيقونات:
نضغط على أيقونة تحرير الصورة، فيظهر لنا عنوان الصورة (رابط الصورة) كما في الشكل:
نقوم بنسخه ووضعه في خانة القيمة ثم نضغط على أضف حقل مخصص.
ثم نقوم بحفظ الموضوع.
بهذا نكون أضفنا الموضوع بنجاح إلى الجاليري.
بقيت نقطة مهمة قد يفكر بها البعض، وهي إخفاء التصنيف الجديد الذي قمت بعمله للمواضيع المميزة حتى لا يظهر للزائر في القائمة الجانبية لأنه ليس تصنيفا رئيسيا بمفهوم كلمة تصنيف.
يمكنك ذلك بالتعديل في قالب القائمة الجانبية بالبحث عن الأمر:
كود PHP:
<?php wp_list_cats(); ?>
واستبداله بـ:
كود PHP:
<?php wp_list_cats('exclude=XX'); ?>
حيث يمثل الـXX رقم التصنيف الذي تريد استثناءه (تجده في صفحة التصنيفات من إدارة المحتويات).
ينقص الإضافة في رأيي شيئين:
-الأول هو أن تستطيع إضافة الصورة من خلال رفعها أو من خلال القدرة على عمل Crop لها مباشرة، بدلا من إضافتها يدويا إلى الخصائص الإضافية.
-الثانية أن يتم عرض المواضيع بطريقة عشوائية وليس بالترتيب (لأنك ستلاحظ أنه يتم عرض المواضيع في الجاليري بطريقة تسلسلية من الأحدث إلى الأقدم دائما).
ولذلك أقوم كل فترة بتغيير المواضيع التي أضعها حتى لا يصاب الزوار بالملل.
ولكنها تظل إضافة رائعة جدا جدا على كل حال.

اضافة منع النسخ وعدم استخدام زر الفار الايمن

اضافة منع النسخ وعدم استخدام زر الفار الايمن

yourcolor.net

yourcolor.net

yourcolor.net
اثنا بحثي وجدت ها الاضافة وهي اعمل بشكل سليم ركبتها عندي
الشرح مرفق مع الاضافة عباره عن صوره
dowenload

أضافة رائعة لترتيب لوحة التحكم yourcolor – admin

أضافة رائعة لترتيب لوحة التحكم admin

yourcolor.net

yourcolor.net

yourcolor.net
هذه أضافة رائع لترتيب لوحة التحكم مثل الصورة
طريقة التركيب سهلة جداً
رفع الأضافة على مسار wp-content/plugins
ثم التفعيل من لوحة التحكم …
و أستمتع ..
تحميل من هنا

[Udem] محرك قوالب بفكرة جديدة – yourcolor

[Udem] محرك قوالب بفكرة جديدة

yourcolor.net

yourcolor.net

yourcolor.net

تعتبر محركات القوالب من الضروريات لكل مبرمج ذكي حيث يتم فصل البرمجة عن التصميم بشكل كلي، وجميع المبتدئين في تعلم PHP يتعلمون البرمجة مع خلط أكواد التصميم، وأنا أعتقد أن هذا شيء اعتيادي جداً. مع الوقت يبدأ المتعلم في فصل برامجه عن التصميم، وهذا هو الوقت المناسب لاستخدام محركات القوالب.
تعريف بسيط
  • اسم المحرك هو Udem ويعني باللغة الأمازيغية الواجهة أو الوجه.
  • فكرة المحرك هي تقسيم القالب إلى نصفين عن طريق دالة explode بواسطة هذا الكود

<!-- contents -->

طلب بلوك من ملف php تتم معالجته مسبقا يعني مثل بلوك اخر عشرة مقالات يتم جلبه بدالة file_get_contents
طريقة الاستخدام
الخطوة الأولى
يجب ان يكون تصميمك متوافق مع هذه الصورة، مع مراعاة كتابة الأكواد في أماكنها الصحيحة:

<!– contents –>
<!– block: block_right –>
<!– block: block_left –>

الخطوة الثانية

<?php
// طلب ملف المحرك
include(‘Udem.php’);
// تعريف المحرك
$udem= new Udem;

// قرأة ملف القالب
$udem->ReadUdem(‘template.html’);

// تقسيم القالب الى نصفين وهذه الخطوة مهمة جدا
$udem->Center(‘contents’);
// تجربة طباعة نص في وسط ملف القالب
echo “تجربة المحرك مع ملف التصميم”;
// طباعة ما تبقى من ملف القالب
$udem->Angaro();
?>

تحميل آخر إصدار

هنا

كيف تضيف الصور للقائمة الجانبية – yourcolor


كيف تضيف الصور للقائمة الجانبية


yourcolor.net

سأشرح لكم في هذه
التدوينة طريقة سهلة لإضافة الصور(أو أي شيئ آخر) للقائمة الجانبية. وذلك ليس عن
طريق إضافة مخصصة لووردبرس ولكن عن طريق إستخدام مربع Text في قائمة المربعات
الجانبية. أي عن طريق إضافة كود html و css خاص بك. بالطبع، إذا كنت لا تتقن هذه
اللغات فإنك لن تستفيد من هذه الخدمة بشكل كامل ولكني سأحاول أن أعطيك مثالاً يسمح
لك بأن تبني عليه.
لنفترض أنك تريد وضع صور لكتب (أو أفلام أو عروض…إلخ) في القائمة الجانبية. سأفترض
كذلك أنك رفعت الصور إلى خادمك على الشبكة وتعرف العنوان الرقمي لل URL. أخيراً،
لنفترض أنك تريد أن تربط الصور بصقحة أو تدوينة معيّنة. في هذه الحالة كل ما عليك
القيام به هو:

١- إذهب إلى صفحة مربعات القائمة الجانبية من لوحة التحكم
٢- إختار إضافة مربع Text
٣- أعطي المربع عنوان مثل “كتب قرأتها” أو “أفلام تعجبني” إلخ حسب ما يناسبك
٤- أضف الكود التالي في المربع


 

حيث:

تساوي عنوان
الصورة على خادمك.
و حيث
:

تساوي عنوان التدوينة أو المقال الذي تريد أن تربط إليه الصورة.

yourcolor.net

yourcolor.net

لاحظ أنني وضعت فراغاً </ br> بين الصوّر وأني قمت بتوسيط الخط.

هذا كل شئ! يمكنك أن تبني على هذا المثال ليس لوضع صور فقط بل وكلمات وجمل تناسبك أو فيديو أو شعارات أو بانرات. بالتوفيق.

معرض الوسوم