20230822

Add course block with Pods

20230710

Add a permalink to faculties’ portrait.

<a href="{@permalink}">faculties' portrait</a>

20230618

Move the Pods style to Customizing Additional CSS:

/* Pods style */
/* ---homepage professor--- */
	.f-professor-name-small-screen-padding {
			padding-top: 32px;
		}

@media (max-width: 782px){
	.f-homepage-professor-figure {
		margin: auto;
	}
	.f-pod-small-screen-text-algin-center {
		text-align: center;
		}	
	.f-professor-mail-algin-center {
		justify-content: center;
		}
	.f-professor-name-small-screen-padding {
		padding-top: 0;
		}
	}
	

Update the footer middle block style to fit the responsive layout.

/* footer F space */
@media (max-width: 782px){
.f-design-footer {
	margin-left: 1.2rem;
	text-align: left;
}

202306017

/* 取消H强制大写 */

h1, h2, h3, h4, h5, h6 {
	text-transform: none;
}

20230302

footer optimizing for align start with copyright.

/* footer freezhao space */
.f-design-by-footer {
	margin-left: 1.2rem;
}

20230301

让archor的点击滑动效果smooth。

/* smooth move */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html{
    scroll-behavior: auto;
  }
}

How to add Scroll Offset

Add a bit of margin to your scroll targets so they aren’t stuck to the very top of the screen.

/* offset of 50 pixels for any element with an ID attribute */

*[id] {
    scroll-margin-top: 50px
} Code language: CSS (css)

Alternatively, you could just target specific elements with an ID. Like this:

/* set a scroll offset for any H2 or H3 element with an ID */

h2[id], h3[id] {
    scroll-margin-top: 50px
} Code language: CSS (css)

How to add Anchor Links in WordPress (including smooth-scroll)

before

pods 想要不换行，不显示，自动添加标签，可以利用这个方法：

The magic tag format is

{@column_name[,display_helper][,before_text][,after_text]}

So, If you don’t have a help, just leave that position blank.

For example, you will print your content field inside a container div element if the field has data, else, do nothing you code will be like this:

{@content,,<div class=”item-container”>,</div>}

Pods CMS – The correct way to hide empty fields

[if] [/if]相关解释：https://docs.pods.io/displaying-pods/template-tags/if-conditional-tag/#page-header-1347