بسم الله الرحمن الرحيم
هل تريد استضافة مدونة في الموقع الخاص بك من دون حذف موقعك و اعادة كتابته ؟
في هذا الشرح ستتعلم كيفية دمج موقعك الحالي بمدونة ووردبريس (سكربت ) من دون الحاجة الى ان يكون لك خبرة في تصميم المواقع او ان تعرف ال PHP ...
اولا يجب ان تحمل ووردبريس
[سجل الدخول لترى الرابط]
او
[سجل الدخول لترى الرابط]
ثبت ووردبريس على الخادم الخاص بك في ملف جديد يمكن ان تسميه "Blog"
بعد التثبيت قم بتفعيل اضافة Akismet لتطرد ال Spammers
انشاء مجلد لقالب ووردبريس :
قم بالدخول الى ملف قوالب ووردبريس (blog/wp-content/themes) عبر ال FTP (تذكر لقد وضعنا ملفات سكربت ووردبريس في Blog ) ثم قم بانشاء ملف جديد للقالب سنسميه في هذا الشرح mytheme
في مجلد mytheme ، اضف ملف جديد فارغ مع اسم index.php سوف نعود إلى هذا المجلد في وقت لاحق ...
ايضا في مجلد mytheme ، اضف ملف جديد فارغ مع اسم style.css هذا الملف ضروري ليتعرف ووردبريس على قالبك الجديد ثم قم بفتحه و اضف هذا الكود
\[code\]/\*
Theme Name: My Theme
Theme URI: http://yourwebsite.com/
Description: WordPress theme for my existing website.
Author: Your Name
Version: 1.0
\*/\[/code\]
يمكنك تغيير :
- my theme : بعنوان قالبك
- http://yourwebsite.com : بعنوان موقعك الخاص
- WordPress theme for my existing website : بوصف قالبك
- Your Name : باسمك
بعد ذلك قم باغلاق ملف style.css
و قم بالدخول الى لوحة تحكم ووردبريس وقم بتفعيل القالب الذي صنعناه ( My Theme)
قم بالدخول الى صفحة موقعك سترى ان الصفحة بيضاء لا تخف فقط اتبع الشرح ...
انشاء ملف الترويسة :
قم بانشاء ملف باسم header.php في مجلد mytheme
وقم بفتحه و الصق هذا الكود فيه
\[code\]<!DOCTYPE html>
<html <?php language\_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title>
<?php
/\* Print the <title> tag based on what is being viewed. \*/
global $page, $paged;
wp\_title( '|', true, 'right' );
// Add the blog name.
bloginfo( 'name' );
// Add the blog description for the home/front page.
$site\_description = get\_bloginfo( 'description', 'display' );
if ( $site\_description && ( is\_home() || is\_front\_page() ) )
echo " | $site\_description";
// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( \_\_( 'Page %s', 'twentyten' ), max( $paged, $page ) );
?>
</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet\_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback\_url' ); ?>" />
<?php // wp\_head(); is required.
wp\_head();
?>
</head>
<body>\[/code\]
انشاء ملف footer
قم بانشاء ملف باسم footer.php في مجلد mytheme
وقم بفتحه و الصق هذا الكود فيه
\[code\]<?php wp\_footer();?>
</body>
</html>\[/code\]
بعد ذلك قم بفتح ملف index.php وضع هذا الكود فيه
\[code\]<?php get\_header(); ?>
<!-- SPECIFIC PAGE CONTENT BEGINS HERE -->
<!-- SPECIFIC PAGE CONTENT ENDS HERE -->
<?php get\_footer(); ?>\[/code\]
الان قم بالقاء نظرة على مدونتك ستجدها بيضاء لكن سيظهر لك اسم المدونة الخاصة بك في متصفحك
\_\_\_\_\_\_\_\_\_\_\_\_\_\_
الان سنقوم بعملية الربط
قم بفتح ملف style.css في mytheme
قم بوضع هذا الكود بعد كل الذي كتبناه سابقا
\[code\]@import url("http://mysite.com/css/style.css");\[/code\]
قم بتغيير http://mysite.com/css/style.css بعنوان الويب لملف ال css في موقعك الاصلي (ليس الذي في قالب ووردبريس !!!)
لتظهر لك الالوان و الشكل الذي كان من موقعك السابق
قم بانشاء ملف site\_logo.php في مجلد mytheme لوضع ال header
ثم قم بانشاء ملف site\_footer.php في مجلد mytheme لوضع ال footer
قم بفتح ملف header.php وضع هذا الكود بعد وسم body
\[code\]<?php get\_template\_part('site\_logo'); ?>\[/code\]
ثم قم بفتح ملف footer.php وضع هذا الكود قبل
قم بنسخ كود html في ترويسة موقعك الاصلي والصقه في site\_logo.php
ثم
قم بنسخ كود html في footer موقعك الاصلي والصقه في site\_footer.php
ثم قم بنسخ ملفات الصور في موقعك الاصلي وضعها في mytheme حسب ترتيبها السابق مثلا اذا كانت الصور موجودة في مجلد images قم بنسخ images الى mytheme
ثم قم بفتح header.php وضع هذا الكود بعد وسم body
\[code\]<div id="container">\[/code\]
ثم ضع هذا div الترويسة حول site\_logo حيث يصبح
\[code\]<div id="header">
<?php get\_template\_part('site\_logo'); ?>
</div>
<!-- #header -->\[/code\]
بعده قم باضافة هذا الكود
\[code\]<div id="sidebar1"></div>
<!-- #sidebar1 -->\[/code\]
(سنقوم بالعودة لهاذا لاحقا )
وبعدها قم باضافة هذا الكود
\[code\]<div id="mainContent">\[/code\]
قم بفتح footer.php وضع هذا الكود في القمة
\[code\]</div>
<!-- #mainContent -->
<br class="clearfloat" />\[/code\]
قم بوضع div ال footer حول site\_footer حيث يكون بهذا الشكل :
\[code\]<div id="footer"><?php get\_template\_part('site\_footer'); ?></div>
<!-- #footer -->\[/code\]
وبعدها قم بوضع هذا الكود لاغلاق div ال container
\[code\]</div>
<!-- #container -->\[/code\]
الان لوضع sidebar قم باضافة هذا الكود في header.php في div ال sidebar الذي تركناه سابقا وقلنا اننا سنعود له
حيث يصبح
\[code\]<div id="sidebar1"><?php get\_sidebar();?></div>
<!-- #sidebar1 -->\[/code\]
الان انتهينا و الان سنقوم بوضع محتوى المدونة
قم بفتح index.php وضع هذا الكود بعد حيث يصبح
\[code\]<!-- SPECIFIC PAGE CONTENT BEGINS HERE -->
<?php get\_template\_part( 'loop', 'index' );?>
<!-- SPECIFIC PAGE CONTENT ENDS HERE -->\[/code\]
الان قم بفتح قالب twentyten الموجود في ووردبريس عند تثبيته عبر ال اف تي بي (wp-content/themes)
وقم بنسخ
comments.php
loop-attachment.php
loop-page.php
loop-single.php
loop.php
sidebar.php
functions.php
الى مجلد mytheme
الان قم باضافة ملف 404 بصيغة php
\[code\]<?php get\_header(); ?>
<!-- SPECIFIC PAGE CONTENT BEGINS HERE -->
<div id="post-0" class="post error404 not-found">
<h1 class="entry-title"><?php \_e( 'Not Found', 'twentyten' ); ?></h1>
<div class="entry-content">
<p><?php \_e( 'Apologies, but the page you requested could not be found. Perhaps searching will help.', 'twentyten' ); ?></p>
<?php get\_search\_form(); ?>
</div><!-- .entry-content -->
</div>
<!-- #post-0 -->
<!-- SPECIFIC PAGE CONTENT ENDS HERE -->
<?php get\_footer(); ?>\[/code\]
الان انسخ هذه الملفات :
archive.php
attachment.php
author.php
category.php
onecolumn-page.php
page.php
search.php
single.php
tag.php
من twentyten الى mytheme
قم بفتح style.css في mytheme
وقم بوضع هذا الكود بعد كل شي حيث يصبح محتوياته
\[code\]/\*
Theme Name: My Theme
Theme URI: http://yourwebsite.com/
Description: WordPress theme for my existing website.
Author: Your Name
Version: 1.0
\*/
@import url("../twentyten/style.css");
@import url("http://www.rivergraphics.net/examples/integrate-wordpress/css/style.css");
/\* ------------------- WordPress Overides ------------------- \*/
\#mainContent h1, #mainContent h2 { margin-bottom: 20px; }
\#primary, #secondary { width: 240px; }\[/code\]
الان اذهب الى الصفحة الرئيسية لمدونتك سوف ترى ان كل شي صار تمام !!!
انشاء الله تكون استمتعت بهذا الموضوع ؟
(:
ادعولي بالتوفيق و النجاح
[شرح] كيفية دمج موقعك الحالي بمدونة ووردبريس
يشرفني ان اكون اول شخص يرد عليك و مشكور على المجهود الروعة و جعله في ميزان حسناتك
تكرم اخي , بارك الله فيك
تصحيح للموضوع :
-قم بوضع هذا الكود بعد كل الذي كتبناه سابقا
\[/code\]@import url("http://mysite.com/css/style.css");\[code\]
- ثم قم بفتح ملف footer.php وضع هذا الكود قبل ...
الكود :
\[code\]
<?phplogoemplate\_part('site\_footer'); ?>
\[/code\]
ارجو من الاخ رشيد بيدوسي ان يضع حد لاخطاء اقتباس الكود
اذا اردتم حملوا هذا الملف المرفق و عدلوا عليه حسب الشرح
او راجعوا الشرح الذي وجدته باللغة الانجليزية من [سجل الدخول لترى الرابط]
[تم الحذف]
مشكور محمد إن شاء الله يفيد الأعضاء ..بالتوفيق
\[quote id=2848\]ارجو من الاخ رشيد بيدوسي ان يضع حد لاخطاء اقتباس الكود\[/quote\]
يبدوا لي أن هناك خطأ في طريقة نسخ و لصقك للأكواد ،، هل بإمكانك ذكر المصدر عسى اساعد بحل المشكلة ،،
تشفير الأكواد التي أدرجتها في موضوعات تسمى بالـ HTML Entity و ليس حروف حقيقة Characters
بإمكانك إستعمال هذا الموقع لتحويل التشفير ،،
http://code.cside.com/3rdpage/us/entity/converter.html
هناك مشكل في الترميز وليس التشفير مثلا الكود التالي:
\[code\]<?php get\_header(); ?>\[/code\]
بشكله الصحيح :
\[code\]<?php get\_header(); ?>\[/code\]
بشكله المشفر :
\[code\]
%3C%3Fphp+get\_header%28%29%3B+%3F%3E
PD9waHAgZ2V0X2hlYWRlcigpOyA/Pg==
3c3f706870206765745f68656164657228293b203f3e\[/code\]
تم تعديل يدويا ;)
قم بانشاء ملف باسم header.php في مجلد mytheme
وقم بفتحه و الصق هذا الكود فيه
\[code\]
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language\_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html\_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php
/\*
\* Print the <title> tag based on what is being viewed.
\*/
global $page, $paged;
wp\_title( '|', true, 'right' );
// Add the blog name.
bloginfo( 'name' );
// Add the blog description for the home/front page.
$site\_description = get\_bloginfo( 'description', 'display' );
if ( $site\_description && ( is\_home() || is\_front\_page() ) )
echo " | $site\_description";
// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( \_\_( 'Page %s', 'yiw' ), max( $paged, $page ) );
?></title>
<link rel="stylesheet" href="<?php echo get\_stylesheet\_uri(); ?>" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet\_url' ); ?>"/>
<link rel="pingback" href="<?php bloginfo('pingback\_url'); ?>" />
<?php
// wp\_head(); is required.
wp\_head();
?>
</head>
<body>
\[/code\]
قم بانشاء ملف باسم footer.php في مجلد mytheme
وقم بفتحه و الصق هذا الكود فيه
\[code\]
<? php wp\_footer(); ?>
</body>
</htm>\[/code\]
بعد ذلك قم بفتح ملف index.php وضع هذا الكود فيه
\[code\]
<? php get\_header(); ?>
<? php get\_footer(); ?>\[/code\]
الان سنقوم بعملية الربط
قم بفتح ملف style.css في mytheme
قم بوضع هذا الكود بعد كل الذي كتبناه سابقا
\[code\]<style type="text/css">
@import url(css/style.css);
</style>\[/code\]
قم بفتح ملف header.php وضع هذا الكود بعد وسم body
\[code\]<div id="container">\[/code\]
ثم ضع هذا div الترويسة حول site\_logo حيث يصبح
\[code\]
<div id="header">
<? php get\_template\_part('site\_logo'); ?>
</div>
<!-- #header -->\[/code\]
بعده قم باضافة هذا الكود
\[code\]
<div id="sidebar1"></div>
<!-- #sidebar1 -->\[/code\]
(سنقوم بالعودة لهاذا لاحقا )
وبعدها قم باضافة هذا الكود
\[code\]<div id"mainContent">\[/code\]
قم بفتح footer.php وضع هذا الكود في القمة
\[code\]</div>
<!-- #mainContent -->
<br class="clearfloat" />
\[/code\]
قم بوضع div ال footer حول site\_footer حيث يكون بهذا الشكل :
\[code\]
<div id="footer"> <? php get\_template\_part('site\_footer'); ?> </div>
<!-- #footer -->
\[/code\]
وبعدها قم بوضع هذا الكود لاغلاق div ال container
\[code\]
</div>
<!-- #container -->\[/code\]
الان لوضع sidebar قم باضافة هذا الكود في header.php في div ال sidebar الذي تركناه سابقا وقلنا اننا سنعود له
\[code\]
<div id="sidebar1"> <? php get\_sidebar(); ?> </div>
<!-- #sidebar1 -->
\[/code\]
الان انتهينا و الان سنقوم بوضع محتوى المدونة
قم بفتح index.php وضع هذا الكود بعد حيث يصبح
\[code\]
<!-- SPECIFIC PAGE CONTENT BEGINS HERE -->
<? php get\_template\_part( 'loop', 'index' ); ?>
<!-- SPECIFIC PAGE CONTENT ENDS HERE -->\[/code\]
الان قم بفتح قالب twentyten الموجود في ووردبريس عند تثبيته عبر ال اف تي بي (wp-content/themes)
وقم بنسخ
comments.php
loop-attachment.php
loop-page.php
loop-single.php
loop.php
sidebar.php
functions.php
الى مجلد mytheme
الان قم باضافة ملف 404 بصيغة php
\[code\]<? php get\_header(); ?>
<!-- SPECIFIC PAGE CONTENT BEGINS HERE -->
<div id="post-0" class="post error404 not-found">
<h1 class="entry-title"> <? php \_e( 'Not Found', 'twentyten' ); ?> </h1>
<div class="entry-content">
<p> <?php \_e( 'Apologies, but the page you requested could not be found. Perhaps searching will help.', 'twentyten' ); ?> </p>
<? php get\_search\_form(); ?>
</div><!-- .entry-content -->
</div>
<!-- #post-0 -->
<!-- SPECIFIC PAGE CONTENT ENDS HERE -->
<?php get\_footer(); ?>
\[/code\]
اخي اشكرك على التصحيح , انا نقلت الاكواد من ال Notepad
و ارجو ان تمدني بالطريقة الصحيحة لوضع الاكواد في المنتدى
أخي أنا صححتها في notpad+ ووضعتها بشكل عادي الخلل من عندك ليس من المنتدى
8 أيام لاحقًا
جربتها ولكن الصفحة اصبحت بيضاء بعد دقائق ؟
شكرا لك
21 أيام لاحقًا
هل يضبط اذا كان موقعي الاصلي vivvo وارغب بنقل مواضيعه الى الورد برس