ログインメモする

HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。

WordPress5 Gutenbergでカラムデザインを作成する方法

U3

2019/6/7

2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

https://cotodama.co/gutenberg-column/

コメント

コメントはまだありません。

関連する投稿

Contact form 7 を狙ったスパム攻撃

ワードプレスのプラグイン Contact form 7を使ってホームページに問い合わせフォームを設置している方も多いでしょう。大量のコメントスパムを送信するという攻撃が多発しています。reCAPTCHAも突破するものも出てきているようです。対策https://サイトのドメイン/contact　のURLでお問い合わせページを作らないコンタクトフォーム７の自動返信機能をオフにする。海外のIPアドレスからのアクセスを制限するさらには、そもそも自前のフォームを作らず、別のフォームサービス（GoogleフォームやMicrosoft Formsなど）を利用するのも選択肢の一つです。提供元の提案する対策方法reCAPTCHA (v3)https://contactform7.com/ja/recaptcha/禁止用語リスト (旧コメントブラックリスト)https://contactform7.com/ja/comment-blacklist/

0
106
0

U3

WP Staging：ワードプレスでステージングサイトを簡単に作成できるプラグイン

ワードプレスでステージングサイト（テスト環境、コピーサイト）を簡単に作れるプラグインがあります。それが、WP STAGING です。WP STAGINGホームページhttps://wp-staging.com/価格1サイト　89€／105US$ （約11,500円：為替レートによる）1年間のアップデートとサポートが含まれます。放っておくと毎年課金されるので、アップデートが不要な場合は忘れずにキャンセルするとよいでしょう。１回購入すれば、ずっと利用できます。また、ステージングサイトを作るだけなら無料プランでもできます。ステージングから本番へのputが簡単にできるということで有料版を購入しました。購入後wp-staging-pro.zipというラベルの付いた圧縮zipファイルへのダウンロードリンクが送られてくるメール内のリンクをクリックしてダウンロード（またはアカウントにログインしてダウンロード）インストールMacのSafariでzipファイルをダウンロードすると、自動的に解凍されてしまいます。ChromeやFirefoxなどを使いましょう。インストール方法管理画面で　プラグイン＞新規追加＞zipファイルをアップロード有効化ボタンを押すWP Staging Pro > License にライセンスキーを貼り付けてプラグインをアクティブにし、プッシュ変更機能のロックを解除するライセンスキーは、購入時に送信されたメールに記載されています。インストール手順の参考：https://wp-staging.com/docs/install-wp-staging/クローンを作る管理画面のメニュー　WP Staging Pro＞Staging Sites＞[CREATE NEW STAGING SITE] ボタンを押すProプランの場合は、サブディレクトリ以外のルートを指定できる。　WP Staging Pro＞Staging SitesAdvanced Settings > Change Dwstinationにチェックを入れる

0
1284
0

U3

【解決】ワードプレス5.5の不具合？　更新ができない

5.5にアップグレードしたせいか？数分投稿を編集して更新ボタンを押しても「更新を保存」のまま、更新が完了しないことが頻発。ブラウザのキャッシュをクリアWordpressの自動保存の間隔を広げる（function.php）したが、改善せず。ワードプレスのフォーラムhttps://ja.wordpress.org/support/forum/feedback/更新できない時のとりあえずの対処法https://soyo.life/wordpress/gutenberg/gutenberg-save-source/コードエディタを表示させて、コンテンツをコピー2020/12/8　にWordpress5.6がリリースされるようなので、このアップデートで不具合が解消されるかもしれません。→Wordpressをアップデートしましたが、不具合は続きました。All in one SEOを無効化したら解決プラグインのAll in one SEO Packを無効にしたら、不具合が起こらなくなりました。さよならAio SEO✋

1
167
0

U3

カスタム投稿タイプをプラグイン無しで実装する

functions.phpに下記コードを追記。 /*カスタム投稿タイプ*/ add_action( 'init', 'my_post_type' );function my_post_type() { register_post_type( 'news', array( 'rewrite' => array( 'with_front' => false ), 'label' => 'お知らせ', 'public' => true, 'exclude_from_search' => true, 'hierarchical' => true, 'has_archive' => true, 'menu_position' => 5, 'supports' => array('title', 'editor', 'thumbnail', 'excerpt', 'custom-fields', 'revisions', 'page-attributes') ) );} 「最近のカスタム投稿」をページ上に表示させるには Custom Post Type Widgets というプラグインを利用。

0
114
0

U3

Contactform7 チェックボックスの条件分岐：free_text オプション

Contact Form 7で、お問い合わせフォームやアンケートフォームを作っている方の参考に…。選択肢があって、「その他」を選んだときだけ自由記述欄に記入できるというような設定をしたい場合の方法です。最後の項目に自由記入のテキスト項目を付加することができる「free_text」オプションを使います。使用例:[checkbox your-answer free_text "はい" "いいえ" "その他"] 上記の場合、「その他」の項目にだけテキスト入力欄が表示されます。 free_text　で作ったテキスト入力欄は改行されて表示されます。また、入力欄は常時表示で、「最後の項目を選んだときにだけ表示させる」ということはできません。 ※最後の項目を選んだときにだけ入力フォームが表示されるようにするには、JQueryを使う方法があるようです。投稿サイト・掲示板サイト作成は【SHARE info】簡単1分！無料参考Contact Form 7　チェックボックスの条件分岐https://ja.wordpress.org/support/topic/contact-form-7　チェックボックスの条件分岐/ Contact Form 7のマニュアルチェックボックス、ラジオボタン、メニューhttps://contactform7.com/ja/checkboxes-radio-buttons-and-menus/ Contact Form 7でチェックを入れると入力欄が表示されるようにするにはhttp://ngns4.net/staff/contact-form7-でチェックを入れると入力欄が表示される/投稿サイト・掲示板サイト作成は【SHARE info】簡単1分！無料

