نمونه هایی از نوشتن کد در wp. کد پی اچ پی در وردپرس - بهترین روش ها

وردپرس یکی از محبوب ترین سیستم های مدیریت محتوا است. وردپرس در ابتدا به عنوان یک موتور وبلاگ نویسی ایجاد شد، اما به دلیل محبوبیت این سیستم مدیریت محتوا، افزونه ها و افزونه های زیادی ساخته شده است که به شما امکان ایجاد انواع مختلف وب سایت را می دهد. البته، مانند سایر موتورهای WP، دام های مختلفی وجود دارد که یک وب مستر باید از آنها آگاه باشد.

ویژگی های اساسی موتور وردپرس

چندین صد تابع PHP در مستندات وردپرس وجود دارد، اما اکثر آنها به ندرت هنگام حل مشکلات خاص استفاده می شوند. من تعداد کمی از ویژگی های وردپرس را انتخاب کرده ام که بیشتر در هنگام توسعه تم ها و ابزارک ها استفاده می شوند.

عنوان H1 در وردپرس

در این مقاله به نحوه جلوگیری از تکراری هدرهای سطح اول H1 در وردپرس خواهیم پرداخت. یک قانون شناخته شده وجود دارد که در هر صفحه باید فقط یک عنوان سطح اول H1 وجود داشته باشد، اما اکثر قالب های وردپرس به گونه ای طراحی شده اند که H1 ...

ایجاد ابزارک های وردپرس

این مقاله در مورد ایجاد ویجت های وردپرس خود صحبت خواهد کرد. بیایید در نظر بگیریم: ایجاد یک ویجت وردپرس به طور مستقیم در موضوع، ایجاد افزونه خود که ویجت را نمایش می دهد، ویجت های استاندارد وردپرس را غیرفعال می کند...

چگونه سر در وردپرس را از کدهای غیر ضروری پاک کنیم؟

به طور پیش فرض، وردپرس کد را در سر نمایش می دهد که در بیشتر موارد کاملا غیر ضروری است. در این مقاله کوتاه به چگونگی خلاص شدن از شر کدهای ناخواسته غیر ضروری در یک وب سایت خواهیم پرداخت. اول از همه، ما همه پیوندهای غیر ضروری را حذف خواهیم کرد: فیدهای RSS، نسخه وردپرس ...

اتصال بدون تضاد اسکریپت ها و سبک ها در وردپرس

روش بدون تداخل به چند دلیل ضروری است: هنگام اتصال یک اسکریپت با پلاگین های مختلف از تداخل جلوگیری می کند. با این اتصال، این روش به شما این امکان را می دهد که چندین فایل js را در یک فایل ترکیب کرده و به صورت فشرده برای بهینه سازی به مرورگر ارسال کنید...

WordPress.com به شما اجازه استفاده از کد بالقوه خطرناک را در وبلاگ خود نمی دهد، اما می توانید کد منبع را برای مشاهده منتشر کنید. ما یک برچسب ایجاد کردیم که قالب‌بندی کد منبع را حفظ می‌کند و حتی برجسته‌سازی نحو را برای برخی از زبان‌ها ارائه می‌کند. مثال:

#دکمه (وزن قلم: پررنگ؛ حاشیه: 2px جامد #fff؛ )

برای به دست آوردن نتیجه ای مشابه قطعه بالا، کد خود را در این تگ ها قرار دهید:

کد شما

پارامتر "زبان" قوانین برجسته سازی زبان و نحو را تعریف می کند. مقادیر زیر پشتیبانی می شوند:

• اکشن اسکریپت 3
• سرد فیوژن
• شارپ
• دلفی
• ارلنگ
• fsharp
• شیاردار
• جاوا اسکریپت
• javafx
• متلب
• پاورشل
• پایتون
• اسکالا

اگر مقدار پارامتر "language" مشخص نشده باشد، از مقدار "text" استفاده می شود (بدون برجسته کردن نحو).
کد بین تگ‌های «کد» به‌طور خودکار برای نمایش کدگذاری می‌شود، بنابراین لازم نیست نگران عناصر HTML یا هر چیز دیگری باشید.

