اینترنت پنجره ها اندروید

کد آماده شده را وارد کنید کجا کد را برای نصب نصب کنید

سلام بچه ها!

امروز تصمیم گرفتم موضوع را لمس کنم که هرگز در میان سازندگان جوان از سایت ها نباشد.

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

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

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

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

در همان ابتدا یک درس ویدئویی را ارائه می دهم، از آنجا که بدون آن، دشوار است که مواد موجود در فرمت متن زیر را درک کنید.

حالا همه چیز را در قالب متن توضیح خواهم داد.

فایل های مسئول خروجی هر صفحه از صفحات

اگر شما بسیاری از مقالات در مورد وبلاگ های دیگر را در مورد اجرای برخی از توابع با استفاده از کدها (اسکریپت ها) بخوانید، پس من 100٪ مطمئن هستم که شما عباراتی را مشاهده کردید:

  • این کد را به فایل وارد کنید که مسئول خروجی است. صفحه اصلی;
  • این کد را به فایل وارد کنید که مسئول نمایش ورودی ها و دیگران است.

فایل هایی که در آن شما ممکن است نیاز به قرار دادن کدهای، مقدار زیادی داشته باشید. اما این فایل ها چیست؟ همه چیز بسیار ساده است.

  1. خروجی صفحه اصلی index.php؛
  2. ورودی های خروجی - فایل single.php؛
  3. خروجی صفحه - فایل page.php؛
  4. نتیجه گیری آرشیو ها و عنوان ها - Archive.php؛
  5. خروجی زیرزمین - footer.php؛
  6. خروجی صفحه Sayer - search.php؛
  7. خروجی نوار کناری - sidebar.php؛
  8. سبک فایل - style.css؛
  9. فایل خروجی صفحه 404 - 404.php.

حالا که شما می گویید که شما باید کد را به چنین فایل وارد کنید، می دانید کجا تماشا کنید.

این فقط برای پاسخ به این سوال، نحوه تعیین مکان مورد نظر در هر یک از فایل ها باقی می ماند؟

ما محل قرار دادن کد را تعریف می کنیم

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

اولین مکان برای تمام قالب ها یکسان است - منطقه در فایل header.php. این تگ های باز و بسته شدن .

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

برچسب ها در بالای فایل header.php قرار دارند.

محتویات بین آنها در همه چیز متفاوت است، همانطور که همه چیز به الگو بستگی دارد.

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

جایگاه دوم، که همچنین با تمام قالب ها یکسان است، در پرونده ای است که مسئول خروجی زیرزمین - footer.php است.

اسکریپت ها را می توان نه تنها با قرار دادن آنها بین برچسب ها متصل کرد. در فایل header.php. شما همچنین می توانید آنها را از طریق file footer.php بارگیری کنید، در نتیجه سرعت بارگذاری صفحه سایت را افزایش دهید.

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

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

برای پیاده سازی چنین گزینه ای، باید فایل footer.php را باز کنید و اسکریپت را در مقابل برچسب بسته بندی بدن قرار دهید. این در انتهای محتویات فایل است، زیرا مسئول پایان منطقه صفحه است.


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

امیدوارم زمانی که به شما بگویم کد را در این مناطق وارد کنید، همه چیز را بدون هیچ مشکلی انجام خواهید داد.

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

  • خروجی سوابق مشابه؛
  • خروجی فرم اشتراک؛
  • خروجی دکمه های اجتماعی و غیره.

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

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

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

نمایش در مثال یک مرورگر گوگل کروم.. در مرورگرهای دیگر، این ویژگی نیز در دسترس است، می تواند کمی متفاوت باشد.

  • گوگل کروم - کد عنصر را مشاهده کنید
  • فایرفاکس - کشف عنصر؛
  • اپرا - عنصر را بررسی کنید.

اصل در 3 مرورگر مشابه است. در حال حاضر من نشان خواهم داد که چگونه محل خروجی در هر قالب تعیین می شود.

به نمای کد عنصر (Google Chrome) بروید. روی صفحه خالی راست کلیک کنید.


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

این چگونگی این پانل به نظر می رسد.

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

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


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

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

و شما باید کد را وارد کنید.

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

به عنوان مثال، من یک مقاله جدید با محتوای کوچک ایجاد کردم تا نشان دهم چگونه این بلوک برجسته شده است.


