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

یک سایت با ورد پرس و قالب هلو المنتور طراحی کردم در زمینه شجره نامه میباشد من برای سایتم یک سری کد نیاز دارم که در افزونه ها یافت نمیشه و نیاز به کدنویسی داره یک سری کد به نظرم از نوع html و css و ... ( شاید جی کویری و یا جاوا اسکریپت ) مورد نیاز میباشد که بتونم در وردپرس و المنتور استفاده کنم نوع کد های مورد نظر من که به صورت فهرست و زیر مجموعه میخوام باشه در صفحه این سایت به صورت نمونه قابل نمایش هست :https://javascript.info/dom-nodes در این صفحه از سایت که لینک اون را قرار دادم ، یک لیست ( فهرست) به صورت فهرست اصلی با زیر مجموعه میبینیم که با باز کردن آن لیست زیر مجموعه نمایش داده میشود من بجای تگ های این مجموعه میخوام افراد و زیر مجموعه های اون را قرار بدم ( مثل لیست بالت دار که با html ایجاد میکنن منتها به صورتی که در این سایت نمایش داده میشه میخوان من برای ایجاد شجره نامه یک همچین لیستی در سایتم نیاز دارم که بتونم در قسمت هایی از سایت از اون استفاده کنم و در صورت نیاز بتونم با ویرایش کدهای اون ، به لیست مربوطه افرادی را اضافه کنم و یا حذف کنم و لیست را کوچکتر یا بزرگتر کنم قابل ذکر است سایت من با وردپرس و المنتور ساخته شده و دو زبانه هست و میخوام برای هر دو زبان بتونم از اون استفاده کنم