رأيت مرة في الـ Twitter updates شخص يسأل عن كيفية أخد نسخة إحتياطية من الووردبريس و تصفحها بدون إتصال ، أي التعامل معها كأجندة .. ففكرت في كتابة الطريقة كتدونية ، علها تكون مرجعاً مفيدا للبعض .. 1- أدخل على الرابط التالي www.yoursite.com/cpanel بالطبع بعدها يجب أن تُدخل بيانات لوحة التحكم الخاصة بك .. 2- أدخل على Backups . 3- قٌـم بتحميل قاعدة البيانات كما هُو موضح بالصورة . 4- قٌم بتثبيت خادم محلي على جهازك ( مثل xampp , wamp ) و غيرهم طبعا . 5- قُـم بنسخ ملفات الووردبريس داخل الخادم إلى العنوان التالي ( C:\camel\www\wp ) ملاحظة : أنا أستخدم هُنا خادم الجمل . 6- أدخل إلى الرابط التالي ( http://localhost/phpmyadmin/ ) و قُم بإنشاء قاعدة بيانات جديدة ( بأي إسم تريد ) . 7- ستكون قاعدة البيانات فارغة بالتأكيد إضغط على Import ثُـم إضغط Browse و إختر قاعدة البيانات التي عملتها في الخطوة رقم 3 . 8- إضغط على إسم قاعدة البيانات في القائمة اليُسرى . 9- ستظهر في اليمين الجدوال إضغط ( تحرير ) wp_options .. 10 – أبحث ( يدويا ) عن siteurl ستجده العنوان هُـو عنوان مدونتك الأصلية قم بتغيره إلى ( http://localhost/wp ) ثم إضغط Go . ( أدخل على ملف www/wp و أبحث عن ملف ...

هذه التدوينة بواسطة ( فلان ) أو معلومات الكاتب ، لم أرى هذه الخاصية في العديد من المدونات العربية التي كان من الضروري وجودها داخلها ، منهم عالم التقنية ، وأستغرب كثيرا في عدم ظهور معلومات الكاتب ، أي إننا لا نعرف سوى أسماء فقط ..!! أولا : كتابة الكُود الكود التالي هو عبارة عن دوال قمت بتجميعها من Codex و ليست من كتابتي الشخصية .. أدخل على ملف single.php و أبحث عن 1 2 3 <?php comments_template(); //get the comments template ?> <?php endwhile; ?> <?php else : ?> قم بإضافة الكود التالي أعلاه : 1 2 3 4 5 6 7 8 9 <div id="author"> <div class="autimg"> <?php echo get_avatar( get_the_author_id(), '66' ); ?> </div> <div class="auttxt"> <h3>كتب بواسطة: <?php the_author_posts_link(); ?></h3> <p><?php the_author_description(); ?> </p> </div> </div> حيث أن : echo get_avatar( get_the_author_id(), ‘66′ ) هي دالة إستدعاء الصورة ، و الرقم 66 هو حجم الصورة ( الطول و العرض ) .. the_author_posts_link() إسم المدون برابط يعيد توجيهك إلى صفحة الكاتب . the_author_description() وصف الكاتب ( كما تم تحديده من لوحة التحكم ” الأعضاء >> حسابك >> نبذة عن نفسك >> معلومات جغرافية ” ) . الأن تم إضافة صورة الكاتب و إسمه وكذلك الوصف أسفل أي موضوع يقوم الكاتب بتدوينه . ثانيا : التنسيق CSS : التنسيقات التالية تناسبني شخصيا و تتناسب مع قالبي ، من حيث اللون و التنسيق .. يمكنك التغير فيها 1 2 3 4 5 6 7 8 9 10 11 12 13 14 .author { background: #eee; -moz-border-radius: 6px; }   .auttxt ...

عند كتابة الملاحظات في مواقع التدوين المختلفة كنت أتعجب من ظهور بعض صور كاتبي الملاحظات وعدم ظهور صور لكاتبين أخرين، فكيف يعرف الموقع الخاص بالمدونة الصورة الخاصة بالكاتب؟ الإجابة سهلة، تقوم مواقع كثيرة خاصة بالمدونات بأخذ بريدك الإلكتروني وإرساله إلى موقع Gravatar وهو موقع وظيفته تخزين عناوين البريد الإلكتروني وصور أصحابها، وبإمكان أي موقع أخر [...]

بالرغم من انني لم أكمل أسبوعي الأول مع برنامج Wordpress إلا أنني أعتبر نفسي متمكناً من إستخدامه بنسبة جيدة جداً، وذلك ليس بسبب قدرتي على التعلم بل بسبب سهولة هذا البرنامج من ناحية وقوته في إدارة الموقع من ناحية أخرى، ومن قوة الووردبريس إمكانيته في إدارة وتقبل المكونات البرمجية من أطراف أخرى (وهذا ما [...]

منذ مدة ليست بالطويلة وأنا أفكر بالإنتقال إلى مدونة شخصية بالكامل (تشمل إسم النطاق Domain Name ومساحة إستضافة Web Hosting) وتوديع خدمات Google المجانية، لكن بسبب ضيق الوقت وسهولة إستخدام خدمات Blogger أجلت الإنتقال إلى بعض الوقت. لكن مع إنتقال العديد من المدونين إلى مدونات شخصية بالكامل (مدفوعة) وإستخدام نظام إدارة المحتوى CMS المجاني Wordpress، وتشجيعهم [...]

عندما كنت أتصفح من مدة في بعض المدونات رأيت ما شدتني لـ بعضها و هو مربع أو مستطيل يحتوي على جملة معينة ، لم أسأل كيف و لكن فكرت في تنفيذ الفكرة بنفسي ، فقمت بكتابة أسطر بسيطة بـواسطة الـ CSS مما يساعد في تميز الملاحظات و غيرها في مربعات أو جداول – حسب الرغبة – و من بعدها فكرت في كتابة درس لهذه الطريقة .. و الخطوات التالية توضح الطريقة : 1- أدخل على ملف style.css الخاص بك و قم بإضافة التالي : dl{ width: 98%; height: 100%; -moz-border-radius: 5px; border: 1px solid #DFDDDD; background: #F4F2F2; padding: 5px; margin: 3px; } حيث : - العرض و الطول على حسب الملاحظة و حروفها . - border : و هو الإطار و ( dotted ) تعني منقط وعرضه ( 1px ) واحد بكسل و لونه و لونه سماوي ( 0092BF ) . - background : هي لون الخليفة و الحالي هو أبيض ( #FFF ) يمكن تغير حسب رغبتك . 2- قم بحفظ الملف و إعادة رفعه .. و لكن كيف أفعل هذه داخل التدوينة و كيف أحدد سطر معين أو جملة معينة .. ؟ عند كتابة التدوينة قم بتعين الملاحظة بين الوسم dl كما موضح بالصورة .. مثال : ملاحظة : هذا الدرس سهل و بسيط لتميز الملاحظات داخل صندوق

بيانات المحتوى و هي كاتب الموضوع ، عدد التعليقات ، و التصنيف ، و تعتبر بدورها مهمة جدا للكتاب و الزائر و تنظيم محتوى المدونة .. - أفتح ملف index.php . - أضف الكود التالي بعد سطر دالة المحتوى the_content فقط : <p> <?php _e('التصنيف : '); ?> <?php the_category(', ') ?> <?php _e('by'); ?> <?php the_author(); ?><br /> <?php comments_popup_link('لا تعليق &#187;', '1 تعليق &#187;', '% تعليقات &#187;'); ?> <?php edit_post_link('تحرير', ' &#124; ', ''); ?> </p> الشرح : - the_category و هي المسؤولة عن إستدعاء التصنيف ( أي أن هذه المدونة مصنفة في القسم كدا ) . - the_author() و هي المسؤولة عن إستدعاء إسم الكاتب ( سواء كان مدير أو عضو مسجل ) . - comments_popup_link و هي عدد التعليقات ، و هناك أكثر من صيغة ( لا يوجد تعليق ، تعليق واحد ، تعليقات ) - edit_post_link و هي المسؤولة عن إستدعاء أداة التحرير ( لا تظهر للزائر ) . ثانيا : تعدد الصفحات : و مع كثرت التدوينات داخل مدونتك ، يجب أن تقوم بإضافة دالة لتعدد الصفحات ( الصفحة التالية ، الصفحة السابقة ) حيث يمكنك تحديد عدد التدوينات في كل صفحة من لوحة التحكم ( لوحة التحكم >> الإعدادات >>  القراءة ) يمكن و ببساطة إضافة تعدد الصفحات عن طريق الكود بين دالتين ( endwhile ...

قمنا في الدرس السابق بإضافة الـ header و الكود الخاص و تعلم الأوامر الخاصة بذلك ، أتمنى أن يكون الجميع قد طبق و إستفاد من تلك الخطوات ، في هذا الدرس سنتحدث قليلا عن المحتوى و الذي يعرف بالـ loop و عنوان التدوينة و التدوينة بحد ذاتها . أولا : الحلقة ( Loop ) : و هي التي تجيب على تساؤلات القالب ، هل توجد تدونة ، إذا كانت الإجابة نعم فقم بهذا و إذا كانت الإجابة لا فقم بذاك ، لا تقلق سأوضح قصدي بعد قليل . قم بإضافة الكُـود التالي قبل نهاية وسم body : <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?> <?php endwhile; ?> <?php endif; ?> و ماذا يعني هذا كله ؟ الإجابة بسيط و هي كأن القالب يسأل هل توجد تدونية ( have_post ) خلال التدوينة while have_post إعرض الـ تدوينة the_post ، و الباقي أمرين للإنهاء فقط . قم بعمل refresh للصفحة الرئيسية للمدونة ولن تجد أي تغير لأن لم أطلب من القالب إظهار شيء بعد . قم بإضافة السطر التالي قبل php endwhile : <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> و هذا يجبر ( ولا يطلب ) القالب أن يعرض عنوان التدوينة ( the_title ) و أن يكون الرابط يؤدي إلى التدوينة نفسها ( the_premalink ) ، و أن يكون عنوان h2 ، حتى ...

في الدرس السابق تعلمنا طريقة تجهيز بيئة العمل فقط و أعلم أنه كان درس قصير ولكن لا يجب عرض جميع ‏المعلومات في تدوينة واحد .. ‏ في هذا الدرس سنتعلم طريقة إضافة كود الهيدر و طريقة عمله بحيث سيظهر عنوان المدونة و يكون عبارة عن رابط ‏ينقل إلى الصفحة الرئيسية . ‏ - أدخل إلى ملف القالب mytheme و إفتح ملف index.php . قم بإضافة السطر التالي بين وسمي الـ body‎‏ : ‏ ‎‎‎ ‎ ‎<body>‎ ‎<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> </h1>‎ ‎</body>‎ ‎ ‎ حيث : ‏ bloginfo(‘name’)‎‏ : تقوم بإستدعاء إسم المدونة ‏. bloginfo(‘url)‎‏ : تختص برابط المدونة ( الصفحة الرئيسية ) ‏. عُد إلى الصفحة الرئيسية و قم بتحديث الصفحة وستجد عنوان المدونة بالإضافة إلى أنه رابط يؤدي إلى الصفحة ‏الرئيسية . ‏ سنقوم الأن بإستدعاء وصف المدونة كالتالي :‏ ‎ ‎ ‎<body>‎ ‎<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> </h1>‎ ‎<?php bloginfo('description'); ?>‎ ‎</body>‎ ‎ ‎ حيث : ‏ bloginfo(’description’)‎‏ : تقوم بإستدعاء وصف المدونة .‏ ‏ عُد إلى الصفحة الرئيسية و قم بتحديث الصفحة و أنظر إلى النتيجة ، جميل ها :d ؟ ‏ حتى هذه اللحظة سنكون قد انتهينا من التعامل مع الـ ‏header ‎‏ من حيث العنوان و الوصف ، و سيكون هذا فقط هُـو محتوى الـ Header . ماذا إستفدنا حتى الأن ؟ » تجهيز بيئة العمل . » إستدعاء إسم المدونة ( و جعله ...

في البداية الأمر يجب أن تعلم أنه يجب قبل البدء في هذه السلسلة أن تكون قد قمت بتحميل برنامج يدعم الـ ‏php ‎‏ و ‏تجهيز جهازك للعمل ( ‏localhost‏ ) ..‏ برامج مفيدة : ‏ Wamp ‎ Camel server و هناك المزيد من البرنامج و يمكنك البحث عنها في قوقل . ‏ برنامج محرر نصوص : EditPlus تنصيب الـ ‏wordpress ‎‏ : ‏ هناك الكثير من الدروس المفيدة و لا أحتاج للتكرار الذي لا فائدة منه ( لا أحب التكرار ) يمكنك البحث في موقع ‏عرب ورد برس أو البحث عنها في محرك البحث الشهير قوقل . ‏ بدأ العمل : ‏ بعد تنصيب الوردبرس أدخل على ملفات النسخة و أدخل إلى : ‏ C:\camel\www\wordpress\wp-content\themes حيث أني أعمل بـ سيرفر الجمل و أستخدم القرص ‏C ‎‏ كقرص أساسي و ملف الورد برس إسمه ( ‏wordpress‏ ) . ‏ ستجد هناك ملفان هُـما ( ‏classic‏ – ‏default‏ ‏‎( ‎‏ و هُـما ملفات القوالب الإفتراضية التي تكون مدرجة مع ‏الوردبرس . ‏ الأن يجب عليك إنشاء ملف جديد ولنسميه مثلا ‏mytheme‏ و بعد الدخول على الملف سيكون فارغا بالتأكيد ( بلا ‏غباء ‏‎(‎‏ . ‏ نقوم أولا بإنشاء ملفين و هُما ‏index.php ‎‏ و الأخر ‏style.css‏ . ‏ نبدأ بملف الـ ‏style.css ‎‏ : ‏ أفتح الملف و قم ...

الوردبرس هو برنامج تدوين و برنامج إدارة محتوى كانت بدايته منذ الـ 2003 و يعتمد على ‏PHP and SQL ‎‏ ، ‏ظهرت في المدة الأخيرة الكثير من المواقع المختصة بتصميم قوالب وردبرس و أهتم الكثير من مستخدمي  الـ ‏blogs‏ أو المدونات ببرنامج الـ ‏wordpress ‎‏ حيث أعتبره في المقدمة الأن . ‏ قررت و بعد تفريغ وقت أن أقدم سلسلة لمعرفة ديناميكية عمل قالب الورد برس من حيث أكود الـ ‏PHP ‎‏ و غيرها ، ‏سأقوم في بداية السلسة بتوضيح بعض المتطلبات الضرورية و من ثم أنتقل إلى داخل القالب ( نفتش في أعماق معا‎ ‎‎:d ‎‏ ‏‎(‎‏ ‏‎ ‎و من هُـنا و من اليوم سأبدأ في هذه السلسلة التي ستكون عبارة عن دروس متتابعة في تصميم القالب ( من ‏حيث الأكواد فقط ) ولـن أنتقل إلى ملف‎ ‎الـ ‏CSS ‎‏ لأن هذا سيكون في سلسلة أخرى و هي تصميم قالب ورد برس ‏أساسي .. ‏ أهداف هذه السلسلة : ‏ ‏1-‏ المعرفة الشاملة بطريقة عمل القالب . ‏ ‏2-‏ تعلم سهولة التعامل مع أكواد الـ ‏PHP ‎‏ لأي قالب وردبرس آخر .‏ ‏3-‏ فهم ما تراه داخل ملف ‏themes‏ الموجود ضمن ملفات برنامج الوردبرس .‏ ‏4-‏ بداية من الـ صفر حتى يكون القالب جاهز ( و لكن قبل التنسيق بـ ‏CSS ‎‏ ) . ‏ أوقات ...

قمت في السابق بإنشاء درس خاصة بـ تصميم صفحة Twitter Updates و إستصعب على البعض تطبيق الدرس على الـ wordpress أو القائمة الجانبية بالتحديد ، لدى سيكون هذا شرح مفصل بالصور لـ إضافة Twitter Updates للقائمة الجانبية . ملاحظة : يجب قراءة الدرس السابق بشكل جيد قبل تطبيق هذا الدرس . قم بالدخول إلى لوحة التحكم . في مربعات القائمة الجانبية أضف نص ( text ) و إلص فيه كود الـ twitter updates الخاص بك . و ستكون النتيجة كالتالي : لتنسيق القائمة و تعديلها أدخل إلى ملف الـ style.css الخاص بقالبك . سأقوم الأن بإلغاء ستايل القائمة و تحديد الخط بـ 10px عن طريق إضافة التالي في نهاية ملف style.css . 1 2 3 4 5 ul#twitter_update_list { direction: ltr; list-style: none; font-size: 10px; } ملاحظة : لو كنت ترغب في إضافة خلفية ( صورة ) أضف الكود التالي ( background: url(your image link here) ) أسفل السابق حتى يصبح : 1 2 3 4 5 6 ul#twitter_update_list { direction: ltr; list-style: none; font-size: 10px; background: url(your image link here); } 1 2 3 4 5 6 7 8 &lt;/div&gt; &lt;div id=&quot;_mcePaste&quot; style=&quot;position: absolute; left: -10000px; top: 1530px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;&quot;&gt;ul#twitter_update_list {&lt;/div&gt; &lt;div id=&quot;_mcePaste&quot; style=&quot;position: absolute; left: -10000px; top: 1530px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;&quot;&gt;direction: ltr;&lt;/div&gt; &lt;div id=&quot;_mcePaste&quot; style=&quot;position: absolute; left: -10000px; top: 1530px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;&quot;&gt;list-style: none;&lt;/div&gt; &lt;div id=&quot;_mcePaste&quot; style=&quot;position: absolute; left: -10000px; top: 1530px; width: 1px; ...

في ليبيا هنالك نوعان  من المواقع أو الصحف الإلكترونية حسب رأيي الشخصي ، وهي حسب الأتي : أولاً مواقع الصحف المطبوعة المحلية : بالطبع الصحف المحلية تُدار جميعها بواسطة الهيئة العامة للصحافة عدا صحيفتي أويا وقورينا والتي تديرهما شركة الغد للخدمات الإعلامية ، ولمشاهدة الصحف والمجلات التي تديرها الهيئة العامة للصحافة إنتقل لهذا الرابط ، ولو إنتقلنا من خلاله لإلقاء نظرة على موقع صحيفة الجماهيرية الذي إخترته الأسوء بين الصحف الرئيسة في ليبيا. سعد الأريل منذ الوهلة الأولى سيتبين لك وكالعادة أن الموقع لصحيفة ليبية ، الفوضى تعم المكان وصور كُتاب صحيفة الجماهيرية وآخر عناوين كتاباتهم على يسار الشاشة مربكة والصور في حد ذاتها غير مناسبة لأن يتم وضعها في موقع إلكتروني لأنك ستعشر أن مكانه في الأوراق الثبوتية فقط كالصورة الظاهرة على يسار الشاشة . هنالك شيء غريب في الموقع فهو يعتمد على صفحات ثابتة ( HTML ) في ثلثي عمله ، والثلث المتبقي يعتمد على صفحات تفاعلية ASP ، العمل على الصفحات الثابتة متعب وممل ومشاكله كثيرة ، لا أعلم كم موظف ينجز كل هذه الاعمال الشاقة ، كان الله في عونهم . المشكلة الغريبة التي تعاني منها أغلب المواقع هو عدم وجود تنظيم جيد لألوان الخطوط وانواعها ، فهنالك فوضى واضحة ومشتركة في هذه النقطة بين أغلب المواقع الليبية الرسمية . أعتبره ...

مستخدمي القالب الإفتراضي مع سكربت التدوين ورد برس عادة ما يقومون بتحرير وتعديل القالب ووضع صورة جديدة في الهيدر ( رأس الصفحة ) بدل الإفتراضية الزرقاء ، وبالطبع بعد تصميم هيدر جديد يحتاج للربط برابط الصفحة الرئيسية بحيث عندما يضغط المستخدم على الهيدر ينتقل للرئيسية ، في القالب الإفتراضي للاسف عند تغيير صورة الهيدر وحذف عنوان المدونة من الاعلى لن تستطيع العودة للرئيسية بالضغط على الهيدر لانه الصورة أصلاً هي عبارة عن خلفية ( Background) . عانيت شخصياً من هذه المشكلة من قبل عندما كنت أستخدم القالب الإفتراضي المعدل لمدونتي وأحب أن أشارككم الحل .. 01- إذهب لمحرر القوالب من خلال لوحة التحكم بالمدونة وإختر الملف : Header.php ( أعلى الصفحة ) . 02-في المحرر إبحث عن الكود : <div id=”header”> 03- إستبدله بالتالي: <div id=”header” style=”cursor: pointer;” onclick=”location.href=’http://www.oqz2.com/’;”> 04- إستبدل الرابط الموجود بعنوان مدونتك . هذه الشرح للقالب الإفتراضي ، يمكن استخدامها مع قوالب اخرى تحمل نفس المشكلة في كون الهيدر خلفية وليست صورة ولكن ربما يختلف مكان وضع الكود .

صدر تنبيه عن الموقع الرسمي لسكربت التدوين ورد برس بشان إنتشار دودة خطيرة تقوم بإنشاء حساب في قاعدة البيانات ومن ثم التعديل على الروابط الدائمة بمدونتك حينها تبدأ تدويناتك بالتحويل لمواقع حبيثة تزرعها هذه الديدان . علي اية حال من يملك نسخة أقدم من الإصدار 2.8.4 عليه بالتحديث فوراً للنسخة الأخيرة ، يمكنك تحميل النسخة العربية من تعريب وتطوير منتدى عرب وردبرس، من يملكون النسخة العربية ويودون الترقية التلقائية يجب أخذ نسخة إحتياطية من : قاعدة البيانات + الثيم المستخدم .