Hatena Blog Tags
はてなブログ トップ
ブロックエディタ
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

ブロックエディタ

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
面倒くさがりだけど賢く暮らす•4ヶ月前

ブロックテーマでSNSシェアボタンが簡単に実装できる「Social Sharing Block」プラグイン

経緯 実務でSNSのシェアボタンが必要になったが、FSEで実現している例が乏しい。 WordPressデフォルトの「ソ－シャルアイコン」ブロックでは、現在のページのURLやタイトルを取得して動的に出力することができない。ただ、見た目のカスタマイズという点ではデフォルトでも文句ないので、「URLどうする問題」だけがネックだった。 有名どころのプラグインだと、自由度が低い（デザインがダサい）わりに、余計な機能が多く、設定項目も多く、広告の主張も激しい。 あと、ウィジェット機能のないテーマには対応していないものもあった。自力でテンプレートパーツやショートコードを作って何とかしようと試行錯誤していたが…

#wordpress#ブロックエディタ

関連ブログ

無駄と文化•4ヶ月前

WordPress でピクロスを作問・投稿できるカスタムブロックを作った

ピクロスというパズルをご存知でしょうか。お絵描きロジック, ののぐらむ などとも呼ばれる、縦横に並んだ数字をヒントにドット絵を完成させるパズルゲームです。 WordPress でピクロスを作問・投稿するためのカスタムブロック wp-block-nonogram を作成したので紹介します。 目次 目次 wp-block-nonogram はこんなやつ 使い方 なぜこんなものを作ったの 実装上のおもしろポイント 今後の展望 wp-block-nonogram はこんなやつ プラグインを有効化すると WordPress の編集画面で "Nonogram Puzzle" というブロックが使えるようにな…

#ゲーム#ピクロス#ブロックエディタ
Web開発における知見共有系ページ•5ヶ月前

wordpressのクラシックエディタの使用方法

wordpressのクラシックエディタとは クラシックエディタのメリット クラシックエディタの使用方法 wordpressのクラシックエディタとは WordPressのクラシックエディタは、WordPressの古典的な投稿やページ編集インターフェースを指します。 これは、WordPress 5.0で導入された新しいブロックエディタ（Gutenberg）の前に使用されていたデフォルトのエディタです。 クラシックエディタは、テキストエリアに文章を入力し、簡単なフォーマットや画像の挿入を行うためのボタンが用意されています。 これに対して、ブロックエディタは、個々の要素（テキスト、画像、動画など）をブ…

#wordpress#クラシックエディタ#投稿#WordPress 5.0#ブロックエディタ
Web開発における知見共有系ページ•5ヶ月前

wordpressのエディタの種類と特徴

wordpressのエディタの種類 クラシックエディタやブロックエディタ以外のエディタ 結局どのエディタが良いのか wordpressのエディタの種類 WordPressには、さまざまな種類のエディタがあります。 これらの主なタイプを以下に示します。1. クラシックエディタ: これは、古典的なWordPressのエディタで、投稿やページの作成に使用されます。 これは、テキストを入力し、ボタンを使用して書式設定やメディアの挿入を行うタイプのエディタです。2. Gutenberg (ブロックエディタ): Gutenbergは、WordPress 5.0で導入された新しいエディタです。 これは、コン…

#wordpress#エディタ#クラシックエディタ#ブロックエディタ#TinyMCE Advanced
さゆかブログ•1年前

SWELL♪ブログで1万円稼ぐためにワードプレステーマ激推しする理由3点

ブログで1万円稼ぐ！ワードプレステーマSELLをおススメする理由 私がワードプレスブログで後悔したこと 1.SWELLの機能は充実しすぎ！ 機能が充実している方が良い理由 投稿時間が早くなる やりたいアレンジができる 2.オシャレなサイトを作れる ↓↓ここからでもサイトのデザインを見てみてください 3.表示スピードが速い SWELL利用料 支払い方法 まとめ ワードプレスでブログを始めるにはドメインの取得が必須です ブログを投稿する時間を作りたい 私がワードプレスブログで後悔したこと 最初私は、稼ぐまでお金をかけたくない、無料で稼げて余裕ができたらお金をかけようと思っていました。 知識や能力が…

