Un peu d'ordre dans un code PHP qui me dépasse.
Bonjour,
Je suis occupé de faire un site avec Wordpress (grâce aux conseils recueillis ici).
C'est vrai que c'est sympas mais de temps en temps il faut tout de même bricoler un peu pour arriver à ce qu'on veut.
C'est ce qui me pose problème ici.
Je n'ai trouvé aucune gestion des évent's qui me plaise dans les plugins WP et donc je me suis mis en tête (mauvaise idée) de modifier ce qui existe pour que ça corresponde à ce que je veux.
Après avoir pas mal cherché j'ai trouvé le fichier PHP qui génère les "blocs" qui constitue les différents évents.
Par bloc j'entends le carrès blancs que vous voyez sur cette page : http://www.espaceimagi.be/wp_jerome_de_warzee/agenda-3/
Ce que je veux c'est modifier cette page PHP pour pouvoir définir librement ce que je veux qui s'affiche dans chaque bloc. Rien à foutre du compte à rebourds qui s'affiche actuellement quand on survolle, poubelles ces couleurs ignobles, ces caractères, bref je veux TOUT virer et repartir de zéro.
Le problème c'est que je ne comprends pas fort le code de la page (qui est ci dessous) et donc je n'arrive pas à isoler la partie qui m'intéresse.
Je suppose que c'est structuré de manière à
- Lire la date de l'évent.
- Tester si elle est passée ou avenir.
- Afficher des variables avec de l'HTML en fonction de la date (si elle n'est pas passée).
Et donc je suppose qu'il doit y avoir une div qui enferme toute la partie qui affiche le contenu des carrés blancs.
Ce que je voudrais c'est arriver à virer TOUT ce qui n'est pas le teste de la date et la div.
Après je reconstruirais les contenu de la DIV pour afficher ce que je veux comme je veux dans les carrés blancs (qui d'ailleurs ne serait plus blancs).
Est ce que quelqu'un pourrait m'aider dans cette démarche ?
Je pense savoir ou est la div en question mais quelque chose m’échappe encore (regardez après le code).
Code original :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
| <?php
global $wp_query, $events_filter;
$expanded = ( isset($_GET['id']) && $_GET['id'] == get_the_ID() ? 'expanded' : false );
$show_countdown = (bool)get_iron_option('events_show_countdown_rollover');
$item_show_countdown = (bool)get_field('event_enable_countdown');
if($show_countdown != $item_show_countdown) {
$show_countdown = $item_show_countdown;
}
$post->filter = (strtotime($post->post_date) > time()) ? 'upcoming' : 'past';
if((!empty($events_filter) && $events_filter == 'past') || (!empty($wp_query->query_vars['filter']) && $wp_query->query_vars['filter'] == 'past') || (!empty($post->filter) && $post->filter == 'past')) {
$show_countdown = false;
}
?>
<li id="post-<?php the_ID(); ?>" <?php post_class($expanded); ?>>
<!-- title-row -->
<div class="title-row <?php echo ((!empty($show_countdown)) ? 'has_countdown' : '')?>">
<div class="event-centering">
<time class="datetime" datetime="<?php echo get_the_time('c'); ?>"><?php echo get_the_date(); ?></time>
<div class="event-text-wrap">
<span class="location"><?php the_title(); ?></span>
<span class="city">
<?php
$showtime = (bool)get_field('event_show_time');
$city = get_field('event_city');
$venue = get_field('event_venue');
if( !empty($showtime) ) {
echo get_the_time();
}
if( !empty($showtime) && !empty($city) ) {
echo ', ';
}
if ( !empty($city) ) {
echo $city;
}
if( !empty($city) && !empty($venue)) {
echo ', ';
}
if ( !empty($venue) ) {
echo $venue;
}
?>
</span>
</div>
<?php
$more_label = get_iron_option('events_more_label_on_mobile');
?>
<div class="event-more-button"><?php echo __($more_label, IRON_TEXT_DOMAIN); ?></div>
<div class="clear"></div>
</div>
<a href="<?php the_permalink(); ?>" class="buttons no-touch">
<?php if(!empty($show_countdown)): ?>
<!-- HOVER COUNTDOWN -->
<div class="countdown-wrap">
<script>
jQuery(function () {
/* Countdown Call */
function CountCall(Row,Day){
jQuery('.'+Row+' .countdown-block').countdown({until: Day, padZeroes: true, format:'DHMS'});
};
var event_y = <?php echo get_the_time('Y'); ?>;
var event_m = <?php echo get_the_time('m'); ?>;
var event_d = <?php echo get_the_time('d'); ?>;
var event_g = <?php echo get_the_time('H'); ?>;
var event_i = <?php echo get_the_time('i'); ?>;
var targetRow = 'post-<?php the_ID(); ?>';
var targetDay = new Date(event_y,event_m-1,event_d,event_g,event_i);
CountCall(targetRow,targetDay);
//Remove the following line's comment to stop the timers
//jQuery('.countdown-block').countdown('pause');
});
</script>
<div class="countdown-block"></div>
<div class="event-text-wrap btn">
<span class="location-h"><?php the_title(); ?></span>
<?php if ( get_field('event_city') ) { ?>
<span class="city-h">
<?php
$showtime = get_field('gig_show_time');
if($showtime == '1'){
echo get_the_time();
echo ', ';
}?>
<?php the_field('event_city'); ?>
</span>
<?php } ?>
</div>
<div class="clear:both;"></div>
</div>
<?php endif; ?>
<div class="button-wrap"></div>
</a>
<div class="clear"></div>
</div>
</li> |
Ce que j'ai fait dans un premier temps c'est supprimer tout ce qui ne m'intéresse pas.
Il me restait donc ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <?php
global $wp_query, $events_filter;
$expanded = ( isset($_GET['id']) && $_GET['id'] == get_the_ID() ? 'expanded' : false );
$show_countdown = (bool)get_iron_option('events_show_countdown_rollover');
$item_show_countdown = (bool)get_field('event_enable_countdown');
if($show_countdown != $item_show_countdown) {
$show_countdown = $item_show_countdown;
}
$post->filter = (strtotime($post->post_date) > time()) ? 'upcoming' : 'past';
if((!empty($events_filter) && $events_filter == 'past') || (!empty($wp_query->query_vars['filter']) && $wp_query->query_vars['filter'] == 'past') || (!empty($post->filter) && $post->filter == 'past')) {
$show_countdown = false;
}
?>
<li id="post-<?php the_ID(); ?>" <?php post_class($expanded); ?>>
<!-- title-row -->
<div class="title-row">
TEST
</div>
</li> |
Je test et en effet j'ai deux carrés blancs avec juste le mot TEST dedans.
Donc jusque là tout va bien sauf que justement les carrés sont blancs et que moi je les veux disons vert par exemple.
Le seul truc possible c'est que title-row fasse référence au CSS que j'ai donc été visité mais je ne trouve pas ou.
