投稿を並べる
スタイル
.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" /]
設定→投稿設定
新しい投稿があった場合に、書いておいたサイトへ通知を行ってくれるサービス
詳細はこちら
WP Google Mapsを使うとサイトの言語に合わせたマップにしてくれる。
プラグイン使い方の参考サイト
小さなお店&会社のWordPress超入門 技術評論社 ISBN978-4-7741-8218-6
- ホームページを作る前に知っておきたいこと
- ホームページを作る準備をしよう
- テーマを設定して外観を整えよう
- 文章と写真を投稿しよう
- 会社概要やアクセスページを作ろう
- お問合せフォームを作ろう
- メニューやサイドバーをカスタマイズしよう
- ホームページの運営に役立つテクニック
パソコン教室に併設している横浜WordPressスクールのために購入。
Google Chromeで印刷時のCSSを見る方法
右上の点のところをクリック
More tools→Rendering→Emulate CSS Media
参考サイト
ホームページビルダークラシックにて、パンくずリストの表示を変える場合はページの属性からできる。
例)トップページ>プロフィール
Top>プロフィール
ビジュアルエディタで空白を有効にする場合、TinyMceの設定を変える。
Stop removing the <p> and <br /> tags when saving and show them in the Text editor
チェックを入れる。
以下のオプションを選択して、先頭空白文字を保持。
エディター設定
保存時に <p> と <br /> タグを削除せず、テキストエディタ上に表示する テキストエディターの自動補完を停止し、より高度なコーディングが可能です。 しかし、まれに予想できない振る舞いをするため、常用前に充分テストを行ってください。 なおテキストエディター内での改行は出力に含まれます。このため空の行や HTML タグ内の改行、複数の <br /> タグは使用しないでください。
エンジニアのためのWordPress開発入門 アーキテクチャを熟知し、脱・自己流コーディングを実現する」 技術評論社がパソコン教室に到着しました。