#ワードプレステーマ#ワードプレス有料テーマ#表示スピード#SWELL#ブログで1万円稼ぐ#ブロックエディタ
カンタンPro日記•2年前

WordPressのプラグインElementorを使ってみた感想

今日の話は何かというと、「WordPressのプラグインElementorを使ってみた感想」です。 今、カンタンProのマニュアルを作っているんですが、WordPressのブロックエディタが使いにくくてElementorを使うことにしました。Elementorは人気のようで僕の知り合いも話題にしていたので興味半分でした。 これが結構便利だったのでレビューします。 www.elementar.com Elementorの便利なところ 僕は無料版のElementorしか使ってませんが、無料版で十分な感じです。まぁ、ざっとですがElementorの便利だなと感じたところを列挙します。 ドラッグアンド…

#Elementor#ブロックエディタ
Atsumaru Engineer's Blog•2年前

インナーブロックの情報を親ブロックから取得する (WordPress, カスタムブロック)

Gutenberg のカスタムブロックでインナーブロックを配置できるようにしたとき、親ブロックからインナーブロックの情報を取得する方法をまとめます。 以下、 @wordpress/create-block を使ってひな形を作成したときのファイル構成を前提に解説します。 インナーブロックを配置できるようにしたときの最小構成 まず、普通に最小構成でブロックを構築するとこんな感じになります。 src/edit.js import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor'; export function…

#ブロックエディタ#カスタムブロック
【感情会計】善意と悪意のバランスシート•3年前

【Cocoonマニュアル】管理画面設定を攻略する⑦～オールドエコノミー派・終焉ノ刻

ブロックエディタの使い勝手を著しく良好にしてくれそうな「CocoonBlocks」にワクワクしたのもつかの間、ひょっとするとこれを使うためには慣れ親しんだ「旧ビジュアルエディター」を手放さなければならない雰囲気が、怪しく漂ってきた前回記事 （思えばこの前回記事の日付は8月12日。 今回の記事は、その翌日アップしようと準備していたものでした。 私は翌13日の夜から味覚と嗅覚を失い、その後コロナ自宅放置の責め苦の中、病死と自死の危険にさらされ、ブログどころではなくなってしまったのでした・・） blog.dbmschool.net 見たいけど怖くて見られない、でも気になって仕方のない次項目へ進んでみ…

#ワードプレス#仕事終わりの学習#社会人の勉強法#ブロックエディタ
新米アフィリエイターじゅりちゃんの日記•3年前

ブロックエディタにリビジョンないぞ！新米アフィリエイターののドタバタ日記

こんにちは！新米アフィリエイターのじゅりちゃんです。 ブロックエディタにリビジョンないぞ！ クラシックエディタにはあるのにブロックエディタにはリビジョンがないんです。ブログによって両方使っています。テーマは同じでぽとんど同じプラグインを使っているのに！ ググったら、リビジョンが表示されない場合はプラグインを一個ずつ有効化したり無効化したりするって書いてあります。一個ずつよく面倒くさい事みんなしてるね。 何でリビジョンが必要になったかと言うと、ワードプレスでブログを書いていてこの商品を皆さんにオススメしようかな？と、Amazonや楽天に行って商品を探してHTMLをコピーして戻ってくると記事が消え…

#ブロックエディタ#ワードプレス#アフィリエイター
Compass media•4年前

【体験談あり】WordPress（ワードプレス）テーマの Swell を使った評判をまとめました。

