ワードプレスで子テーマを作らずに、カスタム投稿の投稿ページ用のテンプレートをプラグインで適用する方法
カスタム投稿の投稿ページをカスタマイズしたいとき、どうする ここからが本題です。 カスタム投稿「books」で作った投稿ページは、通常の投稿と同じ見せ方ではなく、タイトルの位置やアイキャッチの配置など、オリジナルな内容にしたいこともあるはずです。・・・何というか、投稿ページ別にオリジナル性をもたせるために、カスタム投稿を作る選択をしている人も多いはず。 「子テーマを作ることを前提」としたカスタマイズはあるけど・・・ カスタム投稿の投稿ページをオリジナルなものにしたい場合、テンプレートファイル「single-{post-type}.php」を作って子テーマ内に入れておけば OK です（「なんでそんなファイル名なの？」と疑問の方は テンプレート階層のページ を参考ください）。 なので、投稿タイプ「books」の場合、テンプレートファイル「single-books.php」を作り、子テーマ内に入
【診断に使える】YES・NOチャートをWordPressで作る
Twitterでたまにトレンドに入る「診断メーカー」や「診断ドットコム」のような診断ツールをブログにも取り入れたい！ そう思い作ったのがこちら。 30秒診断 あなたの余命はあと何年！？ ※結果はフィクションです 1.運動は週にどのくらい行ってますか？ 毎日 週2〜3回 ほとんどしていない 2.脂っぽい食べものはどのくらい食べますか？ 毎日 週2〜3回 ほとんど食べない 2.脂っぽい食べものはどのくらい食べますか？ 毎日 週2〜3回 ほとんど食べない 2.脂っぽい食べものはどのくらい食べますか？ 毎日 週2〜3回 ほとんど食べない 3.睡眠時間はどれくらいですか？ 6時間以下 6〜8時間 8時間以上 3.睡眠時間はどれくらいですか？ 6時間以下 6〜8時間 8時間以上 3.睡眠時間はどれくらいですか？ 6時間以下 6〜8時間 8時間以上 3.睡眠時間はどれくらいですか？ 6時間以下 6〜8時
プルス｜ブロックエディタのカスタマイズサイト
必須プラグイン ※WordPress5.0以上必須。5.5推奨です。 インストールする前に必ず5.0以上にして下さい。
SEMrushの使い方。まるで無料版aHrefs。 - 中古ドメイン騎士 オーラン
orank.net 2024 著作権. 不許複製 プライバシーポリシー
【30通り以上！】Cocoonカスタマイズ！コピペで簡単！
詳細 今ココ！がわかる順序を表すタイムラインをHTMLとCSSで作る 通知エリアを二つにする 詳細 通知エリアを2つにする方法 メニューをカスタマイズ！PCのグローバルメニューをオシャレかつ利便性アップ！ PCのグローバルメニューを上部に固定し、追尾させるカスタマイズです。 詳細 【Cocoon】ヘッダーメニューをオシャレにカスタマイズ！上部に固定追尾！ スマホ時にヘッダー&メニューを固定する！ スマホでスクロール時にヘッダーを固定追尾させるカスタマイズです。 下スクロール時に隠れ、上スクロール時に表示されます。 詳細 【Cocoon】スマホでヘッダーを固定追尾！メニューも開けるようにする！ スマホ時にメニューを横スクロールできるようにする よく見るタイプのメニューのカスタマイズ方法です。 詳細 Cocoonのスマホメニューをカスタマイズ！コピペ可！横にスクロールできるようにするよ！ コメ
【Cocoon】コピペで簡単！タイトル入力可のおしゃれなボックスを作る！
<div class="box1-green"> <div class="box-title">ここにタイトルを入力します</div> <p>ここにコンテンツを入力します。</p> </div>.box1-green{ margin: 2em auto; /* ボックスの余白 */ background: #eef8f3; /* ボックス背景色 */ border-radius:4px; /* ボックス角丸 */ max-width:600px; /* ボックス横幅 */ padding: 3.5em 2em 1.5em; /* ボックス内側余白 */ position:relative; /* 配置に関するもの(ここを基準に) */ } .box1-green .box-title { background: #58be89; /* タイトル背景色 */ color: #fff; /*
Cocoonのモバイルフッターメニューをヘッダー固定にカスタマイズ【実装されました】
/* モバイルフッターメニューをヘッダー固定にする ===========================================*/ .mobile-menu-buttons { min-height: 40px; top: 0; bottom: auto; padding-bottom: 0; align-items: stretch; transition: .3s; } .mobile-menu-buttons .menu-button .menu-button-in { height: 100%; display: flex; flex-direction: column; justify-content: center; } /* #homeをタイトル画像に */ .mobile-menu-buttons .home-menu-button>a { min-width:
Cocoonで使える[ショートコード]のオプションと使い方まとめ
Cocoonで使えるショートコード＋オプション一覧と、使い方が掲載されている公式ページへのリンク集的なまとめです。 便利な機能がたくさんあって流し見でこんな機能あったのか～！なんて発見もあるかもしれません。
![Cocoonで使える[ショートコード]のオプションと使い方まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4005bb2975ba433f0d94016411b8eead92ff64cc/height=288;version=1;width=512/https%3A%2F%2Fweb.monogusa-note.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F03%2Feyecatch-cocoon-shortcode.png)
意図した記事一覧を作成できる「ナビカード」ショートコードの使い方
Cocoonの本文中や、サイドバー等に「自分の表示させたいリンク」をカード形式で表示できるナビカードショートコードを実装しました。 Cocoonには、「新着記事」や「人気記事」ウィジェットはあります。 けれどこれは、テーマが並び順に従って自動生成するものなので、ユーザー側が表示を制御するには複雑なカスタマイズをする必要があります。 なので
Cocoon Blocksの現在の対応状況
Cocoon Blocks プラグインはテーマ内に組み込まれました。プラグインを利用している場合は無効にしてください。 Cocoonインライン Cocoon 1.7.2より、ドロップダウン形式で装飾を選べるようになりました。 「文字」リスト 太字（strongタグではなくboldクラスで指定したもの） 吾輩は猫である。名前はまだ無い。 赤字 吾輩は猫である。名前はまだ無い。 赤太字 吾輩は猫である。名前はまだ無い。 青字 吾輩は猫である。名前はまだ無い。 青太字 吾輩は猫である。名前はまだ無い。 緑字 吾輩は猫である。名前はまだ無い。 緑太字 吾輩は猫である。名前はまだ無い。 キーボードキー 文字をコピーするには Ctrl + C キーを押してください。 貼り付けをするには Ctrl + V キーを押してください。 ※Windows 打消し線（delでなくsタグを用いた訂正の意味があるもの
文字の配色テクニック：透明度を使った配色とその応用
Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 18 Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 21 Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango
SimplicityにおけるAMPの目次デザインを変更する方法
本サイトはSimplicityの機能を利用して、比較的簡単にAMP対応が完了しました。 参考 SimplicityでAMP適用前とAMP適用後に確認した8個のこと ただし、AMPの仕様でデザインはかなりシンプルなものになります。特に目次について「Table of Content Plus」を使用していると、かなり読みづらいデザインとなってしまいます。今回はAMPページの目次のデザインを変更しました。 デフォルトのままだと、このようなデザインですが、 もう少し見やすくなるよう、このように変更しました。 作業時間はコピペするだけですので、約1分です。 AMPページの目次のデザインに悩んでいる方の参考になれば幸いです。 Table of Contents PlusのAMPデザインを変更する方法本サイトは、Table of Contents Plus(TOC+)を使って目次を自動生成しています。W
2017年版個人的ベスト｜CSSフォント指定WIN、MACでキレイに表示（ゴシック、明朝）
ホーム > Webマーケティング > ホームページ制作関連 > 2017年版個人的ベスト｜CSSフォント指定WIN、MACでキレイに表示（ゴシック、明朝） 公開日：2017年3月24日最終更新日：2019年4月14日 : ホームページ制作関連 WEB制作者として、頭を悩ます問題あるあるとして、フォント指定（文字）があります。 まったく同じホームページを見ていても、フォントが違うだけで見づらく感じることもあれば、高品質な印象にすることもできます。 Web上の情報伝達は、文字、デザインなど色や写真などを含めた全体でユーザーに伝えますが、その中でもまず始めに必要となるものが文字情報です。 どのような記述でフォントを指定すれば、WIN、MAC、スマホ、各種ブラウザで文字をキレイに表示させることができるのか、2017年現在の個人的なベストを考えてみたいと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nomad Code｜コピペで使えるブログカスタマイズツール
WordPress無料テーマCocoonでカスタム投稿タイプを追加する方法 | GT-GT
【Cocoon（コクーン）】拡張スタイル・ショートコード一覧
記事装飾用の拡張スタイル | Cocoon
SEMrushの使い方。まるで無料版aHrefs。 - 中古ドメイン騎士 オーラン
ものぐさWEBノートについて
ちょきんスタイル | 貯金0の浪費家OL→貯金1,000万→彼と結婚までのお金の話
