{"id":55877,"date":"2015-10-15T05:02:20","date_gmt":"2015-10-15T09:02:20","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=55877"},"modified":"2016-03-23T07:23:10","modified_gmt":"2016-03-23T11:23:10","slug":"js-animated-how-to-edit-text-using-notepad-editor","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-how-to-edit-text-using-notepad-editor.html","title":{"rendered":"JS Animated. How to edit text using Notepad++ editor"},"content":{"rendered":"

This video tutorial is going to show how to edit text using Notepad++<\/strong> editor in JS Animated templates<\/strong>.<\/p>\r\nJS Animated. How to edit text using Notepad++ editor<\/a>\r\n\r\n

In order to change text in JS Animated template, you should perform the following steps:<\/p>\r\n\r\n

    \r\n\r\n
  1. \r\n

    Download Notepad++ editor<\/strong> from the official site using the requirements which your engine needs. You can learn how to download and install the editor following this link: how to download and install Notepad++<\/a>.<\/p>\r\n\r\n

    Notepad++ is a text editor and source code editor for Windows users. Unlike Notepad, the built-in Windows text editor, Notepad++ supports tabbed editing which allows working with multiple open files in a single window.<\/p> \r\n <\/li>\r\n

  2. \r\n

    To edit text in your template, you should download the file<\/strong> that you would like to change directly to your computer. You can open your CPanel<\/strong> and download the file using the File Manager<\/strong>: <\/p> \r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-1\"<\/a>\r\n <\/li>\r\n \r\n

  3. \r\n

    Select the file that you would like to change and use right-mouse click to choose Download<\/strong> item and save file to your computer:<\/p> \r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-2\"<\/a>\r\n <\/li>\r\n \r\n

  4. \r\n

    Alternatively, you can use drag and drop method<\/strong> and transfer the file from server folder to your computer using FTP connection. <\/p> \r\n <\/li>\r\n

  5. \r\n

    Now you can see the file on your computer and you can start editing.<\/p> \r\n <\/li>\r\n\t\r\n

  6. \r\n

    Right-mouse click the copied file and select Edit with Notepad++ item<\/strong>:<\/p> \r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-3\"<\/a>\r\n <\/li>\r\n\t\r\n

  7. \r\n

    Now we are going to change text on the front page of the website. Every website page has its own original html page, for the front page it is index.html<\/strong> file. You can open multiple files and edit them simultaneously.<\/p> \r\n <\/li>\r\n \r\n

  8. \r\n

    Scroll down and choose that section which you would like to change. Remove<\/strong> original text and change<\/strong> it to your own. Keep original structure. In order to save changes press on the File<\/strong> button and Save<\/strong> file:<\/p> \r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-4\"<\/a>\r\n <\/li>\r\n \r\n

  9. \r\n

    After saving you should upload the file<\/strong> to the server folder via FTP or File Manager<\/strong>. You can simply move your file back to the server folder or upload it with the File Manager, using Upload button in the top panel. After that press Browse button and select the file that we have changed:<\/p>\r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-5\"<\/a>\r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-6\"<\/a> \r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-7\"<\/a>\r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-8\"<\/a>\r\n\r\n\"JS-Animated.How-to-edit-text-using-Notepad++-editor-9\"<\/a> \r\n \r\n <\/li>\r\n \r\n

  10. \r\n

    Make sure that you have allowed to Overwrite<\/strong> the original file. Only after overwriting we can see all changes on our website. <\/p> \r\n <\/li>\r\n

  11. \r\n

    Go back to your website and refresh the page with text that you have changed. Now you can see that editing was successful. <\/p> \r\n <\/li>\r\n <\/ol>\r\n\r\n\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nJS Animated. How to edit text using Notepad++ editor<\/a>","protected":false},"excerpt":{"rendered":"

    This video tutorial is going to show how to edit text using Notepad++<\/strong> editor in JS Animated templates<\/strong>.<\/p>\n","protected":false},"author":96,"featured_media":55889,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[664,1112,518],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55877"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=55877"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55877\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/55889"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=55877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=55877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=55877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}