گزینه های پیکربندی

برچسب ها همچنین از بسیاری از گزینه های پیکربندی پشتیبانی می کنند که می توانید از آنها برای شخصی سازی ظاهر آنها استفاده کنید. استفاده از آنها کاملا اختیاری است.

• autolinks (درست/نادرست) - هر URL در کد به عنوان یک لینک نمایش داده می شود. مقدار پیش فرض: true
• collapse (true/false) - اگر روی true تنظیم شود، ناحیه کد هنگام بارگیری صفحه جمع می شود. برای گسترش آن، باید روی آن کلیک کنید. این برای قطعات بزرگ کد مفید است. پیش فرض نادرست است.
• خط اول (تعداد) - تعیین می کند که شماره گذاری خط از چه عددی شروع می شود. مقدار پیش فرض: 1.
• ناودان (درست/نادرست) - اگر روی نادرست تنظیم شود، شماره خطوط پنهان می شود. مقدار پیش فرض: true
• برجسته (اعداد جدا شده با کاما) - اعداد خطی که باید برجسته شوند، به عنوان مثال "4،7،19".
• hmtlscript (درست/نادرست) - اگر روی درست تنظیم شود، کد HTML/XML را برجسته می کند. این در هنگام انتشار کدهای ترکیبی، مانند PHP در داخل HTML مفید است. فقط با برخی از زبان ها کار می کند. مقدار پیش فرض: نادرست.
• نور (درست/نادرست) - اگر روی true تنظیم شود، اعداد خط و نوار ابزار پنهان می‌شوند. این در هنگام ارسال یک یا دو خط کد مفید است. مقدار پیش فرض: نادرست.
• padlinenumbers (درست/نادرست/عدد صحیح) - به شما امکان می دهد تا اعداد خطوط را با صفر کنترل کنید. مقدار true تکمیل خودکار را تنظیم می کند، مقدار false تکمیل را غیرفعال می کند، عدد تعداد ثابتی از کاراکترها را برای شماره خطوط تعیین می کند.
• نوار ابزار (درست/نادرست) - اگر روی نادرست تنظیم شود، نوار ابزار با دکمه‌ها هنگام نگه داشتن ماوس روی کد ظاهر نمی‌شود. مقدار پیش فرض: true
• خطوط پیچی (درست/نادرست) - اگر روی نادرست تنظیم شود، بسته بندی خط غیرفعال می شود. اگر خطوط طولانی وجود داشته باشد، یک نوار اسکرول افقی ظاهر می شود.
• عنوان (رشته) - عنوان برای کد. می تواند در ترکیب با گزینه collapse مفید باشد.

نمونه هایی از استفاده از پارامترهای فوق:

این خط برجسته نشده است. این خط برجسته شده است. این خط برجسته شده است. این خط برجسته نشده است.

این یک قطعه کد کوتاه با اعداد خط صفر تا حداکثر 4 کاراکتر است.

//در این مثال، بسته بندی خط غیرفعال است. برای خواندن کل متن، باید از نوار اسکرول استفاده کنید. علاوه بر این، در این مثال، شماره گذاری خطوط غیرفعال است و نوار ابزار مخفی است.

و این یک قطعه کد بزرگتر است. در اینجا زبان PHP انتخاب شده و خط شماره 12 برجسته شده است.
مثال کد WordPress.com مثال کد WordPress.com این خط برجسته شده است. خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی خیلی زیاد

این نمونه ای از تب های هوشمند است. WordPress.com

قدردانی ها

برای پیاده سازی این ویژگی از پروژه SyntaxHighlighter (نویسنده Alex Gorbatchev) استفاده شده است. کاربران می توانند مناسب را تنظیم کنند

کدهای کوتاه یک صرفه جویی در زمان برای همه کاربران وردپرس هستند. آنها به شما این امکان را می دهند که کارهای پیچیده را با وارد کردن کد با پارامترها در متن پست انجام دهید. در این آموزش 10 کد کوتاه وردپرس را ارائه می دهیم که بهره وری شما را افزایش می دهد. 1. نمایش یک عکس فوری از هر وب سایت

