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

add fa

Browse Source
This commit is contained in:
AK Delfin
2021-09-20 01:07:53 +03:00
parent d9c6a87cfe
commit 80da45b1d7
12 changed files with 549 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
blocks/citata.php Normal file
View File

@@ -0,0 +1,33 @@
<?php
$posts = get_posts( array(
'numberposts' => 1,
'category' => 7, // 7 - мнения
'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="left_citata">
<div class="left_citata_title">цитата</div>
<img class="left_preview" src="<?php echo get_the_post_thumbnail_url($post, 'left-thumb');?>" alt="<?the_title();?>">
<div class="left_citata_text"><a href="<?php the_permalink(); ?>">«<?php the_title();?>»</a></div>
</div>
<?php endforeach;
wp_reset_postdata();
endif;

24
blocks/events.php
View File

@@ -16,19 +16,23 @@ $posts = get_posts( array(
) );
# вывод поста
if( $posts ):
if( $posts ):?>
foreach($posts as $post):
setup_postdata( $post );
?>
<div id="events_left">
<?foreach($posts as $post):
setup_postdata( $post );
?>
<div class="event">
<div class="news_date"><?the_time('j F Y');?></div>
<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
</div>
<div class="event">
<div class="news_date"><?the_time('j F Y');?></div>
<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
</div>
<?php endforeach;
<?php endforeach;?>
wp_reset_postdata();
</div>
<?wp_reset_postdata();
endif;

13
blocks/moread.php
View File

@@ -2,7 +2,7 @@
$posts = get_posts( array(
'numberposts' => 4,
'category' => 0, // пока без категории
'category' => 22, // пока тольео события
'orderby' => 'date',
'order' => 'DESC',
'include' => array(),
@@ -16,16 +16,17 @@ $posts = get_posts( array(
# вывод поста
if( $posts ):?>
<div class="moread_rubric">Читайте также:</div>
<div class="moread">
<h4>Самое читаемое:</h3>
<?php foreach($posts as $post):
setup_postdata( $post );
?>
setup_postdata( $post );?>
<div class="moread_card">
<img src="<?php echo get_the_post_thumbnail_url($post, 'moread');?>" alt="<?the_title();?>">
<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
<div><?the_time('j F Y, G:i');?></div>
<div class="moread_title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></div>
<div class="moread_date"><?the_time('j F Y, G:i');?></div>
</div>
<?php endforeach;?>

8
blocks/mosts.php
View File

@@ -2,7 +2,7 @@
$posts = get_posts( array(
'numberposts' => 3,
'category' => 0, // пока без категории
'category' => 22, // пока без категории
'orderby' => 'date',
'order' => 'DESC',
'include' => array(),
@@ -17,14 +17,12 @@ $posts = get_posts( array(
if( $posts ):?>
<div id="mosts">
<h3 class="most_title">Самое читаемое:</h3>
<h3 class="most_title">Самое читаемое</h3>
<?php foreach($posts as $post):
setup_postdata( $post );
?>
<div class="most">
<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
</div>
<div class="most"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></div>
<?php endforeach;?>

8
blocks/opinion.php
View File

@@ -20,9 +20,11 @@ if( $posts ):
setup_postdata( $post );
?>
<img class="left_preview" src="<?php echo get_the_post_thumbnail_url($post, 'left-thumb');?>" alt="<?the_title();?>">
<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
<div class="left_opinion">
<div class="left_opinion_title">мнение</div>
<img class="left_preview" src="<?php echo get_the_post_thumbnail_url($post, 'left-thumb');?>" alt="<?the_title();?>">
<div class="left_opinion_text"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></div>
</div>
<?php endforeach;

36
blocks/yets.php Normal file
View File

@@ -0,0 +1,36 @@
<?php $posts = get_posts( array(
'numberposts' => 4,
'category' => 22, // пока тольео события
'orderby' => 'date',
'order' => 'DESC',
'include' => array(),
'exclude' => array(),
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'post',
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );
# вывод поста
if( $posts ):?>
<div class="yets_rubric">Еще по теме</div>
<div class="yets">
<?php foreach($posts as $post):
setup_postdata( $post );?>
<div class="yet_card">
<div class="yet_title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></div>
</div>
<?php endforeach;?>
</div>
<?php wp_reset_postdata();
endif?>

65
category.php Normal file
View File

@@ -0,0 +1,65 @@
<?php
/**
* The main template file.
*
*/
get_header();
$nn = 0;?>
<div id="content">
<h1 class="my-4"><?=single_cat_title()?></h1>
<?php if(have_posts()) : while(have_posts()) : the_post();?>
<?$nn++;?>
<?if ($nn == 1):?>
<div class="main-card">
<?if ( has_post_thumbnail() ) :?>
<a href="<?the_permalink();?>"><img class="card-img-top" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" alt="<?the_title();?>"></a>
<?endif?>
<h2 class="main-card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="main-card-body">
<div class="main-card-text"><a href="<?the_permalink();?>"><?the_excerpt();?></a></div>
<div class="news_date"><?the_time('j F Y, G:i');?></div>
</div>
</div>
<?elseif ($nn == 2):?>
<div class="mini-card-block">
<?endif?>
<?if ($nn > 1):?>
<div class="mini-card">
<?if ( has_post_thumbnail() ) :?>
<a href="<?the_permalink();?>"><img class="mini-card-img" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" alt="<?the_title();?>"></a>
<?endif?>
<h2 class="mini-card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="mini-card-body">
<div class="news_date"><?the_time('j F Y, G:i');?></div>
</div>
</div>
<?endif?>
<?php endwhile;?>
</div> <!--//end minicard block -->
<?else:?>
Здесь пока нет публикаций
<?php endif;?>
</div> <!-- end content -->
<?php get_footer(); ?>

53
footer.php
View File

@@ -6,41 +6,61 @@
?>
<div id="left">
<?php wp_nav_menu( array(
'menu_class'=>'menu_left',
'theme_location'=>'left'
));?>
<?php wp_nav_menu( array(
'menu_class'=>'menu_left',
'theme_location'=>'left'
));?>
<?php //блок мнений
include get_template_directory().'/blocks/opinion.php';?>
<?php //блок цитат
include get_template_directory().'/blocks/citata.php';?>
<?php include get_template_directory().'/blocks/events.php';?>
</div>
<div id="right">
<div id="socials">
<div class="soc_btn soc_vk"></div>
<a href="https://vk.com/vizhuvizh" target="_blank"><i style="color: #3B83B5;" class="fab fa-vk btn_soc"></i></a>
<a href="https://www.facebook.com/vetandlife/" target="_blank"><i style="color: #3B83B5;" class="fab fa-facebook-square btn_soc"></i></a>
<a href="https://t.me/ViZHuvizh" target="_blank"><i style="color: #3B83B5;" class="fab fa-telegram-plane btn_soc"></i></a>
<a href="https://www.youtube.com/channel/UCGRWr7wG8zxFBMMKdPzYPUQ" target="_blank"><i style="color: red;" class="fab fa-youtube btn_soc"></i></a>
<a href="https://www.instagram.com/vet_and_life/?igshid=14wtpyo4zusm7" target="_blank"><i style="color: orange;" class="fab fa-instagram btn_soc"></i></a>
<!-- <div class="btn soc_vk"></div>
<div class="soc_btn soc_fb"></div>
<div class="soc_btn soc_telegram"></div>
<div class="soc_btn soc_youtube"></div>
<div class="soc_btn soc_instagram"></div>
<div class="soc_btn soc_instagram"></div> -->
</div>
<script src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="caf123c41c347524b52869629e2a958536e65900b89bb2f72592f6e4796d554e"></script>
<div id="form_subscript">
<script src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="caf123c41c347524b52869629e2a958536e65900b89bb2f72592f6e4796d554e"></script>
</div>
<?php include get_template_directory().'/blocks/mosts.php';?>
</div>
</div><!-- end main -->
<footer>
<?php wp_footer(); ?>
<?php wp_nav_menu( array(
'menu_class'=>'menu_footer',
'theme_location'=>'top'
));?>
<div id="footer_menu">
<?php wp_footer(); ?>
<?php wp_nav_menu( array(
'menu_class'=>'menu_footer',
'theme_location'=>'top'
));?>
<div id="footer_up">
<a href="#main">навверх</a>
</div>
</div>
<div id="footer_info">
<div id="header-contact">
<div id="head_tel"><a href="tel:79250634">+7 (495) 925 06 34</a></div>
@@ -48,8 +68,11 @@
</div>
</div>
<div id="copy">© Ветеринария и жизнь 2021</div>
Свидетельство о регистрации СМИ <a href="">Политика конфидициальности</a>
<div id="pere"><span id="rating">12+</span> При перепечатке и использовании информации с сайта «Ветеринария и жизнь» активная ссылка на использованный материал обязательна. При использовании материалов в печатных СМИ указывать источник — «Ветеринария и жизнь»</div>
</footer>
</body>
</html>

41
header.php
View File

@@ -5,27 +5,40 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title><?php wp_title('|', true, 'right');?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
<?php wp_head();?>
</head>
<body>
<header>
<?php if( has_custom_logo() ): the_custom_logo(); ?>
<?php else: ?>
<a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>
<?php
wp_nav_menu( array(
'menu_class'=>'menu_main',
'theme_location'=>'top'
) );
?>
<?php endif; ?>
<div id="mainlogo">
<a href="<?php echo home_url(); ?>"><img src = "<?=get_stylesheet_directory_uri()?>/pub/logo/vij-logo-220.png" alt = "Ветеринария и жизнь. Газета и сайт" /></a>
</div>
<div id="mainmenu">
<?php
wp_nav_menu( array(
'menu_class'=>'menu_main',
'theme_location'=>'top'
) );?>
</div>
<div id="header-contact">
<div id="head_tel"><a href="tel:79250634">+7 (495) 925 06 34</a></div>
<div id="head_mail"><a href="mailto:info@vetandlife.ru">info@vetandlife.ru</a></div>
</div>
<div id="header-contact">
<div id="head_tel"><a href="tel:79250634">+7 (495) 925 06 34</a></div>
<div id="head_mail"><a href="mailto:info@vetandlife.ru">info@vetandlife.ru</a></div>
</div>
<ul id="header_icons">
<li class="btn_search"></li>
<li class="btn_rss"></li>
</ul>
</header>
<div id="main">

48
index.php
View File

@@ -4,10 +4,9 @@
*
*/
get_header(); ?>
get_header();
$nn = 0;?>
<div id="main">
<?php $query = new WP_Query(
@@ -20,26 +19,51 @@ get_header(); ?>
<h1 class="my-4">Главное</h1>
<?php if($query->have_posts()) : while($query->have_posts()) : $query->the_post();?>
<?$nn++;?>
<?if ($nn == 1):?>
<div class="card mb-4">
<a href="<?the_permalink();?>"><img class="card-img-top" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" alt="<?the_title();?>"></a>
<h2 class="card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="card-body">
<p class="card-text"><a href="<?the_permalink();?>"><?the_excerpt();?></a></p>
<div class="news_date"><?the_time('j F Y, G:i');?></div>
<div class="main-card">
<?if ( has_post_thumbnail() ) :?>
<a href="<?the_permalink();?>"><img class="card-img-top" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" alt="<?the_title();?>"></a>
<?endif?>
<h2 class="main-card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="main-card-body">
<div class="main-card-text"><a href="<?the_permalink();?>"><?the_excerpt();?></a></div>
<div class="news_date"><?the_time('j F Y, G:i');?></div>
</div>
</div>
</div>
<?elseif ($nn == 2):?>
<div class="mini-card-block">
<?endif?>
<?if ($nn > 1):?>
<div class="mini-card">
<?if ( has_post_thumbnail() ) :?>
<a href="<?the_permalink();?>"><img class="mini-card-img" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" alt="<?the_title();?>"></a>
<?endif?>
<h2 class="mini-card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="mini-card-body">
<div class="news_date"><?the_time('j F Y, G:i');?></div>
</div>
</div>
<?endif?>
<?php endwhile;?>
</div>
</div> <!--//end minicard block -->
<?php endif;?>
</div>
</div> <!-- end content -->
<?php get_footer(); ?>

33
single.php
View File

@@ -1,6 +1,7 @@
<?php get_header();?>
<div id="main">
<div>
<?//while(have_posts()):?>
@@ -10,26 +11,42 @@
?>
<div class="post_info">
<a href="<?=$category_link?>"><?=$category['0']->name;?></a>, <?php the_time('j F Y, G:i');?>
<div class="post_info_sub">
<span class="post_link_category"><a href="<?=$category_link?>"><?=$category['0']->name;?></a></span>, <?php the_time('j F Y, G:i');?>
</div>
<div class="post_info_sub">
<i class="fab fa-vk btn_soc_post"></i> <i class="fab fa-facebook-square btn_soc_post"></i> <i class="fab fa-telegram-plane btn_soc_post"></i>
</div>
</div>
<h1 class="my-4"><?php wp_title('');?></h1>
<?$author = the_author();
if ( ! empty ( $author ) ):?>
<div class="post_author">
Автор: <?php $author; ?>
</div>
<?endif?>
<div class="publ_expert"><?php the_excerpt();?></div>
<img class="img-fluid rounded" src="<?php echo get_the_post_thumbnail_url(null, 'full');?>" alt="<?the_title();?>">
<div class="post_img_title"><?the_post_thumbnail_caption()?></div>
<?the_content();?>
<!--<p><small class="text-muted"><?php the_tags('');?></small></p> -->
<?//endwhile;?>
<?//endwhile;?>
<div class="post_author">
Автор: <?php the_author(); ?>
</div>
<?php include get_template_directory().'/blocks/yets.php';?>
<div class="post_panel_info">
<a href="<?=$category_link?>"><?=$category['0']->name;?></a>, <?php the_time('j F Y, G:i');?> Поделиться
<div class="post_panel_info_sub">
<span class="post_link_category"><a href="<?=$category_link?>"><?=$category['0']->name;?></a></span>, <?php the_time('j F Y, G:i');?>
</div>
<div class="post_panel_info_sub">
Поделиться <i class="fas fa-share-square btn_soc_post"></i> <i class="fab fa-vk btn_soc_post"></i> <i class="fab fa-facebook-square btn_soc_post"></i> <i class="fab fa-telegram-plane btn_soc_post"></i>
</div>
</div>
<?php include get_template_directory().'/blocks/moread.php';?>
<div class="publ-to-main"><a href="http://beta.vetandlife.ru"> <span class="arrow-go-main"><</span>&nbsp;&nbsp;&nbsp;<span class="go-to-main">На главную</span></a></div>
</div>
@@ -37,7 +54,7 @@
</div>

291
style.css
View File

@@ -80,6 +80,7 @@ a{
body {
display: flex;
min-height: 100vh;
width: 100%;
font-family: 'GrtskPeta';
flex-direction: column;
margin: 0;
@@ -95,20 +96,23 @@ a{
#main > #left,
#main > #right {
flex: 0 0 20vw;
background: beige;
}
#main > #left {
order: -1;
}
#left{
width: 330px;
max-width: 330px;
display: flex;
flex-direction: column;
margin-right: 28px;
}
#right{
width: 330px;
max-width: 330px;
display: flex;
flex-direction: column;
@@ -117,10 +121,21 @@ a{
header{
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
#footer_menu{
display: flex;
align-items: center;
}
#footer_menu > div:nth-child(2){
margin-left: auto;
}
/** - menus -- */
ul.menu_main{
@@ -140,8 +155,8 @@ a{
display: flex;
flex-direction: column;
background-color: #00466A;
padding-top: 8px;
padding-bottom: 8px;
padding: 32px 22px 22px 32px;
margin-bottom: 22px;
}
ul.menu_left li{
@@ -178,7 +193,13 @@ a{
footer {
background: #E2E2E2;
height: 20vh;
/**height: 20vh;*/
}
#footer_up{
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
header, footer, article, nav, #right {
@@ -186,7 +207,7 @@ a{
}
#main{
padding: 24px;
padding: 0 8px 0 8px;
}
#header-contact{
@@ -205,31 +226,78 @@ a{
text-decoration: underline;
}
#header_icons{
display: flex;
}
#header_icons li{
width: 20px;
height: 15px;
margin-left: 18px;
}
.btn_search{
background: url(/wp-content/themes/vij/pub/icons/union.png) no-repeat;
}
.btn_rss{
background: url(/wp-content/themes/vij/pub/icons/header-rss.png) no-repeat;
}
h1{
margin: 18px 0 18px 0;
font-family: 'GrtskPeta';
font-size: 36px;
font-weight: bold;
margin-bottom: 18px;
}
.card{
margin: 8px 0 8px 0;
.mini-card-block{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(372px, 372px));
grid-gap: 2rem;
}
.card-title{
font-family: 'GrtskPeta';
font-size: 36px;
}
.card-text{
.mini-card-title{
font-family: 'GrtskPeta';
font-size: 18px;
line-height: 140%;
padding: 8px;
}
.mini-card-img{
width: 372px;
height: 216px;
}
.main-card{
padding-bottom: 22px;
margin: 8px 0 32px 0;
border-bottom: 1px solid #E9EAEB;
/*text-align: center; */
}
.main-card-title{
font-family: 'GrtskPeta';
font-size: 36px;
}
.main-card-text{
font-family: 'GrtskPeta';
font-size: 18px;
text-align: left;
line-height: 140%;
padding: 8px;
}
.news_date{
color: #909294;
font-family: 'GrtskPeta';
@@ -237,15 +305,22 @@ a{
padding: 8px 0 8px 0;
}
#events_left{
padding: 8px;
}
.event{
padding: 8px 0 8px 0;
border-bottom: 1px solid black;
padding: 18px 0 18px 0;
font-size: 16px;
border-bottom: 1px solid #E9EAEB;
}
#mosts{
background-color: #00466A;
width: 100%;
padding: 22px;
}
.most_title{
@@ -253,7 +328,7 @@ a{
}
.most{
padding: 8px;
padding: 12px 0 12px 0;
color: #FFFFFF;
font-size: 16px;
line-height: 22.4px;
@@ -278,51 +353,205 @@ a{
.post_info{
font-size: 14px;
color: #444444;
margin-bottom: 12px;
}
.post_img_title{
color: #909294;
text-align: center;
padding: 12px 0 12px 0;
}
.post_img_title a{
color: #909294;
}
.post_link_category a {
color: #2D9CDB;
}
.post_info{
display: flex;
font-size: 14px;
}
.post_info_sub{
width: 50%;
}
.post_panel_info{
display: flex;
font-size: 14px;
border-top: 1px solid #E9EAEB;
border-bottom: 1px solid #E9EAEB;
padding: 12px 0 12px 0;
margin 18px 0 18px 0;
padding: 18px 0 18px 0;
margin: 24px 0 18px 0;
}
.post_panel_info_sub{
width: 50%;
}
.left_opinion{
display: flex;
flex-direction: column;
background: #F5F5F5;
padding: 18px;
}
.left_opinion img{
margin-top: 8px;
margin-bottom: 8px;
}
.left_opinion_title{
margin-bottom: 8px;
font-weight: bold;
}
.left_opinion_text{
font-size: 16px;
font-weight: bold;
}
.left_citata{
display: flex;
flex-direction: column;
padding: 18px;
}
.left_citata img{
margin-top: 8px;
margin-bottom: 8px;
}
.left_citata_title{
margin-bottom: 8px;
font-weight: bold;
}
.left_citata_text{
font-size: 16px;
font-weight: bold;
}
.moread{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(372px, 380px));
grid-gap: 1rem;
margin-top: 8px;
margin-bottom: 28px;
}
.moread_card{
padding 8px;
padding-right: 12px;
}
.more_card IMG{
width: 372px;
height: 216px;
}
.moread_rubric{
padding-top: 28px;
padding-bottom: 8px;
font-weight: bold;
}
.moread_title{
margin-top: 8px;
margin-bottom: 8px;
font-weight: bold;
}
.moread_card IMG{
width: 372px;
height: 216px;
float: top;
}
.moread_date{
color: #909294;
font-size: 13px;
}
.yets_rubric{
color: #F18129;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
line-height: 110%;
margin-top: 32px;
margin-bottom: 32px;
border-top: 1px solid #E9EAEB;
padding-top: 28px;
}
.yets{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(372px, 380px));
grid-gap: 1rem;
margin-top: 8px;
margin-bottom: 28px;
}
.yet_card{
padding: 12px;
background: #E9EAEB;
font-weight: bold;
}
.publ-to-main{
text-align: center;
margin-bottom: 22px;
}
.go-to-main{
color: #909294;
}
.arrow-go-main{
font-weight: bold;
}
.post_author{
color: #171717;
font-size: 14px;
margin-bottom: 14px;
}
#form_subscript{
margin-bottom: 32px;
}
/** socials */
#socials{
display: flex;
margin: 0 12px 32px 12px;
}
.btn_soc{
margin-right: 18px;
padding: 10px;
border-radius: 50%;
border: 1px solid #E9EAEB;
}
.btn_soc_post{
margin-left:
}
.soc_btn{
height: 24px;
width: 24px;
/*border-radius: 10px;*/
border: 1px solid #E9EAEB;
}
#rating{
border-radius: 50%;
background-color: white;
}
.soc_telegram{