Konvertieren von PHP-Sprache in CSS

Question

Ich bin neu in PHP (und Codierung im Allgemeinen) und kämpfen, um einen Weg zu finden, meine custom-style.php-Datei zu bearbeiten. Ich habe eine Wordpress-Site und möchte die Schriftgröße eines Elements ändern.

Wenn ich die Seite über Entwickler-Tools (via Chrome) inspizieren, die volle CSS der benutzerdefinierten-style.php-Datei angezeigt und ich kann sehen, welche Bereiche ich bearbeiten müssen:

/* HEIGHT MENU */ 
 

 
\t \t \t header #logo { height: 86px; \t } 
 
\t \t \t /*.open-nav { height: 86px; } 
 
\t \t \t .open-nav .text { line-height: 86px; \t }*/ 
 
\t \t \t header.header-open:not(.header-transparent) nav#main-nav > ul > li > a { line-height: 86px; } 
 
\t \t \t header.header-open:not(.header-transparent) nav#main-nav ul li > ul.sub-menu { top: calc(50% + 15px); } 
 
\t \t \t /*#page-body { padding-top: 206px; }*/ 
 
\t \t \t header:after, header:before { top: -206px; height: 206px; } \t 
 
\t \t \t header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 206px; } 
 
\t \t \t #header-filter, #header-share, #header-search { top: -206px; \t min-height: 206px; } 
 
\t \t \t header.header-open:not(.header-transparent) #menu .open-filter, header.header-open:not(.header-transparent) #menu .open-share, header.header-open:not(.header-transparent) #menu .open-search, header.header-open:not(.header-transparent) #menu .menu-language { top: calc(43px + 2px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } 
 
\t \t \t 
 
\t \t \t \t \t @media only screen and (max-width: 781px) { 
 
\t \t \t \t \t \t header #logo { height: 30px; \t } 
 
\t \t \t \t \t \t header:after, header:before { top: -90px; height: 90px; } 
 
\t \t \t \t \t \t header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 90px; } 
 
\t \t \t \t \t } 
 
\t \t

Allerdings, wenn ich versuche, das gleiche benutzerdefinierte style.php Datei auf meinem Server zu bearbeiten, wird die Datei wie folgt aus:

<?php 
 
$sr_prefix = "_sr"; 
 
header("Content-type: text/css"); 
 
$absolute_path = __FILE__; 
 
$path_to_file = explode('wp-content', $absolute_path); 
 
$path_to_wp = $path_to_file[0]; 
 
require_once($path_to_wp . '/wp-load.php'); 
 
?> 
 

 
/* HEIGHT MENU */ 
 
<?php echo sr_custom_style_logo(); ?>

Was fehlt mir hier? Wie erweitere ich diesen Code, damit ich Änderungen vornehmen kann?

Answer 1

Willkommen in der Welt der Codierung! Was Sie in Chrome sehen, ist das Ergebnis der Ausführung des PHP-Programms. Was Sie auf dem Server sehen, ist das PHP-Programm selbst. Sie müssen sich durch das Programm arbeiten, um die Variablen oder Konstanten zu finden, die Sie ändern möchten. Jedoch! Wenn es um thematische Websites wie Wordpress geht, stehen Ihnen diese Variablen und Konstanten oft bereits über eine Konfigurationsseite zur Verfügung. Wenn Sie es vorziehen, direkt durch den Code zu wandern, sich angewöhnen, kleine Änderungen vorzunehmen, dann die Änderungen zu überprüfen, die nächsten Änderungen vorzunehmen und dann zu testen, bis Sie eine Vorstellung davon haben, wie der ursprüngliche Autor sein/ihr entworfen hat Code. Wie du dir vorstellen kannst, gibt es viel, was du dort einbringen kannst. Jek hat die richtige Idee. Die sr_custom_style_logo() Funktion enthält wahrscheinlich den Code, nach dem Sie suchen.