delf/vij
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add mobile archive

Browse Source
This commit is contained in:
arlemp@selectel.ru
2021-11-22 22:22:04 +03:00
parent 601c74d8b4
commit ad117ab08f
4 changed files with 175 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
blocks/mobile-gazeta.php Normal file
View File

@@ -0,0 +1,54 @@
<?php
$posts = get_posts( array(
'numberposts' => 1,
'category' => 3, // 19 - архив газеты
'orderby' => 'date',
'order' => 'DESC',
'include' => array(),
'exclude' => array(),
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'post',
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );
# вывод поста
if( $posts ):
foreach($posts as $post):
setup_postdata( $post );
?>
<div class="mobile_archive">
<a href="<?php the_permalink(); ?>"><img width="91" class="mobile_archive_img" src="<?php echo get_the_post_thumbnail_url($post, 'fil');?>" alt="<?the_title();?>"></a>
<div class="mobile_archive_text">
<div><strong><a href="<?php the_permalink(); ?>">Читать газету<br>«Ветеринария и Жизнь»</a></strong></div>
<div class="mobile_archive_link"><a href="<?php the_permalink(); ?>"><?=the_title();?></a></div>
</div>
</div>
<?php endforeach;
wp_reset_postdata();
endif;?>
<div class="mob-subscript">
<div class="mob-block-button">
<a class="mob-sub-button" href="https://vetandlife.ru/subscripts">Газета ВиЖ. Оформить подписку</a>
</div>
<div class="right_title">Подпишитесь на&nbsp;нашу рассылку и&nbsp;будьте в&nbsp;курсе всех новостей</div>
<div id="subscript-mail">
<form class="form-right" action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo3NjMwNTYzLCJhZGRyZXNzX2Jvb2tfaWQiOjIyNjM5NCwibGFuZyI6InJ1In0=" method="post">
<input сlass="frm_mail" type="email" required="" name="email" placeholder="Ваша почта">
<input type="hidden" name="sender" value="info@vetandlife.ru">
<button class="frm_submit">Подписаться</button>
</form>
</div>
</div>

7
footer.php
View File

@@ -81,6 +81,8 @@
</div>
<?php get_template_part( '/blocks/zakons');?>
<?php //include VIJ_CACHE.'zakons.html';?>
@@ -88,6 +90,11 @@
<?php include VIJ_CACHE.'mosts.html';?>
</div>
</div><!-- end main -->
<?php include get_template_directory().'/blocks/mobile-gazeta.php';?>
<footer>
<div id="footer_menu">

2
header.php
View File

@@ -4,7 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=72">
<link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=75">
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=9"></script>

115
style.css
View File

@@ -419,16 +419,19 @@ a{
border-radius: 55px;
border: 1px solid #F18129;
color: white;
padding: 20px 28px;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
font-size: 16px;
font-size: 11px;
line-height: 110%;
display: table-cell;
vertical-align: middle;
height: 55px;
padding-left: 22px;
padding-right: 22px;
}
.vazh{
@@ -1088,6 +1091,34 @@ a{
}
.mobile_archive{
display: none;
}
.mobile_archive_img{
margin-top: -42px;
margin-left: 12px;
margin-bottom: 8px;
width: 91px;
}
.mobile_archive_text{
display: block;
margin-left: 12px;
margin-bottom: 22px;
font-size: 14px;
}
.mobile_archive_link{
margin-top: 8px;
}
.mobile_archive_link a{
color: #909294;
}
#nav_content{
display: flex;
padding:0;
@@ -1770,8 +1801,41 @@ img-fluid{
border-bottom: 3px solid #F18129;
}
.mob-subscript{
display: none;
}
.mob-block-button{
margin: 12px 0;
}
.mob-sub-button{
background: #F18129;
border-radius: 55px;
border: 1px solid #F18129;
color: white;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
font-size: 11px;
line-height: 110%;
display: table-cell;
vertical-align: middle;
height: 55px;
padding-left: 22px;
padding-right: 22px;
}
#mob-footer{
display: none;
}
@media screen and ( max-width: 580px ) {
#left{
@@ -2010,6 +2074,28 @@ img-fluid{
overflow: hidden;
}
.mobile_archive{
display: flex;
border: 1px solid #F18129;
align-items: center;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 12px;
}
.mob-subscript{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@@ -2068,6 +2154,7 @@ and (max-device-width : 667px) {
display: none;
}
.menu-rubrics{
display: inline-block;
margin: 0;
@@ -2078,6 +2165,30 @@ and (max-device-width : 667px) {
}
.mobile_archive{
display: flex;
border: 1px solid #F18129;
align-items: center;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 12px;
}
.mob-subscript{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}