0
8686
0

U3

ワードプレスの初期設定で必要なプラグイン

プラグインは最小限にとどめたいものですが、必要なものもあります。下記は最初に入れておきたいプラグインの基本的なものです。後は用途によって追加しましょう。WordPressのおすすめプラグインは８つhttps://manablog.org/wordpress-plugin/読みやすさを高めるTinyMCE　Adbancedエディターがパワーアップする。HTMLを書かなくてよい。SEOツール下記２つが代表的なもの。海外ではYoastSEOユーザーが断然多いが、日本国内ではAll in One SEO Packのほうが使われており、ネット上にハウツー記事も多い。Yoast SEOSEO対策に！Yoast SEOプラグインの基本設定の方法https://open-cage.com/wp-plugin-yoast_seo/All in One SEO Packソーシャルメディア対応Open Graph ProSNSでの拡散はブログ作成の大きな目的の一つ。SNSで共有されたときの挙動を設定できるOGPも必須です。サイトマップ作成Google　XML　Sitemaps検索エンジン対策としてXMLサイトマップの作成も必須項目の一つです。

0
94
0

U3

サイト内検索（商品検索）をあいまい検索にする

WordPressでwpdbを使って「あいまい検索（LIKE演算子）」を実装する時に注意したこと https://www.imamura.biz/blog/15537 LIKE演算子では、たとえば「センサー」と入れて「センサ」を検索結果に出力することはできない。サイト内検索でこういった検索を実現するのは難しい。 Googleのサイト内検索が無料で使えるが、広告が出るので商品などを扱うページの場合、競合他社の広告が出たりしてよろしくない。

0
1500
0

U3

お問い合わせフォームのページのURLを/contactにしない方が良い？

特にWordpressで作ったサイトですと、問合せページのURLを/contact等、いかにもフォームのあるページであることがわかるような名前にしていると、スパムが増えるという話が昔ありました。今でも、Wordpressを使ったサイトだと、/contact　で海外などからスパムメールが大量に届き、URLを変更するとぴたりと止まったというお話は聞きます。URLを変えるのも一つの方法ですが、あちこちにURLのリンクを貼る場合は、あまりわかりにくいURLにもしたくありません。別のスパム対策を取る（リキャプチャを付ける等）のも方法です。サーバー側でのスパム対策サーバーを触ることができる場合、フォームの送信ボタンをクリックした際に隠しデータを埋め込んでサーバーに送信するというスパム防止先もあります。サーバー側では隠しデータが無ければエラーとします。自動的にスパムを送信する悪質なプログラムは、隠しデータに気付かない事があるので、スパム防止となります。

0
126
0

U3

Akismetの設定方法　（スパムブロック）

https://bazubu.com/akismet-23841.html

0
132
0

U3

WordPress：管理画面の表示が崩れる（スタイルが適用されていない）

ワードプレスの管理画面を開くと、スタイルが適用されずに表示崩れが起こっていました。再度メニューを非表示にしてプラグインを無効化したり、テーマを変更したりしてみましたが治らない。wp-config.phpで、require_once();の実行前に以下の記述を追加することで元通りのダッシュボードに戻りました。define('CONCATENATE_SCRIPTS', false);

0
33
0

U3

アクセスランキング

1

Excelで一つの値を一番下のセルまでコピーしたい時

16

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

5

3

VSCodeで複数ファイルを横断して検索＆置換する方法　Option+Shift+F

5

4

【解決】モニターディスプレイが消える「入力信号が見つかりませんでした」

5

5

自分のチャンネルのYouTube動画に広告が表示されないようにしたい

4

6

NEWマークを任意の日数だけ表示させる（JavaScript）

4

7

App Storeでアプリを一時的に配信停止にする方法

3

8

コーディングを依頼するときのXDへの指示の書き込み方サンプル

3

9

Criteoという広告が勝手に表示される

3

10

Rocket.chatのスターとピン止めの違い

3

11

SNSの公式ロゴアイコンのダウンロード元（Instagram,Twitter,Facebook）

2

12

WBMP形式の画像ファイルとは

2

13

Apple Distribution証明書の発行上限数は３つ

2

14

Adobe XDの機能：スタック　って何

2

15

ホームページのアクセスカウンターは最近なぜ見なくなったの？

2

16

【CSS】英語と日本語を混ぜた要素の高さが合わない

2

17

Google マテリアルのアイコンと画面を Adobe XD に読み込む方法

2

18

Adobe:Special characters must be escaped :[<].と出た

2

19

Wordでツールバー・メニューバーを常時表示にする（ピンマーク） Office２０１６

2

20

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

1

いいねランキング

1

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

2

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

3

Looker Studio（Googleが無料で提供するBIツール）

1

この投稿者に問い合わせ

お名前

メールアドレス

電話番号（任意）

本文

この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

シェア
ログイン
利用登録する
ログアウト
マイアカウント
メモする

このサイトについて
問合せ

Copyright © Web担メモ

シェア

このエントリーをはてなブックマークに追加