شما همچنین باید یک بلوک حاوی محتوای خود را پیدا کنید. هنگامی که شما شناور هستید، یک نوک پاپ آپ کوچک را می بینید که نشان می دهد چگونه این بلوک نامیده می شود.

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


همانطور که می بینید، این دستگاه دقیقا همان نام را به عنوان یک نوک پاپ آپ پاپ آپ دارد.

هنگامی که ما نام بلوک را می دانیم، که بخش اصلی مقاله را نمایش می دهد، می توانیم به فایل لازم بروید و کد را که بعد از این بلوک نیاز دارید وارد کنید. به عنوان مثال، یک فایل خروجی نوشتن (single.php) را بگیرید.

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

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

من فقط دکمه های اجتماعی را همراه با فرم اشتراک در به روز رسانی قرار داده ام.


در صفحات آنها نیز نمایش داده می شود.


به طور مشابه، یک درج و سایر فایل های قالب (صفحات، ارقام، آرشیو ...) وجود دارد.

بدون تمرین، این روش قرار دادن بعید به نظر می رسد متن و تصاویر. بنابراین، سعی کنید. من مطمئن هستم که همه چیز کار خواهد کرد. همچنین برای کمک به ویدیو در ابتدای مقاله.

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

آخرین لحظه باقی ماندکه در این پاراگراف است.

بسیاری از تنظیمات نیاز به دخالت در فایل Template Template وجود دارد. اما چگونه می توان کدها را وارد کرد، شما همچنین باید درک کنید.

به عنوان یک قاعده، آن را در تمام وبلاگ نوشته شده است که درج مورد نیاز برای تولید ساده ترین فایل قبل از برچسب بسته بندی؟\u003e.

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

در این مورد، من پیشنهاد می کنم به راه مخالف برسد - وارد کد به ابتدای فایل در مقابل باز کردن برچسب. تصویر زیر را ببینید


تگ باز شده در قرمز برجسته شده است، و کد آبی که قرار داده شده است.

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

این همه است اگر ناگهان وضعیت مشابهی را با کمبود تگ بسته در فایل funssctions.php داشته باشید، می دانید چگونه عمل کنید.

تعریف سبک های دکوراسیون در قالب

همچنین، ما می توانیم سبک های طراحی را برای عناصر صفحات مشاهده کنیم و آنها را تغییر دهیم، و همچنین شما را اضافه کنید. این به همان بازرس عنصر کمک می کند.

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


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

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

بنابراین، ما سبک Style.css را باز می کنیم و به دنبال یک خط 890 در مورد من هستیم.

در اینجا شما می توانید آنها را ویرایش کنید. ذخیره فایل و دانلود به میزبانی.

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

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

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

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

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

با احترام، کنستانتین خلاملوف.

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

چگونه می توان کد متر را وارد کرد

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


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

در قالب ها کد متر وردپرس در این مکان (در پایین صفحه) قرار دادن باز کردن فایل footer.php ساخته شده قالب و پیدا کردن خطوط:


جایگزینی خط

کد پی اچ پی:

    Powered by< a href= "http://wordpress.org/" target= "_blank" > وردپرس و.< a href= "http://www.artisteer.com/؟p\u003dwordpress_themes" target \u003d "_blank"\u003e تم وردپرس با هنرمند ایجاد شده است.

بر روی کد شمارنده شما.

در قالب ها کد شمارنده دروپال می توان قرار دادن باز کردن صفحه page.tpl.php صفحه ساخته شده توسط جایگزینی قالب در پایین کد:

کد پی اچ پی:

    " " . T ("دروپال"). "" T ("و"). "تم دروپال". T ("ایجاد شده با"). "هنرمند"؛ \u003e\u003e

در کد یا دکمه متر.

کد اسکریپت را وارد کنید, کد HTML شما همچنین می توانید به ماژول وارد کنید، و اگر چه این استفاده از یک CMS خاص است، بیایید برخی از آنها را متوقف کنیم.

کد HTML را به ماژول جوملا وارد کنید

برای قرار دادن کد در جوملا 1.5 (در جوملا 1.7 به طور مشابه وارد شده است) شما باید ایجاد کنید
ماژول جدید HTML، در پنل مدیریت باز Extensions -\u003e مدیر ماژول -\u003e ایجاد ماژول -\u003e دکمه انتخاب دلخواه HTML کد -\u003e پیگیری دکمه. بعد، ما به ما ساخته شده توسط ما ماژول mod_custom موقعیت را نصب کنید، داده ها را پر کنید در پایین ما سردبیر را می بینیم. در ویرایشگر، دکمه HTML را فشار دهید:


