• hi

    i use Mozilla Firebug for inspect css and HTML codes in WordPress themes

    many external css codes show with the Link of Css file and number of line of code so i can easily trace and open css file

    but the problem comes when theme put some Css or html inside of php file , so the Firebug not specific which file is and show it null

    so i must open all php files in theme one by one and search for it !!

    is there any third party extension to really trace and show where is the source files of Generated codes and Css in template ??

    or maybe firebug have a option for this ?? cause it`s very hard to find and inspect the source of css , specially for internal css that put somewhere in php files

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Maybe you need to use a decent text editor that has a string search function for files.

    Just note that you shouldn’t be editing the theme’s files and should instead be using a Child Theme

    Thread Starter arioman

    (@arioman)

    thanks Dear Andrew

    well Child Theme seems very interesting but i never test or use it till now , i should spend a time for learn it

    ——————————————
    what u mean about decent text editor ?

    can you give a example editor or sample to made it more clear for me ?

    cause third party tools install on Firefox or Chrome and from them i can inspect and view source or edit codes directly ( of course cant save but good for test and design)

    the only problem is tracing some codes that put inside some php files and the source file cant reconize by this tools !!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t want to name any specific text editors in case it triggers some advertisement to post in this thread.

    How are you editing the files at the moment, through the dashboard in the Appearance > Editor section? If so, then you’re not using the environment I envisaged and I don’t recommend using a different text editor.

    Thread Starter arioman

    (@arioman)

    Appearance > Editor section

    Is very nice but it`s more like other Text editors or Web Designer Tools .

    I seeking for a third party tools or extension in Firefox or chrome that can trace codes source ( show the codes where came from )

    cause View source and other Firebug only show the generated source and only specify the External Css Link

    So you know what code must change and you can change it , but you don’t know which file must open and edit and force to open and check and search all php files one by one to find it !!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how inspect and tracing internal embed css & Html in php files’ is closed to new replies.