おさいフル

au経済圏にどっぷりはまる。 auスマホ、auPAYクレジットカード、auPAYスマホ決済、auPAYマーケット、auじぶん銀行、三菱UFJ eスマート証券(旧auカブコム証券) などを愛用してPontaポイントをフル活用中です。

Wordpress SNSボタン非表示

ワードプレスCocoon

2025/7/19

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

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

Wordpress 日付非表示CSS

ワードプレスCocoon

2025/7/19

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

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

no image

ワードプレスCocoon

2025/7/19

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

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

ワードプレスコクーン表示設定ページ

ワードプレスCocoon

2025/7/19

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

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

カテゴリーのアイキャッチ画像

ワードプレスCocoon

2025/7/19

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

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

簡単サイト型ホームページ 作り方

ワードプレスCocoon

2025/7/19

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

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

特定ページのタイトルを非表示にするCSS Wordpress

ワードプレスCocoon

2025/7/19

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

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

Wordpressコクーン リストをボックスで囲む

ワードプレスCocoon

2025/7/19

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

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

目次非表示CSS Wordpress

ワードプレスCocoon

2025/7/19

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

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

HTML,CSSなしホームページ  Wordpress

ワードプレスCocoon

2025/7/19

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

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

旭川 旭山動物園 バス

旭川

2025/7/19

旭川駅から旭山動物園へのバスでの行きかた。スイカは使える?バス乗り場、所要時間、入園券をお得に買う方法も

はじめに(予約とICカードについて) 旭山動物園行きのバスの予約は必要ありません。 そして、2025年2月現在SuicaやPASMOなどの交通系ICカードは利用できません。(旭川を走るバスで使用できる Asacaカード、Doカード は利用可能です。) このようなバスに乗っていきます。 旭山動物園のラッピングバスもできました! 旭山動物園行きのバス乗り場(旭川駅) 上の写真は旭川駅の東改札口を出たところです。イオンモール旭川駅前と反対側の改札です。そして左側を向くと… 北口(東側)と書いてある出口があります ...

旭川電気軌道バス 旭川  乗り方 Suica

旭川

2025/7/19

旭川でスイカ・パスモは使える?旭川での電車やバスの乗り方

旭川はSuicaやPASMOで電車もバスも乗れません… そうなのです。旭川では残念ながらどちらの交通系ICカードも使えません。(電子マネーとしてコンビニなどでの支払いには使用できます。) 電車とバスに分けてご紹介します。 旭川の電車事情 旭川ではSuicaで改札通れません 新千歳空港や札幌から旭川まで電車でいらっしゃる方、乗る時にSuicaで乗らないように注意してください。 下の画像はJR旭川駅の自動改札機です。少し遠いですがSuicaをタッチする所がないのがお分かりになりますか? 旭川駅の自動改札機はS ...