و اسکریپت یا کد بنر را که نیاز دارید قرار دهید. نکته: لطفا توجه داشته باشید که ویرایشگر TinyMSE اگر شما یک ویرایشگر دیگر را نصب کرده اید، لازم است که اگر دکمه HTML را در نصب نصب نکنید، لازم است به tinymse بروید.

سلام، خوانندگان عزیز!

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

کد به شکل متن: چرا لازم است

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

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

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

نحوه اضافه کردن کد به یک مقاله بدون پلاگین

WordPress ارائه می دهد برای حل این کار مدیر سایت خود، که بخشی از سیستم مدیریت محتوا، ابزار است.

بلوک در ویرایشگر بصری اضافه شده است، یک بلوک متشکل از یک و چند ردیف کد، وردپرس هنگام تغییر به حالت متن جایگزین تمام کاراکترها در برچسب ها می شود< и > نمادها < و >

برای نشان دادن CMS که یک قطعه کد خاص باید بر روی صفحه نمایش داده شود "به عنوان"، آن را در ویرایشگر متن وردپرس باید اختصاص داده شود و برچسب "بسته بندی" از دکمه در نوار ابزار استفاده کنید:

به صفحه نگاه کنید این مثل این خواهد بود:










نام 1 نام 2
ارزش 1. معنی 2

برای قرار دادن کد به صفحه وردپرس با متکبر های مشخص شده، زمانی که از ویرایشگر محتوای بصری به متن بروید، می توانید از تگ HTML استفاده کنید

حفظ تمام فضاهای اضافی که به شکل دادن به آنها کمک می کنند. عناصر محتوا 
و  پیش فرض توسط مرورگرهای Monosine Font نمایش داده می شود.

یک مثال از چگونگی وردپرس کد HTML را در صفحه بدون پلاگین با برچسب قرار دهید

نام 1 نام 2
ارزش 1. معنی 2

نشان گذاری

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

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

قالب بندی پیچیده ای که به شما امکان می دهد تا برجسته نحو را اجرا کنید - نتیجه عملیات پلاگین ها، که در زیر مورد بحث قرار می گیرد.

کد پلاگین را برای وردپرس وارد کنید

ما یک انتخاب چند افزونه از مخزن رسمی وردپرس ارائه می دهیم که به شما اجازه می دهد هر کد (پی اچ پی، جاوا، HTML، CSS) را به زیبایی ارائه دهید: خط و با روشنایی مربوط به عناصر.

SyntaxhighLighter تکامل یافته است.

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

در پلاگین SyntaxhighLighter تکامل یافته است. همه چیز ارائه شده است که ممکن است هرگز نیاز داشته باشد. کد را در مقاله وردپرس وارد کنید با آن بسیار ساده است، زیرا این نیاز به حل پلاگین برای پردازش برچسب در تنظیمات است

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

مثال مثال مثال مثال مثال

wp-syntax

پلاگین دیگر برای مدت طولانی به شدت از شناخت از مدیران وب استفاده می شود. در حال حاضر، آمار رسمی رسمی بیش از 10 هزار تنظیمات فعال را نشان می دهد. متأسفانه، افزونه برای یک سال به روز نشده است، اما همچنان به مدیریت توابع اعلام شده ادامه می دهد.

wp-syntax صفحه تنظیمات خود را ندارد این پلاگین وردپرس برای ویرایش کد، دقیق تر، برای قرار دادن و تغییر نوع برجسته نحو از برچسب استفاده می کند

با یک ویژگی انتخاب زبان:

مثال
مثال
مثال

لیست زبان های پشتیبانی شده بر روی صفحه پلاگین ارائه شده است.

صفت خط در برچسب، آن را برای نمایش تعداد رشته ها، ارزش آن مربوط به تعداد خط است که از آن شمارش آغاز می شود. اگر کد حاوی اشیاء HTML باشد، توصیه می شود از یک ویژگی استفاده کنید فرار کرد با معنی درست است، واقعی. به عنوان یک گزینه:

مثال

یک نمونه از خروجی و روشنایی کد CSS با استفاده از پلاگین:

