add menus

This commit is contained in:
2021-09-18 01:30:09 +03:00
parent 5a50fb1a94
commit d9c6a87cfe
11 changed files with 350 additions and 29 deletions

34
blocks/events.php Normal file
View File

@@ -0,0 +1,34 @@
<?php
# три последних эвента
$posts = get_posts( array(
'numberposts' => 3,
'category' => 44, // 44 - мероприятия
'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="event">
<div class="news_date"><?the_time('j F Y');?></div>
<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
</div>
<?php endforeach;
wp_reset_postdata();
endif;

37
blocks/moread.php Normal file
View File

@@ -0,0 +1,37 @@
<?php
$posts = get_posts( array(
'numberposts' => 4,
'category' => 0, // пока без категории
'orderby' => 'date',
'order' => 'DESC',
'include' => array(),
'exclude' => array(),
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'post',
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );
# вывод поста
if( $posts ):?>
<div class="moread">
<h4>Самое читаемое:</h3>
<?php foreach($posts as $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>
<?php endforeach;?>
</div>
<?php wp_reset_postdata();
endif?>

35
blocks/mosts.php Normal file
View File

@@ -0,0 +1,35 @@
<?php
$posts = get_posts( array(
'numberposts' => 3,
'category' => 0, // пока без категории
'orderby' => 'date',
'order' => 'DESC',
'include' => array(),
'exclude' => array(),
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'post',
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );
# вывод поста
if( $posts ):?>
<div id="mosts">
<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>
<?php endforeach;?>
</div>
<?php wp_reset_postdata();
endif?>

31
blocks/opinion.php Normal file
View File

@@ -0,0 +1,31 @@
<?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 );
?>
<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>
<?php endforeach;
wp_reset_postdata();
endif;

0
blocks/subscipts.php Normal file
View File

View File

@@ -1,6 +1,6 @@
<div id="content">
<h1 class="my-4">Главное</h1>
<?php if (have_posts()): while(have_posts()): the_post();?>
<h2 class="card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="card mb-4">

View File

@@ -5,13 +5,23 @@
?>
<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/events.php';?>
</div>
<aside>
<div id="right">
<div id="socials">
<div class="soc_btn soc_vk"></div>
<div class="soc_btn soc_fb"></div>
@@ -19,7 +29,11 @@
<div class="soc_btn soc_youtube"></div>
<div class="soc_btn soc_instagram"></div>
</div>
</aside>
<script src="//web.webformscr.com/apps/fc3/build/loader.js" async sp-form-id="caf123c41c347524b52869629e2a958536e65900b89bb2f72592f6e4796d554e"></script>
<?php include get_template_directory().'/blocks/mosts.php';?>
</div>
</div><!-- end main -->
<footer>
<?php wp_footer(); ?>

View File

@@ -1,5 +1,7 @@
<?php
define('IMGURL', 'http://img.vetandlife.ru/');
# регистрируем меню
register_nav_menus(array(
'top' => 'Верхнее меню',
@@ -7,5 +9,9 @@ register_nav_menus(array(
'left' => 'Левое меню'
));
# поддержка миниматюр
add_theme_support('post-thumbnails');
# регистрируем размеры миниатюр
add_image_size( 'left-thumb', 95, 84, true ); # для левой колонки
add_image_size( 'moread', 372, 216, true ); # читайте также

View File

@@ -6,8 +6,39 @@
get_header(); ?>
<div id="main">
<?php get_template_part('content') ?>
<?php $query = new WP_Query(
array('category__not_in' => array(2, 18 ,44)
)); # фильтруем рубрики
?>
<div id="content">
<h1 class="my-4">Главное</h1>
<?php if($query->have_posts()) : while($query->have_posts()) : $query->the_post();?>
<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>
</div>
<?php endwhile;?>
</div>
<?php endif;?>
</div>

View File

@@ -1,10 +1,49 @@
<?php get_header();?>
<?while(have_posts()):
the_post();?>
<h1 class="my-4 page-title"><?wp_title();?></h1>
<img class="img-fluid rounded" src="<?php echo get_the_post_thumbnail_url(null, 'full');?>" alt="<?the_title();?>">
<p><small class="text-muted"><?the_time('j F Y');?> <?php the_tags('');?></small></p>
<?the_content();?>
<?php comments_template(); ?>
<?endwhile;?>
<div id="main">
<div>
<?//while(have_posts()):?>
<?php $category = get_the_category();
$category_id = $category[0]->term_id;
$category_link = get_category_link($category_id);
?>
<div class="post_info">
<a href="<?=$category_link?>"><?=$category['0']->name;?></a>, <?php the_time('j F Y, G:i');?>
</div>
<h1 class="my-4"><?php wp_title('');?></h1>
<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;?>
<div class="post_author">
Автор: <?php the_author(); ?>
</div>
<div class="post_panel_info">
<a href="<?=$category_link?>"><?=$category['0']->name;?></a>, <?php the_time('j F Y, G:i');?> Поделиться
</div>
<?php include get_template_directory().'/blocks/moread.php';?>
</div>
</div>
<?php get_footer();?>

114
style.css
View File

@@ -93,7 +93,7 @@ a{
flex: 1;
}
#main > #left,
#main > aside {
#main > #right {
flex: 0 0 20vw;
background: beige;
}
@@ -101,10 +101,22 @@ a{
order: -1;
}
#left{
width: 330px;
display: flex;
flex-direction: column;
}
#right{
width: 330px;
display: flex;
flex-direction: column;
}
header{
background-color: white;
display: flex;
flex-direction:
justify-content: space-between;
}
@@ -127,13 +139,26 @@ a{
ul.menu_left{
display: flex;
flex-direction: column;
background-color: #00466A;
padding-top: 8px;
padding-bottom: 8px;
}
ul.menu_left li{
font-weight: bold;
font-size: 12px;
font-size: 14px;
line-height: 150%;
text-transform: uppercase;
/*text-transform: uppercase;*/
padding-top: 4px;
padding-bottom: 4px;
}
ul.menu_left li a{
color: white;
}
.current-menu-item {
color: #2D9CDB;
}
@@ -154,12 +179,9 @@ a{
footer {
background: #E2E2E2;
height: 20vh;
}
header, footer, article, nav, aside {
header, footer, article, nav, #right {
padding: 1em;
}
@@ -215,17 +237,89 @@ a{
padding: 8px 0 8px 0;
}
.event{
padding: 8px 0 8px 0;
border-bottom: 1px solid black;
}
#mosts{
background-color: #00466A;
width: 100%;
}
.most_title{
color: #2D9CDB;
}
.most{
padding: 8px;
color: #FFFFFF;
font-size: 16px;
line-height: 22.4px;
}
.most a{
color: #FFFFFF;
}
.left_preview{
border-radius: 50%;
width: 95px;
height: 84px;
}
.publ_expert{
font-size: 16px;
font-weight: bold;
margin-bottom: 18px;
}
.post_info{
font-size: 14px;
color: #444444;
}
.post_img_title{
color: #909294;
}
.post_img_title a{
color: #909294;
}
.post_panel_info{
font-size: 14px;
border-top: 1px solid #E9EAEB;
border-bottom: 1px solid #E9EAEB;
padding: 12px 0 12px 0;
margin 18px 0 18px 0;
}
.moread{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 1rem;
}
.moread_card{
padding 8px;
}
.more_card IMG{
width: 372px;
height: 216px;
}
/** socials */
#socials{
display: flex;
}
.soc_btn{
height: 24px;
width: 24px;
border-radius: 10px;
/*border-radius: 10px;*/
border: 1px solid #E9EAEB;