آیا نیاز به گرفتن عکس از وب سایت ها و نمایش آنها در وبلاگ خود دارید؟ این کد کوتاه به حل این مشکل کمک می کند. فقط کد زیر را در فایل functions.php تم خود کپی کنید:

تابع wpr_snap($atts، $content = null) (extract(shortcode_atts(array("snap" => "http://s.wordpress.com/mshots/v1/)، "url" => "http:// www.site، "alt" => "Image"، "w" => "400"، // عرض "h" => "300" // height)، $atts))؛ $img = "

"; return $img; ) add_shortcode("snap", "wpr_snap");

سپس می توانید از کد کوتاه همانطور که در مثال نشان داده شده است استفاده کنید.!

2. یک پیوند برای پشتیبانی از پروژه از طریق PayPal اضافه کنید

ربات های هرزنامه دائماً اینترنت را اسکن می کنند و به دنبال آدرس ایمیل برای ارسال هرزنامه می گردند. البته، هیچ کس مایل به دریافت هرزنامه نیست، اما اگر بخواهید آدرس ایمیل خود را در وبلاگ خود نمایش دهید، چه؟ این کد کوتاه آدرس پستی را پنهان می کند. کد را در فایل functions.php تم خود کپی کنید.

تابع cwc_mail_shortcode($atts، $content=null) (برای ($i = 0؛ $i< strlen($content); $i++) $encodedmail .= "" . ord($content[$i]) . ";"; return "".$encodedmail.""; } add_shortcode("mailto", "cwc_mail_shortcode");

و استفاده از آن در متن یک پست یا صفحه بسیار ساده است:

[ایمیل محافظت شده]

4. ما محتوا را فقط برای کاربران ثبت نام شده ایجاد می کنیم

اگر نیاز به ایجاد محتوایی دارید که فقط کاربران ثبت نام شده بتوانند آن را مشاهده کنند، کد کوتاه زیر به شما در حل مشکل کمک می کند. کد را در فایل functions.php تم خود کپی کنید:

تابع cwc_member_check_shortcode($atts, $content = null) ( if (is_user_logged_in() && !is_null($content) && !is_feed()) $content را برگرداند; بازگشت ""; ) add_shortcode("member_shortcode", "cwckc");

اکنون می توانید از یک کد کوتاه در بدنه یک پست یا صفحه برای محافظت از محتوا استفاده کنید:

این متن فقط برای کاربران ثبت نام شده نمایش داده می شود.

5. فایل PDF را در یک فریم خروجی بگیرید

ساده ترین راه برای نمایش PDF در سایت شما این است که PDF را از طریق Google Docs آپلود کنید و سپس آن را در یک قاب در صفحه خود نمایش دهید. کد زیر را در فایل functions.php تم خود کپی کنید:

تابع cwc_viewpdf($attr, $url) ( بازگشت "مرورگر شما باید از iFrame برای مشاهده سند PDF پشتیبانی کند"؛ ) add_shortcode("embedpdf", "cwc_viewpdf");

حالا از شورت کد زیر برای خروجی فایل PDF استفاده کنید. این امکان وجود دارد که عرض و ارتفاع را برای قرار دادن قاب در قالب وب سایت خود تعریف کنید.

http://infolab.stanford.edu/pub/papers/google.pdf

این کد کوتاه برای نمایش محتوا فقط در فید RSS طراحی شده است. برای انتقال یک پیام مهم به خوانندگان فید شما یا برای تبلیغ فقط در RSS لازم است. کد زیر را در فایل functions.php تم خود کپی کنید:

تابع cwc_feedonly_shortcode($atts, $content = null) (اگر (!is_feed()) "" را برگرداند؛ $content را برگرداند؛ ) add_shortcode("feedonly", "cwc_feedonly_shortcode");

و در پست ها و صفحات از کد استفاده می کنیم:

7. دکمه ارسال در توییتر از طریق سرویس TweetMeme

توییتر منبع خوبی برای ترافیک وبلاگ است. بنابراین، این کد کوتاه ابزار بسیار مفیدی است. کد زیر را در فایل functions.php تم خود کپی کنید:

تابع tweetmeme() ( return ""; ) add_shortcode("tweet", "tweetmeme");

اکنون می‌توانید از دکمه سرویس «بازتوییت» Tweetmeme در صفحات و پست‌های سایت خود استفاده کنید:

8. آخرین تصویر مرتبط با پست را نمایش دهید

به جای سر و کله زدن با URL های تصویر، می توانید از کد کوتاهی استفاده کنید که آخرین تصویر مرتبط با یک پست را برمی گرداند و نمایش می دهد. کد زیر را در فایل functions.php تم خود کپی کنید:

تابع cwc_postimage($atts، $content = null) (extract(shortcode_atts(array("size" => "تصویر کوچک"، "float" => "هیچکدام")، $atts))؛ $images =& get_children ("post_type" =attachment&post_mime_type=image&post_parent=" . get_the_id()); foreach($images as $imageID => $imagePost) $fullimage = wp_get_attachment_image($imageID، $size، false); $width = ($imagedata+2 = ($imagedata+2 return." ) add_shortcode("postimage", "cwc_postimage");

اکنون می توانید آخرین تصویر را با استفاده از یک کد کوتاه نمایش دهید:

9. ارسال ویدیوهای یوتیوب

اگر اغلب ویدیوهایی را از کانال یوتیوب خود در وبلاگ خود ارسال می کنید، این کد به صرفه جویی در زمان کمک می کند. کد را در فایل functions.php تم خود ایجاد کنید:

تابع cwc_youtube($atts) (extract(shortcode_atts(array("value" => "http://", "width" => "475", "height" => "350", "name"=> "movie "، "allowFullScreen" => "true"، "allowScriptAccess"=>"همیشه")، $atts)); return ""; ) add_shortcode("youtube", "cwc_youtube");

و در متن پست یا صفحه از کد کوتاه استفاده می کنیم:

10. فید RSS را وارد کنید

این کد کوتاه به شما امکان می دهد هر فید RSS را در پست ها یا صفحات خود جاسازی کنید. یک راه عالی برای پیوند دادن به وبلاگ دیگری از سایت شما! کد زیر را در فایل functions.php تم خود کپی کنید:

Include_once(ABSPATH.WPINC."/rss.php"); تابع cwc_readRss($atts) (extract(shortcode_atts(array("feed" => "http://", "num" => "1")، $atts)؛ بازگشت wp_rss ($feed, $num) ;) add_shortcode("rss", "cwc_readRss");

و در متن پست از یک کد کوتاه استفاده می کنیم:

با سلام خدمت خوانندگان محترم سایت وبلاگ. تصمیم گرفتم انتشار امروز را به موضوع نوشتن مقاله در ویرایشگر HTML وردپرس اختصاص دهم.

واقعیت این است که گاهی اوقات نمی توان از ویرایشگر بصری در پنل مدیریت استفاده کرد (اغلب این به دلیل مشکلات میزبانی است) و بدون آن نوشتن مقالات به درستی و با طراحی زیبا برای وبلاگ نویسان تازه کار بسیار دشوار خواهد بود، زیرا یک ویرایشگر ساده ای که بدون استثنا برای همه کار می کند حداقل به .

وقتی برای اولین بار شروع به نوشتن این وبلاگ کردم و با موتور آشنا شدم، نمی توانستم از ویرایشگر تصویری استفاده کنم. نه پلاگین های اضافی با نسخه های مختلف آنها و نه دیگر "رقص با تنبور" کمکی نکردند. بنابراین، خواه ناخواه، مجبور شدم بر ویرایشگر اصلی موجود تسلط پیدا کنم، خوشبختانه تا آن زمان با زبان نشانه گذاری فرامتن کاملاً آشنا بودم.

فقط از ویرایشگر HTML در وردپرس استفاده کنید

اما نکته حتی در HTML نبود، بلکه در راحتی انجام کارهای روزمره و مکرر بود. بله، ویرایشگر پیش‌فرض وردپرس به شما امکان می‌دهد از یک دکمه برای اضافه کردن متن پررنگ (برچسب قوی) و ایتالیک (EM)، درج پیوندها، نقل قول‌ها، تصاویر، لیست‌های شماره‌دار و گلوله‌دار، برجسته کردن کدهای مختلف و ... استفاده کنید.

اما این برای من کافی نبود، زیرا ... در متن مقالات، من به طور فعال از سرفصل های داخلی سطوح مختلف (از H2 تا H5) استفاده کردم، کد (PHP، CSS و غیره) را با برچسب های خاص برجسته کردم و کارهای بیشتری انجام دادم.

بنابراین، هر چیزی که در مجموعه ابزارهای استاندارد ویرایشگر اصلی وردپرس گنجانده نشده بود، باید به صورت دستی از صفحه کلید وارد می شد و این اصلا کار ایجاد پست را آسان نمی کرد و بسیار آزاردهنده بود.

اما این مشکل به لطف افزونه فوق العاده WP Post Editor Buttons با موفقیت حل شد، که با آن می توانید هر تعداد دکمه اضافی را که دوست دارید به نوار ابزار ویرایشگر HTML اضافه کنید و آنها را برای اقدامات خاص برنامه ریزی کنید.

امروز ما از ابتدا تا انتها به نوشتن پست ها در WP با جزئیات نگاه خواهیم کرد، بدون حذف نکات ظریف و تکنیک هایی که به نظر من به سایت وبلاگ کمک کرد (شما اکنون آن را می خوانید، مگر اینکه، البته، این مقاله به سرقت رفته باشد و نه ارسال شده در سایت دیگری) به سطح چند هزار بازدیدکننده منحصر به فرد می رسد.

یعنی این نشریه یک پیوست مفصل به مقاله خواهد بود (این عنوان اصلی نیست، بلکه گرفته شده است از بازتوییت یکی از خوانندگان، اما به نظر من از نام اصلی من هم موفق تر است).

در آن مقاله، نکات ظریفی را بیان کردم که به نظر من بر هجوم ترافیک (بازدیدکنندگان) موتورهای جستجو تأثیر گذاشته است، و در این پست سعی خواهم کرد به جزئیاتی بپردازم که اغلب بسیار مهم هستند و در نگاه اول واضح نیستند. .

علاوه بر این، من فکر می کنم که یک وبلاگ نویس تازه کار یا کسانی که فقط به ایجاد و اجرای پروژه خود فکر می کنند، برای یادگیری در مورد آسان بودن همه چیز در وردپرس بی علاقه نخواهند بود، اگر بدانید چه کاری و کجا باید انجام دهید تا به نتیجه دلخواه برسید. خوب، خوب، معرفی به تعویق افتاده است، وقت آن است که مستقیماً به ارائه مطالب ادامه دهید.

برای کسانی که هنوز وبلاگ WP خود را ندارند، اما تمایل دارند که وبلاگ نویس شوند، یا برای کسانی که می خواهند از موتور وبلاگ نویسی یا پلت فرم رایگان دیگر به وردپرس نقل مکان کنند، پیوندهایی به مطالب مربوط به نصب و پیکربندی اولیه آن ارائه خواهم کرد. :

بیایید شروع به نوشتن یک مقاله در ویرایشگر HTML وردپرس کنیم

بنابراین، برای نوشتن یک مقاله جدید، باید به پنل مدیریت (http://sait.ru/wp-admin/) بروید و از منوی سمت چپ (اگر از طراحی استاندارد پنل مدیریت WP استفاده می کنید) " افزودن مورد جدید در قسمت "پست ها"

در نتیجه یک صفحه استاندارد برای افزودن مقاله (پست) باز می شود که یک فیلد برای درج عنوان آن و یک فیلد بزرگ برای وارد کردن متن پست خواهد داشت.

هنگام وارد کردن متن عنوان در فیلدی که برای این منظور در نظر گرفته شده است، هیچ ترفندی وجود ندارد، اما آنچه بسیار مهم است نحوه وارد کردن آن نیست، بلکه این است که باید از کلمات کلیدی در آن استفاده کنید. چقدر خوب عنوانی را برای پست خود انتخاب می کنید ()، پست شما در نتایج جستجو برای پرس و جوهای خاص بالاتر می رود.

اما در عین حال، عنوان یک مقاله در وردپرس باید به خوبی با متن آن ارتباط داشته باشد (مرتبط با متن پست باشد). علاوه بر این، در نتایج جستجو نشان داده می شود و سرنوشت آینده انتشارات شما به جذابیت آن بستگی دارد (اگر روی آن کلیک نکنند، عوامل رفتاری بدتر می شود و از صفحه اول خارج می شود).

معمولاً بعد از نوشتن خود مقاله، نسخه نهایی عنوان را فرموله می کنم. گاهی اوقات تمام زیرعنوان های میانی را در یک فایل متنی جداگانه کپی می کنم و با نگه داشتن همه آنها در مقابل چشمانم، یک عنوان کلی را تشکیل می دهم و سعی می کنم همه چیزهایی را که در آن ذکر شد در نظر بگیرم.

احتمالاً به همین دلیل است که عناوین من بسیار طولانی هستند، اما همانطور که تمرین نشان می دهد، هیچ ایرادی در آن وجود ندارد. موتورهای جستجو با عناوین من کار بسیار خوبی انجام می دهند و نتایج جستجو بخشی از TITLE را نشان می دهد که در آن کلمات از عبارت جستجو ظاهر می شوند.

چرا عنوان برای تبلیغ یک صفحه در موتورهای جستجو بسیار مهم است؟ بله، زیرا برای آنها این معیار اصلی برای تعیین ارتباط (درجه انطباق - و سایر کلمات پیچیده) مقاله شما با یک جستجوی خاص است.

اگرچه نه، کاملاً اینطور نیست. نه عنوان پست، بلکه عنوان صفحه TITLE مهمترین معیار برای موتورهای جستجو هنگام تعیین موقعیت برای یک عبارت جستجوی خاص است (به جزئیات کامل مراجعه کنید).

پس عنوان یک پست در WP چه ربطی به آن دارد؟ و با وجود اینکه TITLE صحیح باید از عنوان مقاله به اضافه عنوان کل وبلاگ و به ترتیب تشکیل شود. به هر حال، شما می توانید شکل گیری صحیح TITLE را در وردپرس پیکربندی کنید. این افزونه به سادگی فوق العاده است، در عین حال به شما اجازه می دهد تا بسیاری از مسائل مربوط به بهینه سازی داخلی را حل کنید.

می‌خواهم توجه شما را به تفاوت بین تگ برجسته‌سازی منطقی HTML "STRONG" و یک تگ برجسته برجسته دیگر "B" و همچنین بین "EM" و "I" جلب کنم. اولین مورد از این برچسب ها (STRONG و EM) نه تنها باید برای جلب توجه خوانندگان به نکات مهم در متن استفاده شود.

موتورهای جستجو کلمات و عباراتی را که با این برچسب های تاکیدی (STRONG و EM) برجسته شده اند، با وزن بیشتری در مقایسه با کلمات معمولی و بدون تاکید در متن در نظر می گیرند. با این حال، اکنون باید در این مورد بسیار مراقب باشید تا خیلی دور نروید و نروید.

انتخاب ساختار بهینه سرفصل ها در سطوح H1-H6

در حال حاضر، در مورد تگ های عنوان H1-H6، که می تواند در مقالات وبلاگ نیز برای تأکید بر کلمات و عبارات ضروری استفاده شود.

این زیرعنوان های داخلی، درست مانند TITLE، باید حاوی کلمات کلیدی و عباراتی باشد که می خواهید برای آنها در موتورهای جستجو رتبه بندی کنید. جستجو آنها را با وزن بیشتری نسبت به موارد معمولی در نظر می گیرد. اما باز هم، تحت هیچ شرایطی نباید کلیدها را اسپم کنید، زیرا در شرایط تبلیغات مدرن می توانید از این بابت رنج ببرید.

علاوه بر این، عنوان‌های فرعی داخلی (معمولاً از سطح H2، H3 به بعد) فرصت بیشتری برای ساختاربندی متن فراهم می‌کنند که درک آنها را توسط خوانندگان بهبود می‌بخشد.
اما یکی دیگر از مسائل بهینه سازی در صفحه وجود دارد که مربوط به سطوح عنوان (H1 تا H6) است که در صفحات وبلاگ وردپرس استفاده می شود.

راه اصلی برای توزیع سطوح عنوان در یک صفحه وب این است که عنوان کل مقاله باید در یک تگ H1 (بالاترین سطح) قرار گیرد و باید یک در صفحه باشد و همه زیرعنوان های داخلی در متن باید با این تگ شروع شوند. H2.

به هر حال، من می خواهم یک راه بسیار راحت را به شما توصیه کنم که به شما امکان می دهد به وضوح در وردپرس ببینید که در یک سایت خاص از کجا و در چه سطحی هدر استفاده می شود. این یک افزونه برای FireFox() به نام است.

بنابراین، اگر از منوی این افزونه (منوی آن به بالای مرورگر اضافه شده است) موارد "Outlines" - "Header Outlines" را انتخاب کنید، سپس تمام مواردی که در صفحه وب که در حال حاضر در مرورگر باز هستند یافت می شوند دایره می شوند. با مستطیل های چند رنگ، که در کنار آنها شرحی وجود دارد که سطح آنها H1 -H6 است.

همانطور که از شکل بالا مشخص است، من سطح عنوان مقاله را نه H1، بلکه بر روی H2 قرار دادم، در حالی که از H1 برای ضمیمه کردن توضیحات کل پروژه استفاده می شود. نه به مقاله خاصی، بلکه به کل وبلاگ.

این Maul در یکی از مقالات خود اشاره کرد که هدر سطح H1 باید برای تمام صفحات وب سایت یکسان باشد، اما او واقعاً ایده خود را به هیچ وجه توجیه نکرد. با این حال، من دقیقا از طرح او استفاده می کنم. برای زیرعنوان های داخلی از تگ های H3 و H4 (گاهی اوقات H5) استفاده می کنم.

یک نکته ظریف دیگر در صفحه اصلی، عناوین پست های من لینک هایی هستند که به صفحات وب با نسخه کامل منتهی می شوند، اما در خود این صفحات با متون کامل پست ها، عنوان مقالات دیگر لینک نیستند. یه جایی خوندم که اینجوری بهتره.

اکنون هنوز باید کمی در مورد اینکه چگونه می‌توانید سطح تگ‌های عنوان HTML را در وردپرس تغییر دهید، مثلاً برای مقاله‌ها، یا مانند من، یک سطح H1 مشترک برای همه اضافه کنید.

برای انجام این کار، برای مثال، باید از طریق FTP به سرور میزبانی که وبلاگ شما در آن قرار دارد متصل شوید. تمام فایل‌هایی که ممکن است به آن‌ها نیاز داشته باشیم در پوشه‌ای با قالب (قالب) وردپرس شما قرار دارند که در این مسیر می‌توانید آن‌ها را پیدا کنید:

/wp-content/themes/نام تم/

برای اینکه درک واضح تری از ساختار و هدف فایل های قالب وردپرس (قالب ها) داشته باشید، به شما توصیه می کنم مقاله ای را که در همان ابتدای انتشار (در لیست) ارائه شده است، مطالعه کنید.

بیایید ببینیم کجا می‌توانید سطح عنوان اصلی مقالات موجود در صفحه اصلی (فایل INDEX مسئول ظاهر آن است) و در صفحات دارای نسخه کامل مقالات (فایل SINGLE) را تغییر دهید.

بیایید ابتدا INDEX را برای ویرایش باز کنیم. در آن عناوین مقالات وردپرس در تگ HTML H2 (سطح دوم) قرار می گیرند و علاوه بر آن لینک هستند، زیرا در تگ پیوند A قرار می گیرند: