表示

ノウハウ(便利な方法)

横並びとカラム

「横並び」は行ブロックの中に配置した他のブロックを横並びにレイアウトすることができます。列幅は自動的に調整されるようです。 何ができるかな?自由な表が作れるか? 幅の調整は? どのくらいの幅にできるか?自動で調整されるようです。 表にできる...
ノウハウ(便利な方法)

PDFファイルをそのまま表示させたい

通常PDFファイルはダウンロードさせるのが一般的ですが、そのまま表示させたい場合があります。 そのような時に便利なのが「PDF Embedder」というプラグインです。 プラグインをダウンロードして有効化すると編集ブロックに「PDF Emb...
表示

dateショートコードのformatオプション

日時の表示方法はいろいろ変更できます。 dateショートコードのformatオプションを使う場合は、 formatに「日付と時刻の書式」を記入してください。 入力例:format="Y-m-d H:i:s" 入力例:format="m月" ...
ノウハウ(便利な方法)

記事一覧の表示方法

アイキャッチ使用3列表示 Cocoonで投稿一覧を表示するショートコード *以下のショートコードを記入します。 [new_list count=3] ⇒ count=3で3個だけ表示 *大きなサムネイルで表示させたい時 [new_list ...
お試し

動画のアップと自動再生

動画はフォトのビデオエディターとかで作成してmp4形式で保存します。 ワードプレスで動画を挿入します。 最初は「プレイバックコントロール」だけがONになっているので、動画下に最初に表示されるコントロール(三角のスタートボタンなど)を表示して...
表示

テーブルの体裁

Gutenbergエディタ標準ブロックのテーブルブロック、基本となるデザインが2つしか用意されていなかったり、下の表のように列の幅が自動調整されるようになっていたり、逆に固定幅にすると列の幅が均等になって見栄えが悪かったり、文字の大きさが変...
表示

スキンの変更

Cocoonでは、ウィジェットやテーマ設定を変更せず、外観のみ変更出来るように、スキン機能というものがあります。洋服を着替える感覚でサイトの外観を変更できます。 Cocoon設定 WordPress管理画面から「Cocoon設定」を選択、ス...
表示

グローバルメニューをトップに

グローバルメニューをヘッダーの一番上に持っていき、常に表示させる方法。 メニューのタブを選択します。ヘッダーレイアウトで「センターロゴ(トップメニュー)」を選びます。ヘッダーの固定で、□ヘッダーを固定するにチェックを入れます。
表示

ボックスメニューのアイコン

ボックスメニューのアイコンの変更方法です。 「外観」>「ウィジェット」 で「コンテンツ上部」に「ボックスメニュー」を入れることができますが、アイコンは★のままです。 まず、「外観」>「メニュー」で編集するメニューを選択して、メニュー設定画面...
表示

サイトアイコン(ファビコン)

サイトアイコン(ファビコン)を設定するとあなたのWebサイト独自のアイコンを、ブラウザのタブや、スマートフォンのホーム画面などに表示することができます。 まずは、推奨画像サイズ: 512×512ピクセルの画像を用意します。 管理画面の>から...