Using <script type='text/discourse-plugin> or <script type='text/x-handlebars'> in themes is now deprecated. Any use of these tags in themes should be updated according to the instructions below. Regular <script> and <script type='text/javascript'> are unaffected by this change. Timeline These are…

I have a simple .html file: <script type='text/x-handlebars' data-template-name='/connectors/below-site-header/oprs-top-container'> <div id='WW_T_D_1' class='oprs-top-leaderboard'></div> </script> I’m kind of confused with different ways to do this migration. Appreciate if someone explains wha…

Just renderInOutlet to the connector import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { api.renderInOutlet("below-site-header", <template> <div id='WW_T_D_1' class='oprs-top-leaderboard'></div> </template>); });

Thank you. I tried and it didn’t work :confused: This my structure and these are below-site-header.js export function test() { let test2 = document.querySelector('.test'); console.log('test ', test2); } And below-siteheader-connectors.hbs <div class="test"></div> I’m new to this so …

Hi there, could you share the link to your Github repo? Thanks!

So I’ve slapped my tiny “make-avatar-bigger” script into the JS tab (out of Desktop - <head> ), and that works simply enough, but is there at least a quick ‘n dirty way to keep it only applying in Desktop? My mobile avatars are also now large and it all looks rather silly. The code for ref is: imp…

Hmm… maybe adjust this with CSS? Or, maybe: import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { const site = api.container.lookup("service:site"); if (!site.mobileView) { api.changeWidgetSetting('post-avatar', 'size', '70'); } }); Something from…

That did the trick perfectly, thank you!

Just a friendly reminder: changeWidgetSetting on post-avatar is a deprecated API and will be removed soon . Maybe you should change your code to this import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { const site = api.container.lookup("service:site"); …

I think there’s also an official theme component for this as well? Avatar Size and Shape Not sure if it fits the particular use case, but it seems like it should (with the added bonus that someone will fix it if it needs updating :slight_smile:)

I have upgraded all the way from quick 'n dirty to officially supported, thanks all!

تحديث علامات النصوص البرمجية المضمنة للقوالب وواجهة برمجة تطبيقات JavaScript

مطور

NateDhaliwal (Nate Dhaliwal) 20 يوليو 2025، 3:52م 15

هممم… ربما يمكن تعديل هذا باستخدام CSS؟

الموضوع		الردود	مرات العرض
Upcoming Header Changes - Preparing Themes and Plugins Development dev-news	36	4049	8 سبتمبر 2024
Templating of my "component" broke. How do I fix it? Development	14	169	17 مارس 2026
Using the JS API Developer Guides plugin-api , explanation , code	18	11993	30 يناير 2026
A versioned API for client side plugins Development rest-api	33	20126	21 يونيو 2024
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet Developer Guides plugin-guides , tutorial	38	30151	23 نوفمبر 2025

تحديث علامات النصوص البرمجية المضمنة للقوالب وواجهة برمجة تطبيقات JavaScript

الموضوعات ذات الصلة