2025/9/18

[Cocoon2023]ワードプレス簡単リストアイコンカスタマイズCSS変更なし！

エディタはGutenberg(グーテンベルグ)、テーマはCocoon こちらはWordpress5.5の新エディタGutenberg（グーテンベルグ）を使用しての記事の書き方になります。テーマはCocoonを使っています。それでは具体的にご説明していきます。ワードプレスCocoonの標準リスト表示グーテンベルグエディタでのリストの出し方リストのボタンは下の画像、ワードプレス投稿編集画面の左上か右横の〇(⊞マーク)を押して探します。右上の⊞マークを押した場合右横の⊞マークを押した場合右の⊞を ...

ワードプレスCocoon

2025/9/18

[Cocoon]アイキャッチ画像を非表示にするCSSは?WordPress

はじめに…　一番簡単な方法かと思いますアイキャッチ画像を非表示にする方法はいろいろあります。しかし、『外観→テーマエディター→CSSエディター』や『外観→カスタマイズ→追加CSS』で編集すると記事のIDを調べる手間が増えます。そしてエディターはできるだけすっきりさせておいたほうが良いと思うので(CSSエディターには他に書かなければいけないことがたくさんあり分かりづらくなる可能性があるので)、今回は別のところで設定する方法をご紹介します。簡単です！アイキャッチ画像が不要なページとはサイト型(ホーム ...

ワードプレスCocoon

2025/9/18

[Cocoon]特定のページでSNSボタンを非表示にする方法CSSで簡単

はじめに　一番簡単な方法かと思います SNSボタンを非表示にする方法はいろいろあります。『外観→テーマエディター→CSSエディター』や『外観→カスタマイズ→追加CSS』で編集する方法もありますが、記事のIDを調べる手間が増えます。そしてエディターはできるだけすっきりさせておいたほうが良いと思うので(CSSエディターには他に書かなければいけないことがたくさんあり、分かりづらくなる可能性があります)、今回は別のところで設定する方法をご紹介します。簡単です！ SNSボタンが不要なページとはホームページ風の ...

ワードプレスCocoon

2025/9/18

[Cocoon]特定ページで日付,投稿日を非表示にするCSSは?WordPress

日付、投稿日を非表示にする必要があるの？サイト型のトップページ (ホームページ) を作る時やプライバシーポリシーページを作る際には日付、投稿日を表示したくないと思われるかたもいらっしゃると思います。そういったときに役立つ方法です。日付、投稿日を非表示にするCSSはこちら！ .date-tags { display: none; } 日付、投稿日を非表示にするCSSを貼りつける場所日付を非表示にしたい投稿画面の一番下に『カスタムCSS』と書かれているところがあります。記入できる状態になっていない時は ...

ワードプレスCocoon

2025/9/18

[Cocoon]新着記事一覧でなくおすすめ記事一覧の作り方

【補足】ワードプレスCocoonで新着記事、人気記事一覧はどうやって作るの？新着記事一覧や人気記事一覧の作り方をご存知の方は飛ばしてください。新着記事一覧でなくおすすめ一覧の作り方文章を入力する状態にしておいて投稿画面の上の</>マーク(『ショートコード』)を選択するだけでできてしまいます。ものすごく簡単です。ためしに『新着記事一覧』を選択してみると下のような文字が出てきます。この状態でプレビューボタンを押してみてみるとしっかりと新着記事一覧ができています。これだけです！ワードプ ...

ワードプレスCocoon

2025/9/18

[Cocoon]特定のページをトップページに固定する方法WordPress

トップページは固定ページで作成トップページに固定したいページを『ダッシュボード→固定ページ→新規追加』で作成します。ダッシュボード→設定→表示設定ダッシュボード→設定→表示設定を選択します。表示設定ページ『表示設定』ページの『ホームページの表示』から『固定ページ』を選択。『固定ページ』のすぐ下の『ホームページ』の右の〇をクリックしてトップに固定したいページを選択します。さいごにページ下にある『変更を保存』をクリックして完成です。おわりに今回ご紹介した方法は、ホームページ風のトップページ( ...

ワードプレスCocoon

2025/9/18

[Cocoon]カテゴリ－にアイキャッチ画像を設定する方法ワードプレス

サイト型のトップページなどでアイキャッチ画像は必要普段カテゴリに画像を設定する必要性をそこまで感じないかもしれませんが、サイト型(ホームページ風)のトップページを作る時などに必要になってきます。例えば下の画像は私のブログのトップページですが、カテゴリに画像を設定していないとこのようになってしまいます。私は画像が何も選択されていない“NO IMAGE”のときには当サイトのロゴを表示するように設定していますので上の雲のような絵が出てきますが、そちらも設定していない時には上の画像のような素っ気ない表 ...

ワードプレスCocoon

2025/9/18

[Cocoon]簡単サイト型ホームページの作り方CSS,HTML不使用WordPress

エディタはグーテンベルグ、テーマはCocoon ワードプレスのGutenberg（グーテンベルグ）エディタ、テーマはCocoonを使用しての記事になります。ワードプレスもバージョンアップして表示様式なども日に日に変わっているので、この記事は2021年8月に加筆修正しています。 cocoonサイト型ホームページの例1 HTMLもCSSも使わずに作ったサイト型ホームページの例を2つご紹介します。私のブログのトップページは下のようになっています。　(現在は変更しています。) 簡単サイト型ホームページの作り方 ...

ワードプレスCocoon

2025/9/18

[Cocoon]特定ページのタイトルを非表示にするCSSは？WordPress

エディタはグーテンベルグ、テーマはコクーン Gutenberg（グーテンベルグ）エディタ、テーマはCocoonを使用しての記事になります。タイトル非表示は空欄にすればいいだけじゃないの？タイトルを空欄にしてもCSSで消すのと同じようにすることができます。が、そのページへのリンクを貼った時に下のような状態になってしまいます。しかし、タイトルを書いておいてCSSで消すと… 実際のページはこちらから [Cocoon]簡単サイト型ホームページの作り方CSS,HTML不使用WordPress 違いがお分かりに ...

ワードプレスCocoon

2025/9/18

[Cocoon]リストをボックスで囲みたい,ボックスの作り方。ワードプレスならHTML不要

ボックス風のリストとは例えばこのような感じのものです。この他にもボタン１つで色々なボックスを呼び出すことができます。CSSもHTMLも使いません。『お名前.com』などのドメインを利用している方 XサーバードメインならXサーバーと一元管理できてかなり便利ですエックスドメインキャンペーン中さらにこのようなことまでボタンで簡単にできてしまいます。『お名前.com』などのドメインを利用している方 XサーバードメインならXサーバーと一元管理できてかなり便利です https://osaifull.com ...

ワードプレスCocoon

2025/9/18

[Cocoon]目次を非表示にするCSSは?WordPress

エディタはGutenberg、テーマはCocoon 今回ご紹介するのはワードプレスのCocoonでグーテンベルグ(Gutenberg)エディタを使用しての設定方法です。目次非表示はプラグイン不使用プラグインは使用せずにCSSにコードをちょこっと追加するだけなので簡単です！ページの種類によって目次非表示方法が変わります(2種類) ①固定ページと②投稿ページ　に分けてご紹介します。 ①固定ページの目次非表示固定ページはCSSを追加するまでもなくチェック✓を入れるだけなのですぐにできます。投稿記事作成 ...

ワードプレスCocoon

2025/9/18

[Cocoon]記事や画像を横並びに表示するには？WordPress

使用エディタはGutenberg（グーテンベルグ）こちらはWordpress5.5の新エディタGutenberg（グーテンベルグ）を使用しての記事の書き方になります。テーマはCocoonを使っています。それでは具体的にご説明していきます。画像を横並びにするにはカラムを使う今回ご紹介するのはこのような構成の作り方です。Wordpressのおすすめテーマを2つ並べてみました。画像横並びカラムの作り方画像を横並びにする作り方はとても簡単です。記事作成画面の左上の⊞のマーク、もしくは右の⊞マークを ...

« Prev 1 … 7 8 9 10 Next »

Pontaポイ活！貯めて増やす！

おさいフル