-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.php
141 lines (138 loc) · 7.15 KB
/
home.php
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<?php get_header(); ?>
<div class="content">
<div class="home__container-title">
<h2 class="home__title">Dove si va?</h2>
</div>
<div class="home__container-categories">
<div class="home__container-single-category box-shadow-green">
<div class="banner-preview">
<div class="banner-preview__wrapper">
<div class="banner-preview__container-image">
<img class="banner-preview__image" src="<?= get_site_url(); ?>/wp-content/uploads/alberi-sotto-le-nuvole-durante-l-alba.webp" alt="Alberi coperti dalle nuvole durante l'alba" />
</div>
<div class="banner-preview__container-title">
<h2 class="h2">Esperienze</h2>
</div>
<div class="banner-preview__container-description">
<p class="body-2">Vivere un'esperienza è l'unico modo per capire se questa è giusta per te</p>
</div>
<div class="banner-preview__container-button">
<a href="<?= get_site_url(); ?>/category/esperienze">
<button class="button button__black">Scopri di più</button>
</a>
</div>
</div>
</div>
</div>
<div class="home__container-single-category box-shadow-blue">
<div class="banner-preview">
<div class="banner-preview__wrapper">
<div class="banner-preview__container-image">
<img class="banner-preview__image" src="<?= get_site_url(); ?>/wp-content/uploads/muro-di-mattoni-con-la-scritta-live-work-create.webp" alt="Muro di mattoni con la scritta in inglese 'Live, Work, Create', i mattoni hanno un coloro marrone e la scritta è bianca, tutta in maiuscolo, una parola sotto l'altra" />
</div>
<div class="banner-preview__container-title">
<h2 class="h2">Opportunità</h2>
</div>
<div class="banner-preview__container-description">
<p class="body-2">Realizzi un obiettivo solo quando sai come fare</p>
</div>
<div class="banner-preview__container-button">
<a href="<?= get_site_url(); ?>/category/opportunita">
<button class="button button__black">Nuove opportunità</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="home__container-categories">
<div class="home__container-single-category box-shadow-red">
<div class="banner-preview">
<div class="banner-preview__wrapper">
<div class="banner-preview__container-image">
<img class="banner-preview__image" src="<?= get_site_url(); ?>/wp-content/uploads/shard-di-londra.webp" alt="Shard di Londra, l'imponente grattacielo a vetri in risalo su uno scatto della città fatto dall'alto" />
</div>
<div class="banner-preview__container-title">
<h2 class="h2">Vivere all'estero</h2>
</div>
<div class="banner-preview__container-description">
<p class="body-2">C'è un posto per tutti nel mondo</p>
</div>
<div class="banner-preview__container-button">
<a href="<?= get_site_url(); ?>/category/vivere-estero">
<button class="button button__black">Scopri di più</button>
</a>
</div>
</div>
</div>
</div>
<div class="home__container-single-category box-shadow-yellow">
<div class="banner-preview">
<div class="banner-preview__wrapper">
<div class="banner-preview__container-image">
<img class="banner-preview__image" src="<?= get_site_url(); ?>/wp-content/uploads/murales-a-londra.webp" alt="Murales di Londra, un uomo con l'ombrello che cammina con una valigia in mano sotto l'icon della metropolitana" />
</div>
<div class="banner-preview__container-title">
<h2 class="h2">Chi sono</h2>
</div>
<div class="banner-preview__container-description">
<p class="body-2">Lascia che mi presenti</p>
</div>
<div class="banner-preview__container-button">
<a href="<?= get_site_url(); ?>/chi-sono">
<button class="button button__black">Scopri di più</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="home__container-serach">
<div class="search-input">
<h2 class="search-input__title h2">Cerca su MarcoValeri.net</h2>
<?php get_search_form(); ?>
</div>
</div>
<section class="articles-list">
<div class="articles-list__title">
<h1>Ultimi articoli</h1>
</div>
<?php
$argsPost = [
"post_type" => "post",
"posts_per_page" => 10,
"order" => "DESC",
"post_status" => "publish"
];
$lastPostQuery = new WP_Query($argsPost);
if ($lastPostQuery->have_posts()) {
while ($lastPostQuery->have_posts()) {
$lastPostQuery->the_post();
$lastPostLink = get_permalink();
$lastPostCategory = get_the_category();
$lastPostImageUrl = get_the_post_thumbnail_url();
$lastPostImageAlt = get_post_meta(get_post_thumbnail_id( $post->ID ), '_wp_attachment_image_alt', true);
$lastPostTitle = get_the_title();
$lastPostContent = get_the_content();
$lastPostExcerp = substr($lastPostContent, 0, 200);
$lastPostExcerpNoHTML = strip_tags($lastPostExcerp);
?>
<a class="articles-list__container no-link" href="<?= $lastPostLink; ?>">
<article class="articles-list__article <?= getCategoryBoxShadow($lastPostCategory[0]->name); ?>">
<div class="articles-list__container-image">
<img class="articles-list__article-image" src="<?= $lastPostImageUrl; ?>" alt="<?= $lastPostImageAlt; ?>">
</div>
<div class="articles-list__content-container">
<h1 class="articles-list__article-title"><?= $lastPostTitle; ?></h1>
<div class="articles-list__article-paragraph"><?= $lastPostExcerpNoHTML; ?></div>
</div>
</article>
</a>
<?php
}
wp_reset_postdata();
}
?>
</section>
</div>
<?php get_footer(); ?>