working on startpage and single

This commit is contained in:
2019-07-10 18:24:34 +02:00
parent 67661ed767
commit d1dbc518e3
11 changed files with 182 additions and 121 deletions

View File

@@ -51,12 +51,15 @@ Cikkíró:
#### Blokkok és egyéb megjegyzések #### Blokkok és egyéb megjegyzések
Az első blokk nincs automatikusan megkülönböztetve. Egyhe kiemelés eléréséhez jelöld ki az 9sszes szöveget az első blokkban és állítsd félkövérre
Bevezető: Az első bekezdés-t állítsd Címsor-H4-re, hogy megfelelő legyen a kiemelés
Elválasztók azaz vízszintes vonalak: A cikk elejére és végére automatikusan kerül egy-egy, az összes többit kézzel kell belerakni, a méretezésük automatikus. Elválasztók azaz vízszintes vonalak: A cikk elejére és végére automatikusan kerül egy-egy, az összes többit kézzel kell belerakni, a méretezésük automatikus.
Lightbox működéséhez be kell kapcsolni a hivatkozást! A hivatkozás célját média fájlra állítani! Lightbox működéséhez be kell kapcsolni a hivatkozást! A hivatkozás célját média fájlra állítani!
Interjúnál kérdésekhez idézet blokkot kell használni: Nagyobb betűméret, címke szín alapján háttér
### Események ### Események

View File