WordPress テーマは、AFFINGER5、COCOON、SWELL を使っています。 複数サイトを運営しているのですが、 AFFINGER5：ブログ開始初期のサイト（〜2020年前半） COCOON：売却も視野に入れたサイト（オープンソースライセンスなので） SWELL：2020年から立ち上げたサイトは全部これ という感じです。 一度 SWELL を使ってみるとブロックエディタが快適すぎるので手放せないですね。 この動画をまずは見てください。 いやー、SWELL を使っていると「ブログを書くのが楽しいなぁ〜♪」とウキウキで書くことができます。 なので、苦にならずに継続できるんですよね。…

#SWELL#テーマ#Gurtenberg#ブロックエディタ
マーケティングのススメ•18日前

ホームページ作成サービスの選び方・チェックポイント・おすすめ情報【飲食、小売、サロン、サービス、クリニック、士業】

飲食、小売、サロン、サービス、クリニック、士業などのオーナーやマネージャーの方に役立つ情報をお届けします。御社のホームページは最適な状態にアップデートできていますか？とは言え、「本業が忙しくて後回しになっている」、「コストをかけずに対応する方法を探している」などの方もいらっしゃると思います。こちらの記事で、ビジネスに最適なパフォーマンスを提供するホームページ作成サービスの選び方・チェックポイント・おすすめ情報をご紹介します。ぜひ、ご活用ください。 この記事でわかること 執筆者の紹介 ホームページ作成サービスの市場動向とトレンド AI×ソフトウェアのノーコードツールの拡大でホームページ作成費用は…

コハム•3ヶ月前

フルサイト編集やブロックエディタのカスタマイズに困ったらこの一冊！【WordPressの新しい標準レッスン　フルサイト編集＋ブロックエディター活用講座】

※本記事はアフィリエイトリンクが含まれています。 WordPressを長年扱ってきたキャリアの長いWeb制作者の方でも、まだフルサイト編集やブロックエディタのカスタマイズについて知識があやふやという方が少なくありません。 今後WordPressを扱う上では必須の知識となるフルサイト編集対応のテーマ作成、ブロックエディタのカスタマイズやオリジナルブロックの制作について知識を深めたいならWordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座がぴったりです。 WordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座〈動画解説付き〉作者:池田 嶺,…

誰がログ•4ヶ月前

今さら？個人サイトを作りました

はじめに 経緯と作った理由 Googleに見つけてもらえなくても良い このブログとの関係（今後の方針） おまけ：Wordpress雑感 おわりに はじめに 新たに個人サイトを作りました。 ttagawa-dlit.info さいきんこういうニュースを定期的に見るようになりましたので今さら感があると思いますが、 Googleからウェブサイトへのトラフィックがゼロになる日 – WirelessWire News むしろこういう状況だから作ろうかなと思ったというところがあります。 経緯と作った理由 元々別のドメインで個人サイトを持っていたのですが、ドメインの更新をミスって（期限の勘違い）なくなってし…

mojiru【もじをもじる】•4ヶ月前

これからのWordPressの“正しい”使い方が分かる本

WordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座 「WordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座」対象読者 「WordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座」の内容 「WordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座」の特長 「WordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座」Amazonでの購入はこちら 「WordPressの新しい標準レッスン フルサイト編集＋ブロックエディター活用講座」楽天市場での購入はこちら Wo…

habit•4ヶ月前

【AIで遊ぶ】Macのショートカットアプリ初めて使ってみた

はじめに 1つのインプットから、複数の答えが欲しい時、従来だと (1) 複数のサイトをググる (2) 各サイトの調べた結果をマージ といった手順になるでしょうか。少し面倒ですね。 AIは、こういった場合に「色んな結果を収集→フィルタ→良い感じにマージ」ってしてくれるのも得意かなと思って、「選択した英単語の類義語を教えてくれるミニアプリ」を作ってみました。（というのは建前で、本当はMacのショートカットアプリを触ってみたくなったので、適当にテーマ決めて作ってみたものです） 完成形 Webサイトでも何でも良いのですが、意味を調べたい英単語を選択します。 今回は"meeting"の意味と、その類義語…

Web開発における知見共有系ページ•5ヶ月前

