テキストエディタBracketsでタブ、スペースを表示する拡張機能を追加する方法です。

右の拡張機能のボタンを押して、検索ボックスに「全角空白・スペース・タブ表示」と入力。

インストールすれば使えます。

詳しく紹介しているサイト

.form-control {
width: 80%;
float: left;

}

ワードプレス教室の授業準備メモ

以前まで使っていた拡張CSS（ Enhancing CSS）は使用できないため、Simple CSSを使用する。

ワードプレス・プラグインを有効化した後、外観からアクセスできる。

HTML/CSS編集にはVisual Studio Code（vscode）を使いましょう

スタッフ用ノートパソコンに導入済みです。

日本IBM出身
ホームページビルダー元開発責任者
鎌田裕二責任指導
横浜市鶴見区のパソコン教室⇒
お問い合わせ TEL:045-567-8393

【開校15年 総受講生 1,800名以上】

小学生から90才まで通学実績有

投稿を並べる

スタイル

/*Display Posts Shortcode横並び160px*/
.display-posts160 ul.display-posts-listing li {
width: 160px;
display: inline-block;
vertical-align: top;
font-size: 13px;
margin: 0;
padding: 6px;
}

.display-posts ul.display-posts-listing li img {
display: block;
padding: 2px;
}

ショートコード

<div class=”display-posts160″>
[display-posts post_type = “diary” image_size=”thumbnail” include_excerpt=”false” orderby=”menu_order” order=”ASC” taxonomy = “diary-category” tax_term = “event”]
</div>

参考サイト

ショートコード一覧

使用例

おまけ

[arve url="https://youtu.be/yUCFRL43Zm4" /]