@@ -25,6 +25,6 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
top: calc(#{$v-unit-1}/ 2); => 2rem top: calc(#{$v-unit-1}/ 2); => 2rem
## További kérdések, július 4 ## További kérdések, július 11
Lightbox: Egybe galériába menjen az összes kép cikkenként, vagy külön külön külön? Linkeken hover? Most alá van húzva

View File

@@ -4,27 +4,16 @@ lightbox
og: tag: pluginnal! og: tag: pluginnal!
szerzőnek is paraméter, és kattinható
crop thumbnail a fenti képnél crop thumbnail a fenti képnél
állókép körbefut a szöveg!!!! állókép körbefut a szöveg!!!!
galéria: mobilon fix 2, column számot lehessen használni asztalin galéria: mobilon fix 2, column számot lehessen használni asztalin
képen ne legyen cím
képaláírás ne legyen outline betüs, asztalin csak hoverre képaláírás ne legyen outline betüs, asztalin csak hoverre
címhez scrolloljon címhez scrolloljon
Link:szővgtürzsben csak bedo szín alapján
padding bal oldalt is mint jobb, heading szélesség
Első bekezdés H4, nem bold csak nagy lightbox nyíl: amit máté küldőtt
lightbox nyíl: amitmáté küldőtt
metadata kattintható mind
Hasonló cikkek: Hasonló cikkek:
Ugyanabból a kategóriából a 3 legfrisebb Ugyanabból a kategóriából a 3 legfrisebb
@@ -38,13 +27,18 @@ felgördülő alcím -> pozíciója a kép alsó éléhez igazodik
alapből lehet hogy több látszódjon alapből lehet hogy több látszódjon
Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum Nyitócikkek szövegkifutást pontosítani
Kiscímek Kiscímek
teli betük
ez egész re lehet kattintani, ne csak a cikkre
.vr: néha nagyobb, élsimítás dolgok .vr: néha nagyobb, élsimítás dolgok
Archív rész ne legyen két maszk egymás mellett
Nyitócikkek felgördülő lead hosszát pontosítani
pecsét betűk összecsúsznak
## mobil nézet ## mobil nézet
@@ -55,10 +49,7 @@ képek magassága és maszk
# Kategória oldalak # Kategória oldalak
tag archive: tag archive:
Magyarázat betűméret Magyarázat betűméret, baloldali magyarázó szöveg legyen nagyobb
# menü # menü
főmenu:
no-wrap, kisepp padding a menuitemeken
Mobilon eseményeket felrakni a tetejére

View File

@@ -197,11 +197,6 @@ object {
flex: 0 0 5rem !important; } } flex: 0 0 5rem !important; } }
.wrapper .header .logo object { .wrapper .header .logo object {
height: 5rem; } height: 5rem; }
.wrapper .header .events-link {
display: none; }
@media (min-width: 769px) {
.wrapper .header .events-link {
display: block; } }
.wrapper .header .menubutton { .wrapper .header .menubutton {
order: 99; order: 99;
z-index: 3001; } z-index: 3001; }
@@ -223,12 +218,12 @@ object {
@media (min-width: 769px) { @media (min-width: 769px) {
.wrapper .header .menubutton { .wrapper .header .menubutton {
order: unset; } } order: unset; } }
.wrapper .header .social-link { .wrapper .header .social-link, .wrapper .header .events-link {
margin: 0 2rem 0 0; } margin: 0 2rem 0 0; }
.wrapper .header .social-link.hidden { .wrapper .header .social-link.hidden, .wrapper .header .events-link.hidden {
display: none !important; } display: none !important; }
@media (min-width: 769px) { @media (min-width: 769px) {
.wrapper .header .social-link { .wrapper .header .social-link, .wrapper .header .events-link {
margin: 0; } } margin: 0; } }
.wrapper .header .search-box { .wrapper .header .search-box {
display: none; } display: none; }
@@ -319,24 +314,24 @@ object {
flex: 1 1 50%; flex: 1 1 50%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: nowrap;
height: 100%; height: 100%;
justify-content: space-evenly; } } justify-content: space-evenly; } }
.wrapper .header #sidebar .sidebar-wrapper li { .wrapper .header #sidebar .sidebar-wrapper ul li {
display: block; display: block;
padding-top: 2rem; } padding-top: 2rem; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper li {
padding: 3rem 0; } }
.wrapper .header #sidebar .sidebar-wrapper li a {
font: 900 4rem "Westeinde Caption";
color: #000;
-webkit-text-stroke: #fff 1px; }
.wrapper .header #sidebar .sidebar-wrapper li a:hover {
color: #fff; }
@media (min-width: 769px) { @media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper li a { .wrapper .header #sidebar .sidebar-wrapper ul li {
font-size: 2.5rem; } } padding: 2rem 0; } }
.wrapper .header #sidebar .sidebar-wrapper ul li a {
font: 900 4rem "Westeinde Caption";
color: #000;
-webkit-text-stroke: #fff 1px; }
.wrapper .header #sidebar .sidebar-wrapper ul li a:hover {
color: #fff; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper ul li a {
font-size: 2.5rem; } }
.wrapper .header #tag-nav { .wrapper .header #tag-nav {
display: none; display: none;
position: fixed; position: fixed;
@@ -1370,8 +1365,7 @@ object {
.home main section .home-wrapper-small .archivedescription h2, .home main section .home-wrapper-small .archivedescription h2,
.home main section .home-wrapper-small .archivedescription h2 a { .home main section .home-wrapper-small .archivedescription h2 a {
font-size: 1.5rem; font-size: 1.5rem;
-webkit-text-stroke: #000 1px; color: #000; } }
color: transparent; } }
@media (min-width: 769px) and (min-width: 1279px) { @media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small article h2, .archive main section .home-wrapper-small article h2,
.archive main section .home-wrapper-small article h2 a, .archive main section .home-wrapper-small article h2 a,
@@ -1430,6 +1424,9 @@ object {
.home main section .home-wrapper-small .archivedescription h2 a { .home main section .home-wrapper-small .archivedescription h2 a {
width: calc(100% - 10rem); } } width: calc(100% - 10rem); } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small article,
.home main section .home-wrapper-small article {
cursor: pointer; }
.archive main section .home-wrapper-small .archivetitle, .archive main section .home-wrapper-small .archivetitle,
.home main section .home-wrapper-small .archivetitle { .home main section .home-wrapper-small .archivetitle {
margin: 0 auto; margin: 0 auto;
@@ -1664,7 +1661,8 @@ body.category.category-esemeny main {
.single article .titlewrapper .metadata { .single article .titlewrapper .metadata {
top: -5rem; top: -5rem;
width: 100%; width: 100%;
padding-left: 0; } padding-left: 0;
padding-right: 10rem; }
.single article .titlewrapper .metadata::after { .single article .titlewrapper .metadata::after {
position: absolute; position: absolute;
content: ""; content: "";
@@ -1698,13 +1696,22 @@ body.category.category-esemeny main {
background-color: transparent; background-color: transparent;
min-height: unset; min-height: unset;
top: -5rem; top: -5rem;
position: relative; } } position: relative;
padding-right: 10rem;
padding-left: 0; } }
.single article .single-content { .single article .single-content {
position: relative; position: relative;
padding: 2rem; } padding: 2rem; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single article .single-content { .single article .single-content {
top: -5rem; } } top: -5rem;
padding-left: 0;
padding-right: 10rem; } }
.single article .single-content h4 {
font-weight: 500;
font-size: 2rem; }
.single article .single-content a:hover {
text-decoration: underline; }
.single article .single-content hr { .single article .single-content hr {
height: 1px; height: 1px;
background-color: #ff5f5f; background-color: #ff5f5f;
@@ -1722,15 +1729,16 @@ body.category.category-esemeny main {
.single article .single-content strong { .single article .single-content strong {
font-weight: 900; } font-weight: 900; }
.single article .single-content blockquote { .single article .single-content blockquote {
font: bold 1.8rem "Butler"; font: 800 2rem "Butler";
color: #000; } color: #000;
margin: 3rem 0; }
.single article .single-content blockquote p { .single article .single-content blockquote p {
background: #ff5f5f;
display: inline; display: inline;
padding: 2px 0; padding: 3px 0; }
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; .single article .single-content blockquote cite {
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; position: relative;
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } font-size: 80%;
top: 2rem; }
.single article .single-content .wp-block-image { .single article .single-content .wp-block-image {
padding: 2rem 0; } padding: 2rem 0; }
@media (min-width: 769px) { @media (min-width: 769px) {
@@ -2106,6 +2114,9 @@ body.category.category-esemeny main {
color: #fff !important; color: #fff !important;
-webkit-text-stroke: #fdff00 1px !important; } } -webkit-text-stroke: #fdff00 1px !important; } }
.single .tag-be .single-content a {
color: #fdff00; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single .tag-do .metadata { .single .tag-do .metadata {
color: #fff !important; color: #fff !important;
@@ -2116,6 +2127,9 @@ body.category.category-esemeny main {
color: #fff !important; color: #fff !important;
-webkit-text-stroke: #3c00ff 1px !important; } } -webkit-text-stroke: #3c00ff 1px !important; } }
.single .tag-do .single-content a {
color: #3c00ff; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single .tag-think .metadata { .single .tag-think .metadata {
color: #fff !important; color: #fff !important;
@@ -2126,6 +2140,9 @@ body.category.category-esemeny main {
color: #fff !important; color: #fff !important;
-webkit-text-stroke: #00ffb8 1px !important; } } -webkit-text-stroke: #00ffb8 1px !important; } }
.single .tag-think .single-content a {
color: #00ffb8; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single .tag-love .metadata { .single .tag-love .metadata {
color: #fff !important; color: #fff !important;
@@ -2136,6 +2153,9 @@ body.category.category-esemeny main {
color: #fff !important; color: #fff !important;
-webkit-text-stroke: #ff5f5f 1px !important; } } -webkit-text-stroke: #ff5f5f 1px !important; } }
.single .tag-love .single-content a {
color: #ff5f5f; }
body.hover-tag-be, body.hover-tag-be,
.header-1.hover-tag-be, .header-1.hover-tag-be,
.header-2.hover-tag-be { .header-2.hover-tag-be {

View File

@@ -138,8 +138,8 @@ function dis2019_header_scripts()
wp_register_script('simpler-sidebar', get_template_directory_uri() . '/js/lib/jquery.simpler-sidebar.min.js', array('jquery'), '2.2.5'); // wp_register_script('simpler-sidebar', get_template_directory_uri() . '/js/lib/jquery.simpler-sidebar.min.js', array('jquery'), '2.2.5'); //
wp_enqueue_script('simpler-sidebar'); // Enqueue it! wp_enqueue_script('simpler-sidebar'); // Enqueue it!
wp_register_script('snap-scroll', get_template_directory_uri() . '/js/lib/snap-scroll.min.js', array('jquery'), '1.0.0'); // // wp_register_script('snap-scroll', get_template_directory_uri() . '/js/lib/snap-scroll.min.js', array('jquery'), '1.0.0'); //
wp_enqueue_script('snap-scroll'); // Enqueue it! // wp_enqueue_script('snap-scroll'); // Enqueue it!
wp_register_script('jquery.colorbox', get_template_directory_uri() . '/js/lib/jquery.colorbox-min.js', array('jquery'), '1.0.0'); // wp_register_script('jquery.colorbox', get_template_directory_uri() . '/js/lib/jquery.colorbox-min.js', array('jquery'), '1.0.0'); //
wp_enqueue_script('jquery.colorbox'); // Enqueue it! wp_enqueue_script('jquery.colorbox'); // Enqueue it!
@@ -152,7 +152,7 @@ function dis2019_header_scripts()
'conditionizr', 'conditionizr',
'modernizr', 'modernizr',
'simpler-sidebar', 'simpler-sidebar',
'snap-scroll', // 'snap-scroll',
'jquery.colorbox', 'jquery.colorbox',
'lettering', 'lettering',
), '1.0.0'); // Custom scripts ), '1.0.0'); // Custom scripts

Binary file not shown.

Before

Width:  |  Height:  |  Size: 336 B

After

Width:  |  Height:  |  Size: 476 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 337 B

After

Width:  |  Height:  |  Size: 275 B

View File

@@ -43,7 +43,7 @@
vh: vh, vh: vh,
bottomScrollHeight: bottomScrollHeight bottomScrollHeight: bottomScrollHeight
} }
console.log(cssWidths) // console.log(cssWidths)
/* --------------------------- css values to vars --------------------------- */ /* --------------------------- css values to vars --------------------------- */
@@ -51,7 +51,7 @@
const isMobile = (_ => { const isMobile = (_ => {
if (wow < 769) { if (wow < 769) {
//mobile settings //mobile settings
$('.social-link').addClass('hidden') $('.social-link, .events-link').addClass('hidden')
return true return true
} else { } else {
@@ -59,7 +59,12 @@
} }
})() })()
// checks if body has a class /**
* Checks if body has a class
* @param {string} classname The class to check
* @param {string} notclassname Optional: this classname makes it false
* @returns {boolean} True if body has that class, false if not OR it contains the notclassname
*/
function bodyHasClass(classname, notclassname) { function bodyHasClass(classname, notclassname) {
if ($('body').hasClass(classname)) { if ($('body').hasClass(classname)) {
if (notclassname) { if (notclassname) {
@@ -105,9 +110,9 @@
var showHideSocial = function () { var showHideSocial = function () {
if (isMobile && $('.social-link').hasClass('hidden')) { if (isMobile && $('.social-link').hasClass('hidden')) {
$('.social-link').removeClass('hidden') $('.social-link, .events-link').removeClass('hidden')
} else if (isMobile) { } else if (isMobile) {
$('.social-link').addClass('hidden') $('.social-link, .events-link').addClass('hidden')
} }
} }
@@ -318,13 +323,13 @@
/* ----------------------------- Snap on mobile ----------------------------- */ /* ----------------------------- Snap on mobile ----------------------------- */
if (isMobile) { // if (isMobile) {
if (isHome || isArchive) { // if (isHome || isArchive) {
$("article.post").SnapScroll({ // $("article.post").SnapScroll({
animateDuration: 400 // animateDuration: 400
}); // });
} // }
} // }
/* --------------------------------- To top --------------------------------- */ /* --------------------------------- To top --------------------------------- */
@@ -435,18 +440,21 @@
currElem = homeScroll(currElem, "next") currElem = homeScroll(currElem, "next")
}) })
/* --------------------------- scroll on keyboard --------------------------- */ /* --------------------------- scroll with keyboard --------------------------- */
$('html').keydown(function () { $('html *:not(input)').keydown(function () {
if (!isMobile) { if (!isMobile) {
if (isHome || isArchive) { if (isHome || isArchive) {
//right: if (!$('.search-bar *').is(':focus')) {
if (event.which == 39) { //right and J
event.preventDefault(); if (event.which == 39 || event.which == 74) {
currElem = homeScroll(currElem, "next") event.preventDefault();
// left: currElem = homeScroll(currElem, "next")
} else if (event.which == 37){ // left and K:
currElem = homeScroll(currElem, "prev") } else if (event.which == 37 || event.which == 75) {
currElem = homeScroll(currElem, "prev")
}
} }
} }
} }
}) })
@@ -528,6 +536,13 @@
}); });
} }
/* ------------------------- Click on small articles ------------------------ */
$('article.home-small').click(function () {
let href = $(this).children('a.thumbnailwrapper').attr("href")
window.open(href, "_self")
})
/* ------------------------------ hover on home ----------------------------- */ /* ------------------------------ hover on home ----------------------------- */
//hover on big articles //hover on big articles

View File

@@ -62,8 +62,8 @@
//small titles on desktop on home and archives //small titles on desktop on home and archives
@media #{$smalldesktop} { @media #{$smalldesktop} {
font-size: 1.5rem; font-size: 1.5rem;
-webkit-text-stroke: #000 1px; //-webkit-text-stroke: #000 1px;
color: transparent; color: #000;
} }
@media #{$bigdesktop} { @media #{$bigdesktop} {
font-size: 2.2rem; font-size: 2.2rem;
@@ -90,7 +90,6 @@
@media #{$smalldesktop} { @media #{$smalldesktop} {
font-size: 2rem; font-size: 2rem;
} }
} }
@mixin home-metadata-bevezeto { @mixin home-metadata-bevezeto {
@@ -153,6 +152,11 @@
} }
} }
@mixin single-h4 {
font-weight: 500;
font-size: 2rem;
}
@mixin captiontext { @mixin captiontext {
//képaláírás //képaláírás
font: 900 1rem "Westeinde Caption"; font: 900 1rem "Westeinde Caption";
@@ -161,6 +165,6 @@
} }
@mixin single-quote { @mixin single-quote {
font: bold 1.8rem "Butler"; font: 800 2rem "Butler";
color: #000; color: #000;
} }

View File

@@ -403,12 +403,12 @@ $v-unit-6: 24rem;
height: $h-unit-1; height: $h-unit-1;
} }
} }
.events-link { // .events-link {
display: none; // display: block;
@media #{$smalldesktop} { // @media #{$smalldesktop} {
display: block; // display: block;
} // }
} // }
.menubutton { .menubutton {
$speed: 0.5s; $speed: 0.5s;
@@ -417,8 +417,8 @@ $v-unit-6: 24rem;
order: 99; order: 99;
z-index: 3001; z-index: 3001;
@media #{$smalldesktop} { // @media #{$smalldesktop} {
} // }
button { button {
transform-origin: center; transform-origin: center;
@@ -436,7 +436,7 @@ $v-unit-6: 24rem;
} }
} }
.social-link { .social-link, .events-link {
margin: 0 2rem 0 0; margin: 0 2rem 0 0;
&.hidden { &.hidden {
display: none !important; display: none !important;
@@ -563,20 +563,20 @@ $v-unit-6: 24rem;
flex: 1 1 50%; flex: 1 1 50%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: nowrap;
height: 100%; height: 100%;
justify-content: space-evenly; justify-content: space-evenly;
} }
}
li { li {
display: block; display: block;
padding-top: 2rem; padding-top: 2rem;
@media #{$smalldesktop} { @media #{$smalldesktop} {
padding: 3rem 0; padding: 2rem 0;
} }
a { a {
@include menutext(); @include menutext();
}
} }
} }
} }
@@ -1170,6 +1170,10 @@ $v-unit-6: 24rem;
} }
} }
} }
article {
cursor: pointer;
}
.archivetitle { .archivetitle {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
@@ -1405,6 +1409,7 @@ body.category.category-esemeny {
// width: calc(100% - #{$h-unit-1}); // width: calc(100% - #{$h-unit-1});
width: 100%; width: 100%;
padding-left: 0; padding-left: 0;
padding-right: $h-unit-2;
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left); @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
@@ -1416,6 +1421,8 @@ body.category.category-esemeny {
min-height: unset; min-height: unset;
top: -#{$h-unit-1}; top: -#{$h-unit-1};
position: relative; position: relative;
padding-right: $h-unit-2;
padding-left: 0;
// //position: fixed; // //position: fixed;
// // height: 100vh; // // height: 100vh;
// bottom: 0; // bottom: 0;
@@ -1438,6 +1445,16 @@ body.category.category-esemeny {
padding: $padd; padding: $padd;
@media #{$smalldesktop} { @media #{$smalldesktop} {
top: -#{$h-unit-1}; top: -#{$h-unit-1};
padding-left: 0;
padding-right: $h-unit-2;
}
h4{
@include single-h4()
}
a:hover{
text-decoration: underline;
} }
hr { hr {
@@ -1464,11 +1481,19 @@ body.category.category-esemeny {
blockquote { blockquote {
@include single-quote(); @include single-quote();
margin: 3rem 0;
p { p {
background: #ff5f5f; // background: #ff5f5f;
display: inline; display: inline;
padding: 2px 0; padding: 3px 0;
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); // @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
}
cite{
position: relative;
font-size: 80%;
top: 2rem;
} }
} }
@@ -1540,7 +1565,7 @@ body.category.category-esemeny {
} }
#colorbox { #colorbox {
z-index: 12; z-index: 12;
&:focus{ &:focus {
border: none; border: none;
outline: none; outline: none;
} }
@@ -1552,7 +1577,6 @@ body.category.category-esemeny {
color: transparent; color: transparent;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
#cboxCurrent { #cboxCurrent {
display: none !important; display: none !important;
@@ -1572,14 +1596,14 @@ body.category.category-esemeny {
filter: invert(100); filter: invert(100);
z-index: 14; z-index: 14;
} }
&#cboxPrevious{ &#cboxPrevious {
left: 1rem; left: 1rem;
@include transform(scaleX(-1)) @include transform(scaleX(-1));
} }
&#cboxNext { &#cboxNext {
right: 1rem; right: 1rem;
} }
&#cboxClose{ &#cboxClose {
background-image: url(../img/dis-plus.svg); background-image: url(../img/dis-plus.svg);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
@@ -1699,6 +1723,11 @@ body.category.category-esemeny {
} }
} }
} }
.single-content{
a{
color: $color;
}
}
} }
$color-be: #fdff00; $color-be: #fdff00;
$color-do: #3c00ff; $color-do: #3c00ff;

View File

@@ -18,11 +18,6 @@
<?php endif;?> <?php endif;?>
<!-- /post thumbnail --> <!-- /post thumbnail -->
<div class="titlewrapper"> <div class="titlewrapper">
<div class="metadata"> <div class="metadata">
<div class="time-cat"> <div class="time-cat">
@@ -34,7 +29,11 @@
$terms = get_the_terms( $post->ID, 'Format' ); $terms = get_the_terms( $post->ID, 'Format' );
if ($terms && ! is_wp_error( $terms )) { if ($terms && ! is_wp_error( $terms )) {
foreach($terms as $term) { foreach($terms as $term) {
echo $term->name; ?>
<a href="<?php echo esc_url(get_term_link( $term));?>">
<?php
echo $term->name;
echo '</a>';
} }
} ?> } ?>
</div> </div>