WordPressでアンカーリンクの設置方法

アンカーリンクとは WordPressでアンカーリンクの設定方法 1. リンク先(遷移先)の場所にアンカー名(id名)を設定する 2. リンク元(遷移元)の作成 3. アンカーリンクの設定 4. 変更を保存する まとめ アンカーリンクとは アンカーリンク（Anchor Link）は、ウェブページ内で他の場所へのリンクを作成するために使用されるHTML要素です。 通常、アンカーリンクはテキストや画像などの要素に設定され、ユーザーがクリックすることで特定の場所にスクロールしたり、他のページに移動したりすることができます。 ユーザ的にはありがたいリンクなので、UX上は有効ですね。アンカーリンクは通常…

inuinu blog(開発用)•5ヶ月前

WordPressから、はてなブログへの移行について(＋Markdown記法に戻す)

この記事では、WordPressの記事を「はてなブログ」にインポートする手法について、解説します。 なぜ、はてなブログへ戻したか？ 参考：WordPressブログのダメなところ WordPress(＋アフィリエイト)ブログのハードルの高さについて 物販アフィリエイトで小遣いを稼ぐならば、無料ブログで十分かと 前準備 各エントリをブラウザで保存する WordPressからエクスポート はてなブログへインポート Markdownモードにしておく(任意) インポートする エントリとURLを確認 タグがカテゴリー化するので、不要ならば除去する ブログ内のリンクを貼り直す WordPressのブロック記…

ikumazaki79’s blog•5ヶ月前

服飾で成功する方法：副業ライターは本当に稼げるのか

テレビ番組で大反響！大幅減量ダイエットダイエット番組でエルセーヌが大幅減量をサポートしました。 「これがエルセーヌだ！」エルセーヌのエステ体験行ってみた！【画像あり】 エルセーヌ「やせる道場？」エステ体験行ってみた！ MuuMuu Domain! 10日間無料お試しはこちら 【GOM Mix】簡単に使える無料動画編集ソフト 独立すべきか 会社設立の多くはどこかの企業に勤めてい人です。外部の企業に勤めることなく会社設立する人や、一般的には社会人経験で得たものを活かして会社設立をするケースです。会社に勤め始めたことからいつかは独立と心に決めている人もいれば、何年も独立の仕事への憧れを持って会社設立…

コハム•5ヶ月前

WordPressのテーマを自作するのはもうやめよう：おすすめの日本語対応有料テーマ6選

※本ページは、アフィリエイト広告を利用しています。 WordPressは現在に置いてもシェア第1位のCMSですが、そのテーマを自作するのはWordPressのアップデートに伴い非常に難しくなりました。 ブロックエディタ、フルサイト編集、theme.jsonの作成、対応PHPのバージョンアップなど、テーマの自作には様々なハードルがあります。 現代のWordPressのテーマ作成が難しい理由 ブロックエディタへの対応 オリジナルブロックの作成 フルサイト編集機能の対応 theme.jsonの理解 構文と設定の理解 試行錯誤とデバッグ ドキュメントの不足 従来からあるWordPressの問題 セキュ…

ikumazaki79’s blog•5ヶ月前

服飾で成功する方法：パソコンを大学で教えていた事や電子書籍の制作、販売が中心

テレビ番組で大反響！大幅減量ダイエットダイエット番組でエルセーヌが大幅減量をサポートしました。 「これがエルセーヌだ！」エルセーヌのエステ体験行ってみた！【画像あり】 エルセーヌ「やせる道場？」エステ体験行ってみた！ MuuMuu Domain! 10日間無料お試しはこちら 【GOM Mix】簡単に使える無料動画編集ソフト 独立すべきか 会社設立の多くはどこかの企業に勤めてい人です。外部の企業に勤めることなく会社設立する人や、一般的には社会人経験で得たものを活かして会社設立をするケースです。会社に勤め始めたことからいつかは独立と心に決めている人もいれば、何年も独立の仕事への憧れを持って会社設立…