1 2 3 4 5 6 7 8 .block (border: 2px # 8E0505؛ رنگ: # 2D0000؛ / * رنگ متن * / padding: 2px؛ / * Indents داخلی * / Text-align: left؛ / * تراز متن * / فونت خانواده: Arial؛ فونت اندازه: 14px؛ )

بلوک (مرز: 2 پیکسل # 8E0505؛ رنگ: # 2d0000؛ / * رنگ متن * / پودر: 2 پیکسل؛ / * داخلی داخلی * / text-align: left؛ / * هماهنگی متن * / font-face: arial؛ اندازه فونت : 14px؛)

هنگامی که تغییر از یک ویرایشگر HTML به حالت بصری تگ وردپرس تگ را تفسیر می کند

و کد به درستی نمایش داده نمی شود. بنابراین، هنگام ویرایش مقالات با درج های بلوک های کد، باید از ویرایشگر محتوا در حالت HTML استفاده کنید.

کد PRENTIFY

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

و  در صفحه. راه حل مبتنی بر ماژول ساده کد گوگل کتابخانه را چاپ می کند برای کسانی که نمی خواهند به ویژگی های قالب بندی نحو نمایش داده شده در بلوک های سایت با کد برنامه نمایش داده شود.

نتیجه

در نظر گرفته شده در مقاله توسط راه حل های پلاگین - تنها بخش کوچکی از آنچه که مخزن ارائه می دهد pLAGINGS WORDPRESS.. تبدیل از طریق لینک های منوی کنسول "پلاگین ها - اضافه کردن یک جدید" به صفحه جستجو کلید واژه ها برجسته و نحو شما می توانید چندین پلاگین مشابه را پیدا کنید که به شما امکان می دهد کد نرم را بسازید. مهم است که بدانیم چقدر مناسب و ضروری چنین پلاگین در سایت وجود دارد. شاید این در مورد شما باشد تا کد را وارد کنید تا صفحه وردپرس به صورت دستی در یک ویرایشگر متن با استفاده از برچسب ها آسان تر شود

و .

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

اشتراک در

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

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

بیایید سعی کنیم دو مشکل را در یک بار حل کنیم، در مورد رایج ترین روش ها برای قرار دادن کد / قطعه (قطعات) جاوا اسکریپت برای سایت ها گفت:

  • در وردپرس
  • مدیران خود نوشته شده (با استفاده از FTP Oldskul).
  • در squarespace.
  • در Shopify

در پایان مقاله ما بر WIX تاثیر می گذاریم. در اغلب موارد، این پلت فرم اجازه نصب کدهای یا قطعات جاوا اسکریپت را نمی دهد، بلکه یک جایگزین را در قالب یکپارچه سازی برای خدمات مختلف ارائه می دهد.

کجا کد را برای نصب نصب کنید

بیایید ببینیم کجا را به دنبال کد نصب در مثال از سرویس تخم مرغ دیوانه.

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

نحوه قرار دادن کد به وب سایت وردپرس

شما می توانید از یک پلاگین ویژه - مدیر کد پیگیری استفاده کنید.

برای قرار دادن مدیر کد ردیابی، ما وارد اداره سایت و در کنترل پنل به دنبال بخش پلاگین هستیم.

تابع "اضافه کردن جدید" را انتخاب کنید (اضافه کردن جدید).

رشته جستجو در سمت راست ظاهر می شود. ما "ردیابی کد مدیر" را وارد می کنیم، سپس روی "Install Now" کلیک کنید.

پس از نصب کامل، شما باید مطمئن شوید که پلاگین فعال شده است. به تنظیمات بروید

روی "اضافه کردن کد ردیابی جدید" کلیک کنید.

شما می توانید بدون افزونه مدیریت کد ردیابی انجام دهید. در این مورد، گزینه ما این است که کد را به فایل header.php از تم های وردپرس وارد کنید (در این مورد بیشتر).

نحوه نصب کد در WordPress.com

وب سایت بر اساس WordPress و WordPress.com وب سایت - دو چیز متفاوت است.

سایت پایگاه داده وردپرس یک سایت است که توسط CMS نصب شده بر روی سرور خود کنترل می شود. این به این معنی است که شما پرداخت می کنید نام دامنه (myname.com) و برای میزبانی.

وب سایت WordPress.com رایگان. شما می توانید آن را یک سایت بدون پرداخت میزبانی ثبت نام کنید. در این مورد، URL سایت خواهد بود: myname.wordpress.com. برای تغییر نام دامنه، باید چندین مرحله دیگر را انجام دهید.

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

در همان زمان WordPress.com کاربران را به گونه ای از پاداش های کسب و کار ارائه می دهد. به عنوان مثال، ادغام با تجزیه و تحلیل ترافیک گوگل. یا توانایی اضافه کردن دکمه ها به شبکه های اجتماعی. اما در برخی موارد ممکن است کافی نباشد.

نحوه نصب کدهای جاوا اسکریپت و قطعه در یک مدیر خود نوشته شده

با استفاده از FTP ما باید به اصول پایه های پایه بازگردیم.

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

تصور کنید که ما چنین سایتی داریم کد را روی آن قرار دهید تا کمی سخت تر از وردپرس باشد، زیرا شما باید در مورد FTP به یاد داشته باشید.

مدیران FTP مانند FileZilla به شما این امکان را می دهند که فایل ها و تصاویر را از سایت به سرور بکشید. با استفاده از این برنامه، می توانید فایل ها را به سرور اضافه کنید یا آنها را دانلود کنید، فایل های قدیمی را جایگزین کنید، داده های غیر ضروری را حذف کنید، نام های اسکله را تغییر دهید.

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

اگر مشکلی با سرور دارید، با میزبانی خود تماس بگیرید. ممکن است یک ساعت طول بکشد، اما بعد از 60 دقیقه شما همه چیز را که نیاز دارید می دانید. من معمولا توصیه می کنم نوشتن چنین مکالمات را از طریق screenRecorder. یا حداقل علامت را به صورت دستی ایجاد کنید.

پس از وارد شدن به سرور FTP، مطمئن شوید که انجام دهید. اگر یک خطا ایجاد کنید، فایل های مهم به هیچ وجه نخواهند رفت. شما می توانید پشتیبان گیری را با استفاده از ساده کشیدن تمام فایل ها از سرور به کامپیوتر ایجاد کنید.

به طور معمول، رابط برنامه مدیریت FTP شامل دو ستون است. به عنوان مثال، در تصویر زیر در ستون سمت چپ، فایل هایی را که بر روی کامپیوتر ذخیره می شوند را مشاهده می کنید. در سمت راست - فایل ها از سرور.

برای تغییر یا اضافه کردن فایل ها، فقط آنها را از یک ستون به دیگری بکشید.

اخطار

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

نحوه قرار دادن کد با استفاده از header.php

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

باز کردن فایل در متن Sublime، ما رنگین کمان را از کد رنگ مشاهده خواهیم کرد. نترسید، همه چیز ساده است.

تمام صفحات به دو بخش تقسیم می شوند - سر (سرصفحه) و بدن (بدن). هدرها توسط کد HTML نشان داده می شوند و. بدن - و.

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

پس از وارد کردن کد یا قطعه، فایل را ذخیره کنید و آن را به سرور دانلود کنید. آماده.

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

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

نحوه قرار دادن کد به Squarespace

Squarespace این کار را به کاربران خود ساده کرده است. برای قرار دادن کد یا قطعه جاوا اسکریپت، می توانید از "تزریق کد" استفاده کنید. به تنظیمات\u003e پیشرفته\u003e تزریق کد در منو بروید. شما می توانید کد را اضافه کنید یا سایت فوتبال

ما تنظیمات را پیدا می کنیم.

برگ های زیر و روی "Advanced" کلیک کنید.

"کد تزریق" را انتخاب کنید.

کد را وارد کنید و تغییرات را ذخیره کنید.

نحوه قرار دادن کد در Shopify

در کنترل پنل، یک بخش را با فروشگاه آنلاین فروشگاه آنلاین پیدا کنید و موضوعات تم را انتخاب کنید.

برای دسترسی به برگه مورد نظر، روی «اقدامات» کلیک کنید و ویرایش HTML / CSS را انتخاب کنید.

ما به قطعات نیاز داریم

روی گزینه کلیک کنید کادر محاوره ای را با توانایی اضافه کردن یک قطعه جدید باز کنید.

به نام Snippet بدهید و روی دکمه Create Snippet کلیک کنید.

کد قطعه را به منطقه "ردیابی snippet.liquid" وارد کنید. روی "ذخیره" کلیک کنید.

چگونه می توان کد را وارد کنید اگر سایت در WIX قرار دارد

WIX به سرعت به یک طراح سایت محبوب تبدیل شد. مانند WordPress.com، آن را بر محدودیت های کاربران خود در امکان قرار دادن کد ها اعمال می کند.

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

سلام، به همه خوانندگان و مشترکین! کسانی که وقت نداشتند - لطفا، لطفا برای اولین بار از پست های جدید در سایت وبلاگ ویدیویی یاد بگیرید

بنابراین، روز دیگر من به یک مشکل فرار کردم، نمی توانستم کد HTML را در صفحه وارد کنم، Google، Yandex و حتی جستجوی ایمیل را وارد کنید، اما پاسخ خاصی به سوال من پیدا نکردم.

آن را بسیار آسان، فقط نیاز به استفاده از textarea + برچسب برای استفاده از ارتفاع، عرض و پارامترهای بازنشستگی

بیایید تجزیه کنیم تا چگونگی و آن را تجزیه کنیم. در WordPrese شما می توانید به سادگی کد لازم را در ویرایشگر بصری نصب کنید و آن را به صورت زیر نمایش داده می شود:

»Alt \u003d» سیستم ساخت پول خودکار »/\u003e

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

.

همچنین به یاد داشته باشید که این برچسب باید در یک ویرایشگر متن نه تنها در موتور وردپرس قرار گیرد، بلکه بر روی هر موتور.

نیاز به توجه داشته باشید و از برچسب های اضافی استفاده کنید که پارامترهای بازنشستگی را از آن اضافه کنید رشته بالا سبک \u003d حاشیه: 2px؛ همچنین، پارامتر ارتفاع: ارتفاع: 40px؛ و البته پارامتر عرض: عرض: 660 پیکسل؛

حالا من بر روی نوشته شده خلاصه خواهم کرد. هنگام باز کردن کد

و در نهایت، به عنوان وعده داده شده به ساخت یک crib:

چگونه کد HTML را در صفحه HTML وارد کنید؟
—————————————

کپی در یک برچسب نوت بوک و بین کد زیر را وارد کنید، جایگزینی لینک به سایت خود و پیوند به بنر خود را

پانویسها و منابع:
* - برچسب که اجازه می دهد تا شما را به تزریق هر تگ HTML در هر صفحه وب
* سبک. - پارامتر مسئول سبک، ابعاد، رنگ متن در داخل برچسب
* حاشیه: 5 پیکسل؛ - پارامتر بازنشستگی
* عرض: 660 پیکسل؛ - پارامتر عرض
* ارتفاع: 80 پیکسل؛ - پارامتر ارتفاع

در این دوستان گران قیمت، همه، اشتراک در RSS روبان و همچنین در کانال یوتیوب من
خلق و خوی خوب به همه شما. 🙂

درباره نویسنده

بسیاری، احتمالا نمی فهمم چرا من وبلاگم را صدا زدم آسانسور اجتماعی از تاریکی به خورشید، سپس داستان را توضیح خواهم داد. برای من، اینترنت آسانسور است که در آن من در کف مهارت ها، مهارت ها، درآمد غوطه ور شدم؛ و اجتماعی، زیرا این امر برای مردم، برای جامعه، برای کسانی که می خواهند، برای کسانی که بسیار شبیه به دیدگاه من هستند. تاریک - این یک الاغ است، یا به عبارت دیگر، پایین زندگی معمولی، که در آن من در حال حاضر در آن بود، بله، احتمالا نیمی از مردم در کشور ما در این الاغ، که من فکر می کنم آن یک قاتل است، اما نه ... خورشید - این چیزی است که زندگی را به طور کامل همه چیز زنده بر روی سیاره، از جمله ما را با شما می دهد. اگر خورشید وجود نداشت، هیچ زندگی وجود نخواهد داشت. خورشید- این انرژی برای زندگی است. و اگر همه ما خلاصه می کنیم اینترنت به اینترنت - این امکان استفاده از کاربران معمولی اینترنت است که برای عمو کار می کنند، در الاغ مالی هستند، من رویای غنی هستم، اما نمی دانم چرا شروع می شود. اینترنت آسانسور - این یک پلتفرم است که به کسانی که می خواهند کمی یا به طور قابل توجهی در ظرافت ها و طرح های درآمد به دست آورند کمک کنند. قادر به پیدا کردن جایی که شروع به راه رفتن در کجا بروید، و چگونه به خود رئیس خود شوید. امیدوارم مشاوره و مقالات من به شما و من کمک کند. از آنجایی که یک روز متوجه خواهید شد که چرا من وبلاگ را می فهمم اگر چیزی را می دانید، تنها زمانی که شما آن را به یاد می آورید، ارزشمند است. و هنگامی که شما نوشتن و به اشتراک گذاری، آن را برای همیشه خواهد بود، از جمله در حافظه خود را!