هل تبحث عن ورقة غش لسمة ووردبريس لتعديل المظهر الخاص بك بسرعة أو إنشاء سمة مخصصة جديدة؟ يأتي ووردبريس مع العديد من علامات القوالب المضمنة التي يمكنك استخدامها لبدء السبق. في هذه المقالة ، سنشارك ورقة غش لموضوع ووردبريس للمبتدئين.
ورقة الغش لتطوير موضوع ووردبريس للمبتدئين
يأتي ووردبريس مزودًا بمحرك نموذجي قوي يسمح لمطوري السمات بإنشاء تصميمات جميلة لمواقع الويب التي تعمل بنظام ووردبريس. هناك سمات ووردبريس مميزة ومجانية يمكنك تثبيتها على موقع الويب الخاص بك.
يأتي كل قالب ووردبريس مع عدد من خيارات التخصيص. تتيح لك هذه الخيارات تغيير الألوان وإضافة صور الرأس وإعداد قوائم التنقل والمزيد.
ومع ذلك ، لا تزال مقيدًا بالميزات التي يدعمها المظهر الخاص بك. قد ترغب أحيانًا في إجراء تغييرات طفيفة على سمة ووردبريس الخاصة بك والتي تتطلب بعض الترميز. للقيام بذلك ، ستحتاج إلى معرفة بعض أساسيات PHP و HTML و CSS.
أول شيء كنت تريد القيام به هو أن تتعرف على كيفية عمل ورد من وراء الكواليس و ورد القوالب موضوع .
بعد ذلك ، هناك بعض أفضل الممارسات التي قد ترغب في اتباعها. على سبيل المثال ، إنشاء سمة فرعية بدلاً من إجراء تغييراتك مباشرةً في ملفات السمات الخاصة بك.
يمكنك أيضًا التدرب على المظهر الخاص بك عن طريق تثبيت ووردبريس على جهاز الكمبيوتر الخاص بك .
ومع ذلك ، دعنا نتعمق في ورقة الغش الخاصة بموضوع ووردبريس للمبتدئين.
ملفات موضوع ووردبريس الأساسية
يتكون كل قالب ووردبريس من ملفات مختلفة تسمى القوالب. يجب أن تحتوي جميع قوالب ووردبريس على ورقة أنماط وملف فهرس ، ولكنها عادةً ما تأتي مع الكثير من الملفات الأخرى.
فيما يلي قائمة بالملفات الأساسية التي يحتوي عليها كل موضوع:
style.css
header.php
index.php
الشريط الجانبي. php
تذييل. php
مفرد. php
page.php
التعليقات
404.php
وظائف
أرشيف. php
searchform.php
search.php
إذا كنت تقوم ببناء السمة الخاصة بك ، فيمكنك البدء بأحد ثيمات ووردبريس للمبتدئين . تأتي هذه السمات جاهزة لاستخدام ملفات قوالب ووردبريس و CSS التي تمنحك إطار عمل للبناء عليه.
يأتي ووردبريس بالعديد من الوظائف المفيدة التي يمكن استخدامها لإخراج أشياء مختلفة في جميع أنحاء المظهر الخاص بك. تسمى هذه الوظائف علامات القوالب .
أولًا وربما أهم وظيفة مطلوبة في جميع سمات ووردبريس المتوافقة القياسية تسمى wp_head ، وهي تبدو كالتالي:
<?php wp_head(); ?>يجلب هذا الرمز جميع HTML ووردبريس المهم الذي يحتاج إلى إضافته في <head>قسم كل صفحة على موقع الويب الخاص بك. من الضروري أيضًا أن تعمل العديد من مكونات ووردبريس الإضافية بشكل صحيح على موقع الويب الخاص بك.
فيما يلي قائمة بعلامات القوالب التي ستجدها بشكل شائع وتستخدمها في ملف header.php الخاص بقالبك. ومع ذلك ، يمكن استخدامها أيضًا في أي مكان آخر على المظهر الخاص بك عندما تحتاج إليها.
// Title of the Blog, or Blog Name
<?php bloginfo('name'); ?>
// Title of a Specific Page
<?php wp_title(); ?>
// Exact URL for the site
<?php bloginfo('url'); ?>
// Site's Description
<?php bloginfo('description'); ?>
// Location of Site’s Theme File
<?php bloginfo('template_url'); ?>
// Link to the Style.css location
<?php bloginfo('stylesheet_url'); ?>
// RSS Feed URL for the site
<?php bloginfo('rss2_url'); ?>
// Pingback URL for the site
<?php bloginfo('pingback_url'); ?>
// WordPress version number
<?php bloginfo('version'); ?> الآن دعنا نلقي نظرة على بعض علامات القوالب الأخرى شائعة الاستخدام وما يفعلونه.
علامات القوالب التي تتضمن قوالب أخرى
تُستخدم علامات القوالب التالية لاستدعاء نماذج أخرى وتضمينها. على سبيل المثال ، سيستخدمها ملف index.php الخاص بالقالب لتضمين قوالب الرأس والتذييل والمحتوى والتعليقات وقوالب الشريط الجانبي.
//Displays Header.php file content
<?php get_header(); ?>
// Displays Footer.php file content
<?php get_footer(); ?>
// Displays Sidebar.php file content
<?php get_sidebar(); ?>
// Displays Comment.php file content
<?php comments_template(); ?> تُستخدم علامات القوالب التالية داخل حلقة ووردبريس لعرض المحتوى والمقتطفات والبيانات الوصفية من مشاركاتك.
// Displays the Content of the Post
<?php the_content(); ?>
// Displays the excerpt that is used in Posts
<?php the_excerpt(); ?>
// Title of the Specific Post
<?php the_title(); ?>
// Link of the Specific Post
<?php the_permalink() ?>
// Category of a Specific Post
<?php the_category(', ') ?>
// Author of the Specific Post
<?php the_author(); ?>
//ID of a Specific Post
<?php the_ID(); ?>
// Edit link for a Post
// Oonly visible to logged in users with editing privileges
<?php edit_post_link(); ?>
// URL of the next page
<?php next_post_link(' %link ') ?>
// URL of the previous page
<?php previous_post_link('%link') ?> تأتي سمات ووردبريس مع مناطق جاهزة لعناصر واجهة المستخدم تسمى Sidebars. هذه مواقع في ملفات السمات الخاصة بك حيث يمكن للمستخدمين سحب وإسقاط أدوات ووردبريس. غالبًا ما يكون للموضوع مواقع متعددة حيث يمكن للمستخدمين إضافة عناصر واجهة مستخدم.
ومع ذلك ، توجد مناطق عناصر واجهة المستخدم هذه بشكل شائع في الشريط الجانبي الأيمن أو الأيسر لتخطيط السمة. لمعرفة المزيد ، راجع دليلنا حول كيفية إضافة أشرطة جانبية جاهزة لعناصر واجهة المستخدم الديناميكية في قالب ووردبريس الخاص بك .
هذا هو الكود المستخدم لعرض الشريط الجانبي في المظهر الخاص بك.
<?php
if ( ! is_active_sidebar( 'sidebar-1' ) ) {
return;
}
?>
<aside id="secondary" class="widget-area" role="complementary">
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</aside><!-- #secondary -->ستحتاج إلى استبدال الشريط الجانبي 1 بالاسم المحدد بواسطة المظهر الخاص بك لمنطقة جاهزة لعناصر واجهة المستخدم أو الشريط الجانبي.
يأتي ووردبريس مزودًا بنظام إدارة قوائم قوي يسمح للمستخدمين بإنشاء قوائم تنقل لموقعهم على الويب. يمكن أن تحتوي سمة ووردبريس على أكثر من موقع واحد لقائمة التنقل.
راجع دليلنا حول كيفية إنشاء قوائم التنقل المخصصة الخاصة بك في قالب ووردبريس .
فيما يلي الكود الذي سيتم استخدامه في المظهر الخاص بك لعرض قائمة التنقل.
<?php
wp_nav_menu( array(
'theme_location' => 'my-custom-menu',
'container_class' => 'custom-menu-class' ) );
?>يعتمد موقع المظهر على الاسم الذي تستخدمه السمة لتسجيل قائمة التنقل. يمكن تسمية فئة حاوية CSS بأي شيء تريده. سيحيط بقائمة التنقل الخاصة بك ، بحيث يمكنك تصميمها وفقًا لذلك.
فيما يلي بعض العلامات التي ستستخدمها بشكل شائع في قالب ووردبريس الخاص بك.
// Displays the date current post was written
<?php echo get_the_date(); ?>
// Displays the last time a post was modified
get_the_modified_time
// Displays the last modified time for a post
<?php echo the_modified_time('F d, Y'); ?>
// Displays post thumbnail or featured image
<?php the_post_thumbnail( ); ?>
// Displays monthly archives
<?php wp_get_archives( ); ?>
// Displays the list of categories
<?php wp_list_categories(); ?>
// Displays the gravatar of a user from email address
// 32 pixels is the size, you can change that if you need
<?php echo get_avatar( 'email@example.com', 32 ); ?>
// Displays gravatar of the current post's author
<?php echo get_avatar( get_the_author_meta( 'ID' ), 32 ); ?>العلامات الشرطية هي وظائف ترجع النتائج في True أو False. يمكن استخدام هذه العلامات الشرطية في جميع أنحاء القالب أو المكون الإضافي الخاص بك لمعرفة ما إذا تم استيفاء شروط معينة ثم القيام بشيء وفقًا لذلك.
على سبيل المثال ، إذا كان المنشور الحالي يحتوي على صورة مميزة أم لا. إذا لم يكن يحتوي على صورة مميزة ، فيمكنك إظهار صورة مميزة افتراضية بدلاً من ذلك.
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
else {
echo '<img src="' . get_bloginfo( 'stylesheet_directory' )
. '/images/thumbnail-default.jpg" />';
}
?>فيما يلي بعض العلامات الشرطية التي يمكنك استخدامها.
// Checks if a single post is being displayed
is_single()
// Checks if a page is being displayed
is_page()
// Checks if the main blog page is displayed
is_home()
// Checks if a static front page is displayed
is_front_page()
// Checks if current viewer is logged in
is_user_logged_in() هناك العديد من العلامات الشرطية التي يمكنك استخدامها. يمكن العثور على القائمة الكاملة للعلامات الشرطية في صفحة كودكس ووردبريس حول العلامات الشرطية .
الحلقة الحلقية أو حلقة ووردبريس هي الكود المستخدم لجلب المشاركات وعرضها في ووردبريس. قد تعمل العديد من علامات قوالب ووردبريس داخل الحلقة فقط لأنها مرتبطة بكائنات post أو post_type.
فيما يلي مثال على حلقة ووردبريس بسيطة.
<?php
// checks if there are any posts that match the query
if (have_posts()) :
// If there are posts matching the query then start the loop
while ( have_posts() ) : the_post();
// the code between the while loop will be repeated for each post
?>
<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<p class="date-author">Posted: <?php the_date(); ?> by <?php the_author(); ?></p>
<?php the_content(); ?>
<p class="postmetadata">Filed in: <?php the_category(); ?> | Tagged: <?php the_tags(); ?> | <a href="<?php comments_link(); ?>" title="Leave a comment">Comments</a></p>
<?php
// Stop the loop when all posts are displayed
endwhile;
// If no posts were found
else :
?>
<p>Sorry no posts matched your criteria.</p>
<?php
endif;
?>لمعرفة المزيد حول الحلقة ، تحقق من What is a Loop in ووردبريس (Infographic) .
نأمل أن تساعدك هذه المقالة باعتبارها ورقة الغش الأساسية لموضوع ووردبريس للمبتدئين. قد ترغب أيضًا في الاطلاع على قائمة الحيل الأكثر فائدة لملف وظائف ووردبريس .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
