キューピー コーワ I ドリンク 口コピー | 【獣医師監修】犬のジャンプは危険！？リスクとやめさせるためのしつけを紹介|わんクォール
12%)" href=">「ブログのノウハウ」をもっと見る
12%)" href=">「ブログのノウハウ」をもっと見る
」の順に進めます。 最初のCSSはもうコピペしたので必要ないです。 メニューの調整用のCSSを以下に変更します。(画面幅を見やすくするのと、スクロールできるように). p-nav {
height: 78%;
width: 100%;}. p-nav ul{
padding: 0 7% 1%;}. p-nav {
min-height:120px;}. p-nav li a:before{
content:unset;}. p-nav ul li a {
padding: 0. 3em 1em 1em;}
@media screen and (min-width: 768px) {
a img{
display:none;}}
メニューの設定では、まず右上の「表示オプション」をクリックして、「説明」にチェックを入れます。
メニューに載せたいページを追加し、それぞれの設定で「ナビゲーションラベル」は
を付けます。 そして説明のところに JINアイコン の下側のコードを入力します。
最後に「グローバルナビゲーション」のみにチェックを入れます。
ヘッダのグローバルナビゲーションが多くなって見ずらい場合、非表示にする。
グローバルナビゲーションのヘッダは以下をCSSに追加することで非表示にできます。
#nav-container {
以上で完了です。
まとめ
以上が方法になります。
僕と同じようにしてみたい方は参考にしてみてください。
ひとつ課題があるとしたら、おすすめの記事は自動でなく手動で設定しているので、ここもpで取得して表示させる方法があれば、より手軽だと思います。
最初にも書きましたが、ブログが見やすくすると、 クリックされやすくなり ますし、 初心者から進んだ ような気持になります。
ぜひ一度お試しください。
」の通りに進めます。 変更点は下記です。 ・Step1のCSSに以下を追加します。ブログカードの「続きを読む」を消しています。元々ない方は飛ばしてください。 { display:none;} ・Step2のコードを下記に変更する。(そのままだと何か上手くいかなかったので変更) /* 最新記事取得 */ function new_list_func($atts){ global $post; $arg = array( 'posts_per_page' => 4, 'orderby' => 'date', 'order' => 'DESC', ); $posts = get_posts($arg); foreach($posts as $post): setup_postdata($post); $str. = get_permalink(); $str. ="\n"; endforeach; wp_reset_postdata(); return $str;} add_shortcode('new_list', 'new_list_func'); ・またカテゴリ別の最新記事を取得するためにStep2のコードに下記を追加 /* カテゴリ別最新記事取得 */ function cat_list_func($atts) { extract(shortcode_atts(array( "cat" => '', "num" => ''), $atts)); $posts = get_posts('numberposts='. $num. '&order=DESC&orderby=date&category='. $cat); add_shortcode('cat_list', 'cat_list_func'); ・Step3のカスタムHTMLを以下に変更 h1見出しにしてるのは、普段僕がh1見出しを使用していないので、CSSの変更をし易かったからです。 new_listは新着記事を取得します。 cat_list cat="(カテゴリページのID)" num="(いくつ載せるか)"はカテゴリページから記事を取得します。新着記事
new_list ←両側に[]をつけてください