{"id":720,"date":"2022-05-19T12:57:21","date_gmt":"2022-05-19T05:57:21","guid":{"rendered":"https:\/\/www.bagi2info.com\/?p=720"},"modified":"2022-09-11T14:09:41","modified_gmt":"2022-09-11T07:09:41","slug":"tips-trik-joomla","status":"publish","type":"post","link":"https:\/\/www.bagi2info.com\/en\/tips-trik-joomla\/","title":{"rendered":"Tips & Tricks using Joomla Content Management System"},"content":{"rendered":"\r\n\r\nHere are some useful Joomla tips and tricks:\r\n\r\n\r\n\r\n\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.bagi2info.com\/en\/tips-trik-joomla\/#1_Insert_javascript_or_css_styles\" >1. Insert javascript or css styles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bagi2info.com\/en\/tips-trik-joomla\/#2_Overrides_Template\" >2. Overrides Template<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bagi2info.com\/en\/tips-trik-joomla\/#4_Protect_administrator_folder_with_htaccess\" >4. Protect administrator folder with .htaccess<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Insert_javascript_or_css_styles\"><\/span>1. Insert javascript or css styles<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n\r\nSometimes we want to insert a small script to change the appearance of the web a little, for testing, version 3.3.6 is already opened by Joomla by default, but for older versions we need to activate it, here are the steps to enable script input:\r\n\r\n\r\n\r\n\r\n\r\na. Click <strong>System -&gt; Global Configuration<\/strong>, then select the <strong>Text Filter<\/strong> tab\r\n\r\nb. Determine the user group that will be given access to write scripts, there are several options, namely <strong>Default Black List, Custom Black List, White List, No HTML, and No Filtering.<\/strong>\r\n\r\nc. Select <strong>No Filtering<\/strong> for the <strong>Super User group<\/strong>\r\n<a href=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/nofiltering.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"220\" class=\"wp-image-727\" src=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/nofiltering-290x220.jpg\" alt=\"No Filtering Joomla\" \/><\/a>\r\nNo Filtering Joomla\r\n\r\nd. Click<strong> Save &amp; Close.<\/strong>\r\n\r\ne. By default the editor used is TinyMCE, TinyMCE will automatically filter 3 tags, namely: script, applet, iframe. You can delete the filter but it is not recommended if there are several users because each user can insert certain codes that are harmful to website security.\r\n\r\nClick Extensions -&gt; Plugin Manager, type in the search box tinymce click to configure TinyMCE\r\n<strong><a href=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/TinyMCE-editor-Joomla3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"220\" class=\"wp-image-729\" src=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/TinyMCE-editor-Joomla3-290x220.jpg\" alt=\"TinyMCE-editor-Joomla3\" \/><\/a><\/strong>\r\nIn addition to disabling filters in the TinyMCE editor, there is a second way, namely changing the editor tool for certain users\r\n\r\nClick Users -&gt; User Manager, edit the Super User account, change the Editor parameter to Editor &#8211; CodeMirror, then click Save &amp; Close\r\n\r\ne. After you finish configuring, you can try to input javascript or css script in Article, click Content -&gt; Article Manager -&gt; Add New Article.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"178\" class=\"wp-image-733\" src=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/scriptinarticle-e1428911019312-290x178.jpg\" alt=\"scriptinarticle\" \/><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Overrides_Template\"><\/span>2. Overrides Template<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n\r\nSometimes we want to slightly change the appearance of the Joomla component, this can be done easily using the template overrides feature\r\n\r\n\r\n\r\n\r\n\r\n3. Activate Google&#8217;s ReCaptcha feature\r\n\r\nThe Captcha feature is used to block spam messages that flood contact us or register.\r\n\r\nBy default the captcha plugin is not active, to activate it, you can open it in Extensions -&gt; Plugin Manager, type in recaptcha search, then click Enable to activate it.\r\n\r\nThen edit the recaptcha.php file in the plugins\/captcha\/recaptcha folder\r\n\r\non line 24 replace the code below\r\n\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">const RECAPTCHA_API_SERVER = \"http:\/\/api.recaptcha.net\";\r\nconst RECAPTCHA_API_SECURE_SERVER = \"https:\/\/www.google.com\/recaptcha\/api\";\r\nconst RECAPTCHA_VERIFY_SERVER = \"api-verify.recaptcha.net\";\r\n<\/pre>\r\n\r\n\r\n\r\n\r\nmenjadi\r\n\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">const RECAPTCHA_API_SERVER = \"http:\/\/www.google.com\/recaptcha\/api\";\r\nconst RECAPTCHA_API_SECURE_SERVER = \"https:\/\/www.google.com\/recaptcha\/api\";\r\nconst RECAPTCHA_VERIFY_SERVER = \"www.google.com\";\r\n<\/pre>\r\n\r\n\r\n\r\n\r\npada line 118 ganti code dibawah\r\n\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">$response = $this-&gt;_recaptcha_http_post(self::RECAPTCHA_VERIFY_SERVER, \"\/verify\",\r\n<\/pre>\r\n\r\n\r\n\r\n\r\ndengan\r\n\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">$response = $this-&gt;_recaptcha_http_post(self::RECAPTCHA_VERIFY_SERVER, \"\/recaptcha\/api\/verify\",\r\n<\/pre>\r\n\r\n\r\n\r\n\r\nKemudian aktifkan <strong>Default captcha<\/strong> di <strong>System -&gt; Global Configuration<\/strong> menjadi <strong>Recaptcha<\/strong>\r\n\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Protect_administrator_folder_with_htaccess\"><\/span>4. Protect administrator folder with .htaccess<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n\r\nProtect the administrator folder from various attacks by providing login protection, here are the steps: a. Create a .htpasswd password file and place it outside the public_html folder for example the home folder and enter the following password code:\r\n\r\nadmin:24IQa4hXAaLKA\r\n\r\nThe code is the password for &#8220;handsome&#8221;\r\n\r\nIf you want to generate a different password in .htpasswd format, you can use the site\r\n\r\nhttp:\/\/www.mreriksson.net\/online\/htgenerator\/\r\n\r\nb. Create an .htaccess file in the administrator folder of the Joomla root and enter the following code:\r\n\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\"> &lt;Files .htaccess&gt;\r\n order allow,deny\r\n deny from all\r\n &lt;\/Files&gt;\r\n AuthType Basic\r\n AuthUserFile \/home\/.htpasswd\r\n AuthGroupFile \/dev\/null\r\n AuthName \"Joomla Administrator Area\"\r\n &lt;Limit GET POST&gt;\r\n require valid-user\r\n &lt;\/Limit&gt;<\/pre>\r\n\r\n\r\n\r\n\r\nNow try to access the administrator folder, you are required to login first before you can access the Joomla login.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/authenticate_thumb.png\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"206\" class=\"wp-image-771\" src=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/authenticate_thumb-290x206.png\" alt=\"Authenticate Htpasswd\" srcset=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/authenticate_thumb-290x206.png 290w, https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/authenticate_thumb-211x150.png 211w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/a><\/figure>\r\n\r\n\r\n\r\n\r\nAuthenticate Htpasswd\r\n\r\n\r\n\r\n\r\n\r\nsumber:&nbsp;http:\/\/www.id-joomla.com\/blog\/entry\/menambah-perlindungan-administrator-joomla-anda-dengan-htaccess\r\n\r\n\r\n\r\n\r\n\r\n5. Create a backend menu for each user\r\n\r\nBy default Joomla backend does not support different backend menus for each user, but Joomla provides a feature to override backend menus. Here are the steps:\r\n\r\n1. Open Joomla backend and login\r\n\r\n2. Click Extensions -&gt; Template Manager -&gt; Templates -&gt; Isis Details and Files (The default template that Isis uses is according to the template you are using)\r\n\r\n3. Click the Click Overrides tab -&gt; Modules -&gt; mod_menu\r\n<a href=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/backend-menu.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"220\" class=\"wp-image-761\" src=\"https:\/\/www.bagi2info.com\/wp-content\/uploads\/2015\/04\/backend-menu-290x220.jpg\" alt=\"backend-menu\" \/><\/a>\r\n4. Then click the Editor tab, open the navigation folder to html\/mod_menu\r\n\r\n5. There are 2 files, namely:\r\n\r\ndefault_disabled.php , which is a file that handles the display of the menu when the menu is blocked due to editing\r\ndefault_enabled.php is the file that handles the display of the default menu\r\n\r\n6. Edit default_enabled.php and add the code:\r\nsumber: <a href=\"http:\/\/magazine.joomla.org\/issues\/Issue-Apr-2012\/item\/721-Customizing-the-Admin-Menu\">http:\/\/magazine.joomla.org\/issues\/Issue-Apr-2012\/item\/721-Customizing-the-Admin-Menu<\/a>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n6. View the template position display\r\n\r\n1. Login to Joomla backend\r\n2. Click Extensions -&gt; Templates -&gt; Styles\r\n3. Click the Options button at the top left\r\n4. On the Templates tab, click Enabled option Preview Module Positions\r\n5. Click Save &amp; Close to save\r\n6. Now we can access the template preview in the Extensions menu -&gt; Templates -&gt; Templates or can open it directly by adding in the url\r\n?tp=1\r\n\r\n7. Reset Super User password\r\n\r\nIf we forget the super user password, but have direct access to the database, we can reset the super user password by changing the password in the users table in the database with:\r\n\r\nd2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199\r\n\r\nThen try logging in with the admin user and password &#8220;secret&#8221;\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Here are some useful Joomla tips and tricks: 1. Insert javascript or css styles Sometimes we want to insert a small script to change the appearance of the web a little, for testing, version&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":1069,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[71,62],"class_list":["post-720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-komputer","tag-joomla","tag-php"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts\/720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/comments?post=720"}],"version-history":[{"count":0,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/posts\/720\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/media\/1069"}],"wp:attachment":[{"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/media?parent=720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/categories?post=720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bagi2info.com\/en\/wp-json\/wp\/v2\/tags?post=720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}