Hallo,
ich beschäftige mich seit einiger Zeit mit der Programmierung von Plugins und habe aktuell ein Online Kurs durchgearbeitet. Dabei ist mir aufgefallen, dass der Code an manchen Stellen vlt. nicht so schön ist und ich würde es gerne besser machen und möchte hier mal eurten Rat oder Vorschläge einholen.
Es geht um den folgenden Code-Block, der sich in der shortcode.php Datei befindet.
<style type="text/css">
a#button-btn1-<?php echo $post_id; ?> {
background-color: <?php echo get_post_meta( $post_id, 'aa_rating_button_background_color', true); ?>
}
#rating-arguments-<?php echo $post_id; ?> {
min-height: <?php echo $image_height . 'px'; ?>;
width: 100%;
margin: 0 0 20px 0;
}
#rating-image-<?php echo $post_id; ?> {
width: <?php echo $image_width . 'px'; ?>;
height: <?php echo $image_height . 'px'; ?>;
-webkit-box-shadow: 2px 2px 3px 0px rgba(122, 125, 127, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(122, 125, 127, 0.75);
box-shadow: 2px 2px 3px 0px rgba(122, 125, 127, 0.75);
margin: 5px 0 10px 0;
}
@media only screen and (max-width: 500px) {
#rating-arguments-<?php echo $post_id; ?> {
width: 100%;
}
#rating-image-<?php echo $post_id; ?> {
max-width: 150px;
}
}
</style>Hier werden den einzelnen Blocks, die durch den Shortcode erzeugt werden unterschiedliche werte mitgegeben, je nachdem wie man diese im Backend eingestellt hat. Auch die Höhe des Blocks wird hier verändert, je nachdem wie groß das Bild ist.
Meine Frage nun, kann man das besser machen als den ganzen Block in der shortcode.php Datei zu haben?
Soll ich den CSS Code Inline mit ins Element schreiben oder kann man das doch noch auslagern.
Ich hoffe das ist halbwegs verständlich geschrieben.
Über weitere Tipps zur Optimierung von Code in Plugins würde ich mich freuen. Die Coding Standards von wp.org kenne ich natürlich. Da schaue ich regelmäßig rein bis ich das alles mal verinnerlicht habe.