<?php echo do_shortcode('[ショートコードの文字列]'); ?>

クリック・タッチイベントを無効化したい要素に以下のcssを指定すればOKです。
pointer-events: none;

初期値はautoなので挙動を戻したい場合は
pointer-events: auto;
で戻ります。

下記のcssを対象の要素に追記してください◎
a{
word-break: break-all;
}

background-color: transparent;

none;ではうまくいかないので注意

文字数を30文字で制限して、30文字以上なら省略して…を表示させる

上付き文字

vertical-align: super;

下付き文字

vertical-align: sub;

text-shadow: 2px 2px 3px rgba(0,0,0,0.6);

<img src=”<?php bloginfo(‘template_directory’); ?>/assets/img/”>

投稿の本文を表示するには、the_content()を使用します。タグを出力せず、文字列として取得するには、get_the_content()を使います。
get_the_contentは文字列なので、表示させるにはechoが必要です。

&ensp;：半角スペースより少し広い空白
&emsp;：全角スペースとほぼ同じ大きさの空白
&thinsp;：&nbsp;の空白より小さい空白

See the Pen
by nanami (@nanami_po)
on CodePen.

リンク範囲を要素幅いっぱいにするためaタグにdisplay: block;を指定しがちですが、これだと要素が含まれる幅の全体がリンク範囲になってしまいます。

画像要素のみにリンク範囲を設置したい場合は、aタグにdisplay:inline-block;を指定しましょう。

ちなみに画像を画面の中央に配置したい場合、imgはインライン要素なのでブロック要素で囲みtext-align: center;を指定してあげるとうまくいきます。

See the Pen
by nanami (@nanami_po)
on CodePen.

どれも表示結果は同じになるので、書きやすい方法で記述すればOK

｛｝で書くパターンと：で書くパターンがあります。
：で書く場合は閉じタグの<?php endif; ?>が必要です。

‘post_type’ => ‘xo_event’
にするだけ。
他の表示は通常の投稿と同じように記述すればOK

See the Pen
by nanami (@nanami_po)
on CodePen.