Gutenbergでオリジナルなブロックを作成するには「Block Lab」が簡単すぎる件 | HPcode（えいちぴーこーど）
JavaScriptでのGutenbergのブロック作成の知識がなくても「Block Lab」を使えば簡単に作成できるので、サクッとオリジナルなブロックを作りたい方はぜひ使ってみてください！ #wctokyoで教えてもらった「Block Lab」が凄い…！ コード書けなくても管理画面からブロック作り放題です。 使い方のイメージ的には「Advanced Custom Fields」のブロック版みたいな！ pic.twitter.com/BceRc089If — はにわまん (@haniwa008) November 4, 2019 Block Labのインストール プラグイン → 新規追加 → キーワード「Block Lab」 → 今すぐインストール → 有効化 インストールされると左側に「Block Lab」のメニューが登場します。 Block Labの使い方 「Example Block
Gutenbergの大きな特徴のひとつとして、コードがわからない人でも自由且つ簡単に好きな見栄え・レイアウトを実装できるというものがありますが、それを何らかの理由で制限したいときに使える方法です。 特に毎回決められた項目のみ入力するような作りの投稿タイプやページがある場合に便利だと思います。 ブロックの操作はtemplate_lockというプロパティで制限することができます。 template_lockを指定しないデフォルトの状態ではブロックの追加・削除・移動など自由に操作することができますが、allでそれらを完全に制限し、insertはブロックの追加・削除はできませんが移動はできるという制限をかけます。 具体的な使用例として、例えばとあるサイトで「イベント」という投稿タイプを作成し、そこでは基本的に下記内容の情報しか入力しないので他のブロックは必要ないという仕様だったとします。 キャッチ
WordPress の開発がブロックテーマを中心とした形になってきました。そんなブロックテーマの作成に欠かせないのが「Create Block Theme」プラグインです。 このプラグインには、Gutenberg の一部として検討されていたテーマ制作者向けの機能が分離され、開発が進められています。テーマ制作者には必須のプラグインと言えますが、まだまだ活用されていない印象ですので、このプラグインでできることを紹介します。 Create Block Theme プラグインでできること Create Block Theme プラグインをインストールして有効化すると、以下のような機能が利用できるようになります。 各機能は［外観］に追加されるメニュー「ブロックテーマを作成」と「テーマフォントを管理する」から利用します。ただし、メニューが追加されるのは［外観＞テーマ］で Twenty Twenty T
ビジネスサイトのWordPressに絞って実装に必要な知識を学べる解説書 -ビジネスサイトを作って学ぶ WordPressの教科書
WordPressは、個人ブログやビジネスサイトをはじめ幅広く利用されています。中でもビジネスサイト、業務で使用できるWordPressに絞って実装に必要な知識を学べる解説書を紹介します。 Word Press 6.x対応の解説書で、Gutenbergエディタや新機能のブロックにも対応しています。 本書は「ビジネスサイトを作って学ぶ WordPressの教科書」の改訂版で、WordPress 6.xに対応しました。ビジネスサイトに特化されたWordPressの解説書で、入門書とありますが、実装にあたりある程度の知識を持っている人にお勧めします。PHPは詳しくないけどHTMLとCSSは分かる、という感じでしょうか。
WordPress：ブロックを組み合わせた様々な見栄えをコピペで配置できる「Gutenberg Template Library」 - NxWorld
「Gutenberg Template Library」は、Gutenbergの各ブロックを組み合わせることで作成できる様々な見栄えをまとめたコレクションサイトです。 別途CSSを追記したりプラグインを併用するものもありますが、サイトでよくある見栄えをコピペで簡単に配置できます。 サイトではイメージのように様々なテンプレートがキャプチャ付きで並んでおり、現時点で172パターン用意されています。 また、各テンプレートは「ヒーロー」「プライス」「特徴」など下記の14カテゴリーに分かれており、ページ上部にあるナビゲーションで絞り込んで閲覧することができます。 Hero Testimonial Team Stats Pricing Logos Gallery Features FAQ Content Contact Card Slider CTA コピペで実装できる 一覧から配置したいテンプレート
ブロックテーマの作成
ブロックテーマの作成に関するドキュメントについては、Theme Developer Handbook を参照してください。 (2022/5/2) 訳注: これ以降の文書は、Theme Developer Handbook に移動されました。便宜上、しばらく掲載しますが、最新の情報については、Theme Developer Handbook を参照してください。 このチュートリアルではブロックテーマの作り方を紹介し、テーマ開発者の「フルサイト編集 (full site editing)」への移行を支援します。まず、はじめに「ブロックテーマの概要」を読むことをお勧めします。 このチュートリアルでは、ブロックベーステーマに必要なファイルの一覧、テンプレートとテンプレートパーツの組み合わせ、グローバルスタイルへのプリセットの追加、サイトエディターでのブロックの追加とテンプレートのエクスポートについ
WP-functions generator
metaリンクの削除 DNS Prefetchの削除（emojiを削除する場合は不要） 絵文字を削除 外部アプリケーションから情報を取得するタグを削除 フィード削除 rel=”canonical”タグの非表示 短縮URLの非表示 現在の文書に対する「索引」であることを示すタグ link rel=next等のタグ WordPressのバージョン情報を削除(5.6ではそもそも表示されない) デフォルトのjQueryを読み込ませない jsのパラメータに付与されるWordPressのバージョン情報を削除 タイトルタグ出力（直接titleを記述する場合は不要） 管理画面のカスタマイズ コメント機能削除（comment_form()の強制削除） 管理画面から「コメント」削除（wp-admin/edit-comments.phpでアクセス可能） Adminバーの非表示 AdminバーのWordPress
ファイルの作成 この例ではファイルの作成及び JavaScript 環境の構築は create-block を使って行っています。 カスタムブロックをプラグインとして作成するので、ターミナルでプラグインディレクトリに移動して npx コマンド「 npx @wordpress/create-block 」を実行します。 以下では対話モードで実行していますが、slug とオプションを指定して実行することもできます。 関連ページ：Gutenberg ブロック開発の環境構築 $ npx @wordpress/create-block return //create-block を対話モードで実行 npx: 217個のパッケージを33.092秒でインストールしました。 //対話的にオプションを設定 //ファイルの出力先ディレクトリ名に使用される文字列（slug）を指定 ? The block slu
WordPress 6.0 “Arturo”
Welcome to “Arturo” Say hello to “Arturo” and WordPress 6.0, inspired by Grammy-winning jazz musician, Arturo O’Farrill. Known for his influence on contemporary Latin jazz, Arturo has pressed more than 15 albums spanning a body of work across five decades. Take some time to explore WordPress 6.0, built to help you unlock your creative aspirations and make your site-building experience more intuiti
WordPressサイトエディター対応のブロックテーマ開発（基本編） WordPressのオリジナルテーマには大きく分けて2種類の作り方があります。PHPファイルを使ってサイトの各画面を実装するクラシックテーマと、サイトエディターを使って自由にサイトの構成要素を編集することができるブロックテーマです。 この記事では、ブロックテーマ開発の基本についてご紹介します。なお、この記事の内容はWordPress 6.1時点の内容をもとにしています。 ブロックテーマとは ブロックテーマとは、WordPress 5.9にて導入された新しいWordPressテーマの形式です。相対的に、画面ごとにPHPファイルを用意する従来の形式はクラシックテーマと呼ばれています。 ブロックと呼ばれる部品を使ってサイト全体が構成されていることが特徴で、テーマを利用するユーザーがブロックをサイトエディターで組み替えることで、
こんにちは、リサリサです。世界一周旅行に行ってくることになったので、WordPressブログを立ち上げてみました。 アーキテクチャはシンプルなものですが、WordPressのテーマの設定など、色々大変だったのでブログとして使えるようになるまでにしたことを備忘としてまとめておきます。 手順として全部書き上げるととんでもない分量になってしまうので、リンク集的な形でまとめていきます。 先に、完成品はこちら。なかなか見栄えするものがお手軽にできてしまうので、WordPressはほんと便利ですよねww ※サイトの中身は個人の見解によるブログです。弊社との関係は全くありません。 アーキテクチャ アーキテクチャはこちら。そんなにお金もかけられないので、とりあえずのSimple構成です。もし万が一アクセスが増える事があったらスケーリングも考えたいと思います。CloudFront は付けようと思ってますが、
WordPressがW3CのリニューアルプロジェクトでCMS候補から落選 – Capital P – WordPressメディア
Web技術標準化団体であるW3Cは現在サイトをリニューアルするプロジェクトを進行中だが、そのCMS選定プロセスにおいて、WordPressが3つの候補から2つに絞り込むプロセスで落選したことをWP TAVERNが報じている。いうなれば準決勝敗退といったところ。残った2つはCraftCMSとStatamaticという商用CMSである。 WordPress落選の理由 リニューアルを担当するStudio 24はWordPressを3つのリストから落とした理由について、”On not choosing WordPress for the W3C redesign project“（WordPressをW3Cリデザインプロジェクトで選ばなかったことについて）で説明しているが、主にGutenbergがお気に召さなかったようである。 Gutenbergはアクセシビリティに問題がある。クラシックエディター
こんにちは！や～べ～です。 今回は、AFFINGER5（WING、子テーマ、JET）」をWordPressへインストールする手順、ということで記事を書いていきたいと思います。 ダウンロードしたAFFINGER5や子テーマ（JET含む）をWordPressへインストールし、テーマの有効化＆初期設定の完了、までの手順について順番に解説していきます。 1.「AFFINGER5」をインストールする 【手順1】「外観」⇒「テーマ」を開きます。 【手順2】画面上方の「新規追加」をクリック。 【手順3】画面上方の「テーマのアップロード」をクリック。 【手順4】「ファイルを選択」をクリックし、あらかじめダウンロードしておいた「affinger5.zip」を選択しましょう！ 【手順5】「今すぐインストール」をクリック。 【手順6】↓画像のように「テーマのインストールが完了しました。」と表示されたら、インスト
Gutenberg使用時に不要項目を非表示にして、表示切り替えオプションからも削除する方法です。 同様のことをクラシックエディタで行う際はremove_meta_box()を用いていましたが、Gutenbergの場合はremove_post_type_support()やunregister_taxonomy_for_object_type()を用います。 デフォルトではイメージ右側のように様々な項目が用意されていますが、サイト構成的に不要なものがあって非表示（機能削除）にしたい場合は、functions.phpへ下記のように記述します。 add_action( 'init', 'remove_block_editor_options' ); function remove_block_editor_options() { remove_post_type_support( 'post',
少しずつ日常が戻ってきています。 父が亡くなって、これほどの悲しみはないと思われました。 ブログ更新の気力も出なかったさなか・・・。 わかるwebさんからのメルマガが届きました。 「わかるweb」さんからWordPressインストール方法についてのメールが・・・ 丁寧なサポートにも感謝！ 「わかるweb」さんからWordPressインストール方法についてのメールが・・・ 私は、わかるwebさんのメールマガジンに登録しています。 wakaru-web.com WordPressなどに関する有益な情報が配信されてきます。 先日のメルマガは、 WordPressインストール方法について それはそれは懇切丁寧に教えてくださっているページへの案内でした。 wakaru-web.com なんて手取り足取り、丁寧に教えてくださっているんでしょう！ 有料級の情報ではないかしら？ しかも、ものすごくわかりや
【WordPress】Gutenberg Componentsを使ってプラグインの設定画面を作る - Qiita
Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
はじめに この記事では、受託開発において WordPress テーマを制作する時に、ハイブリッドテーマで構築するための設計・アプローチを提案するものです。 記事タイトルに「受託開発における」と含めた理由は、WordPress テーマディレクトリに公開したり、不特定多数に配布するようなテーマにおいては、この記事のアプローチが必ずしもベストな方法ではないと考えるからです。あくまでも、特定の WordPress サイト (特定のクライアント・エンドユーザー) 向けに最適化したテーマを制作するというシチュエーションにおいての話となります。 ハイブリッドテーマとは ? まず、ハイブリッドテーマ含め、どのようなテーマの形態が存在しているかを、WP Tavern の記事 (Block, FSE, Hybrid, Universal? What Do We Call These New WordPress
1.全文検索とは全文検索では、図書や雑誌のタイトル・目次だけでなく、本文・挿絵のキャプションなどを検索することができます。タイトル・目次からでは見つけられない記述を発見できる可能性があります。一方、関係のない情報がヒットする可能性もあり、対象・範囲や特徴を把握して用いることが必要です。 この記事では、主に国立国会図書館の提供するウェブサービスで全文検索機能を活用する方法についてご説明します。 2.国立国会図書館デジタルコレクションの全文検索国立国会図書館デジタルコレクションでは、収録された資料の多くについて全文検索を行うことができます。 全文検索の対象は次のとおりです。 電子ファイルに埋め込まれている全文テキスト（電子書籍・電子雑誌、電子形態で収集した博士論文）OCR（光学文字認識）処理によるデジタル化資料（図書、雑誌、官報等の一部）の全文テキスト ※OCR処理による全文テキストは校正を行
(WIP まとまったら Qiita とかに上げるかも) React はライブラリであり、Next.js はそれをラップしたフレームワークであることに注意が必要。 また、Next.js 以外のフレームワークとして、静的生成に特化した Gatsby、新興の Remix, Astro なども選択肢に挙がりうる。 create-react-app はかつて「フレームワーク無しで開発するためのスターター」として開発されていましたが、今（2024/03/23時点）は 開発がストップしています。代わりに、同じ立ち位置で開発が止まっていない create-vite-app を使いましょう。 (将来は、「公式スターターとして、各種フレームワーク or vite に誘導する」ツールとして再出発する予定だそうですが、それはまた別の話…) https://zenn.dev/a_da_chi/articles/41
Block Registration 以下のページを読んでみて、実際にちょっと動かしてみたのをきっかけに、自分なりに内容をかみ砕いてみました。 翻訳未満という感じにまとめてみます。 https://developer.wordpress.org/block-editor/developers/block-api/block-registration/ (全ページ訳して書き溜めておいてから公開したかったのですが、時代に取り残される前に公開だけしておこうというわけで中途半端にも公開しておこうと思ったらすでに5月です) 手元で書きながらテストしつつ…という作業をしているので、簡略化するために、 元のコードから翻訳機能を抜いてます。 この記事を書いた時点でのWordPressのバージョンは5.3です。 #関数 registerBlockType 新しいブロックタイプ定義を登録する（wp-block
Transformer models: an introduction and catalog — 2023 Edition
Transformer models: an introduction and catalog — 2023 Edition January 16, 2023 52 minute read This post is now an ArXiV paper that you can print and cite. Update 05/2023 Another pretty large update after 4 months. I was invited to submit the article to a journal, so I decided to enlist some help from some LinkedIn colleages and completely revamp it. First off, we added a whole lot of new models,
先日、WordPressの無料テーマCocoonをエックスサーバー社に事業譲渡してから2年が経ちました。 Cocoonをエックスサーバーに事業譲渡した理由 この度、僕がこれまで開発・運営していた「無料WordPressテーマのCocoon事業」を、「エックスサーバー株式会社」に事業譲渡さ...nelog.jp2024-12-14 10:43 「Cocoon」と「エックスサーバー株式会社」は業務提携させていただきましたこの度、WordPress無料テーマの「Cocoon」事業は、レンタルサーバーやインターネット関連サービス事業を運営する「エックスサーバー株式会社」に事業譲渡させていただきました。それと同時に、今後も私（わいひら）がCocoonの開発・運営...wp-cocoon.com 事業譲渡後、Cocoonの開発・運営には業務委託として関わってきました。 先日、「事業譲渡から2年」という
W3C Drops WordPress from Consideration for Redesign, Narrows CMS Shortlist to Statamic and Craft
W3C Drops WordPress from Consideration for Redesign, Narrows CMS Shortlist to Statamic and Craft The World Wide Web Consortium (W3C), the international standards organization for the web, is redesigning its website and will soon be selecting a new CMS. Although WordPress is already used to manage W3C’s blog and news sections of the website, the organization is open to adopting a new CMS to meet it
WordPress：Gutenbergのデフォルトブロックを非表示にする方法（Ver 5.8対応） - NxWorld
以前Gutenbergのデフォルトブロックを非表示にする方法について紹介したことがありますが、その後バージョンアップによってフック変更（allowed_block_types() → allowed_block_types_all()）・新ブロック追加・ブロックスラッグの変更・方法によっては一部ブロックの表示制御ができなくなるなど何かと変更がありました。 新ブロックや埋め込みブロック関連などまだ内容を把握しきれてなかったり不明点も多いんですが、現状の最新版であるVer 5.8対応版の備忘録として分かる範囲で再度まとめました。 はじめに 以下では必要ブロックを指定するホワイトリスト形式と逆に不要ブロックを指定するブラックリスト形式の2パターンを紹介しており、それぞれをPHPのみで実装する方法とJavaScriptも用いて実装する方法とで同じく2パターン紹介しています。 ただ、以前は可能だった
Welcome! The WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. development team builds WordPress! Follow this site for general updates, status reports, and the occasional code debate. There’s lots of ways to contribute: Found a bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are cons
CSS And Accessibility: Inclusion Through User Choice — Smashing Magazine
It is challenging to accurately understand the preferences of over 7.8 billion people at any given time. Carie Fisher outlines which CSS media features are available for detecting user preferences and how they are used to design and build more inclusive experiences. We make a series of choices every day. Get up early to work out or hit the snooze button? Double foam mocha latte or decaf green tea?
システム開発課の今門です。 前回はWordPressの新しいエディタ、ブロックエディタとはどんなものなのかを紹介しました。 今回はブロックエディタのチューニングについて話します。 現在、WordPressのコア開発の中心はブロックエディタになっています。アップデートがあるたびに、ブロックエディタの新しい機能が追加され、ブロックの数も増えています。 高機能・多機能になるのはもちろん喜ばしいことですが、管理画面のUIも複雑になり、一部の機能しか使わないような場合には、操作性はすこぶる悪くなってしまいます。必要なもののみを取り入れ、不必要なものを表示しないようにチューニングすることで、操作性は格段に向上します。 そのためのTipsをいくつかご紹介します。 [Tips 1] 特定の投稿タイプのみ、ブロックエディタを有効にする [Tips 2] 必要なブロックのみを表示する [Tips 3] ブロッ
以前にも取り上げましたが、シャーロック・ホームズ物はたくさんのGraded Readers（GR）とLeveled Readers（LR）で取り上げられており、英語多読にはとてもありがたい存在です。今回はちょっと趣向を変えて、同じ作品がレベルごとにどのような英語で表記されているかを見てみたいと思います。 有名な作品が良いかと、短編「まだらの紐」を取り上げてみます。 こちらは、The Adventure of the Speckled Bandのタイトルで、『シャーロック・ホームズの冒険』(The Adventures of Sherlock Holmes)に収録されています。 作品の冒頭、女性の依頼人がホームズとワトソンを訪ねてくる場面です。女性が恐れを感じているところの表現ですが Oxford Bookworms Library Stage 2の Sherlock Holmes Shor
多くのウェブアプリは実はFrontPageとDreamweaverを必死に再発明しようとしている？ - YAMDAS現更新履歴
ワタシは Scripting News 経由で知ったが、Wordpress の開発者、そして Automattic の創業者として知られるマット・マレンウェッグのツイートがなんとも味わい深い。 It's amazing how much development, how many startups, and how much funding is going into rebuilding Microsoft FrontPage and Macromedia Dreamweaver as a web app. (Gutenberg included.)— Matt Mullenweg (@photomatt) April 5, 2022 かくもたくさんの開発、スタートアップ、そして資金が Microsoft FrontPage や Macromedia Dreamweaver をウェブアプ
作成した再利用ブロックをまとめて確認したいときなどに見る再利用ブロック一覧へ容易にアクセスできるようにする方法です。 テーマやブロックなどの開発中で頻繁に確認するようなときは地味に便利だと思います。 メニューに追加する イメージのように「投稿」メニューの上に新たに「再利用ブロック」というメニューを追加し、クリックで再利用ブロック一覧ページに遷移するようにします。 実装にはfunctions.phpへ下記を記述し、名称を変えたい場合は第2引数、アイコンを変えたい場合は第6引数を任意のものに変更してください。 また、表示位置を変更したい場合はサンプルコード内で4としている部分を任意の数値に変更してください。 add_action( 'admin_menu', 'add_wp_block_menu' ); function add_wp_block_menu() { add_menu_page(
[レベル: 中級] AMP の WordPress 公式プラグインのバージョン 2.0 がリリースされています。 メジャー バージョンアップであり、大きな機能改善が図られています。 AMP プラグイン 改良点 v2.0 の改良点をいくつか紹介します。 3 タイプのテンプレート モード Template Mode（テンプレート モード）として、AMP ページの配信方法を次の 3 タイプから選択できます。 Standard（スタンダード） Transitional（トランジショナル） Reader（リーダー） Standard は、AMP だけで配信するモードです。 サイトを完全 AMP 化します。 URL は 1 つです。 そのため、以前は Canonical AMP とも呼んでいました。 Transitional は、通常のモバイルページと AMP ページを配信します。 通常ページで利用し
古代ローマの出版事情 古代ローマの「出版」の話をしよう。もちろん出版と言っても、今日みられる活字印刷のことではない。一五世紀半ばにグーテンベルク（Johannes Gutenberg）が活版印刷技術を発明し、聖書の印刷本を刊行し、その後の印刷技術の発達にともない、とりわけ今日ではコンピュータのおかげで出版刊行がさらに容易になり、そのために世の中に出版物があふれかえっている。けれども、西洋の古代世界にも書物の出版なるものは存在した。もちろん、出版の事情は近代以後とはまったく異なっていた。 ウンベルト・エーコの『薔薇の名前』（Il nome della rosa）を読んだことのある人がいるだろう。あるいは、ショーン・コネリー主演の映画で観た人もいるかもしれない。そこで描かれた修道院の文書館には、多くの写字生とともに、挿絵を担当する細密画家が働いている。一三〇〇年代であるから、時代は中世である。
【PDF無料】2023年最新：WordPress6.2マニュアル（グーテンベルグGutenberg版） ／ THE MANUAL｜浅見 ゆたか
※2023年8月追記 WordPress6.2の仕様に合わせたマニュアル（ver1.3）をアップしました。（6.2版を作ってる最中に6.3がリリースされちゃったので、一つ前のバージョンでごめんなさい） 埼玉県の横瀬町という小さな町で、Web制作を中心としたクリエイティブを手掛ける合同会社 浅見制作所の浅見（@azamixx821）と申します。 弊社の制作実績もまとめています、よろしければぜひチェックしてみてください！ 普段制作させていただいているWebサイト案件では、主にWordPressを利用しているのですが、クライアント様にマニュアルを要望いただくことが少なくありません。 しかしながら、Web記事では使い方やマニュアルが存在するのですが、意外とこのWeb記事を見て使ってみてくださいとご案内しても、印刷できるマニュアルを求められることが多く… この度、WordPressのデフォルト機能を
【超簡単】WordPressでカテゴリーとアイキャッチを必須設定にして抜け漏れを防ぐ方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は同プラグインを使用して、WordPressのアイキャッチとカテゴリーの必須設定をサクッと実装・紹介していきたいと思います。 こちらの記事で紹介する必須設定はエンジニアの方だけでなく、メディア関係者の方々でも簡単に実装できる内容となっております。 WordPressのデフォルトでは必須設定はできない？ 投稿を新しく追加・編集する際に、設定を忘れることがないように、あらかじめ必須の設定をかけておきたいことがありますよね。特にアイキャッチやカテゴリーは後からまとめて設定するのが面倒です。 なんとなくですが、このような必須設定って簡単にできそう……というかデフォルトの機能でついてるんじゃないの？ って思いますよね。 実はWordPressのデフォルトでは必須設定はできません。自分で新規にバリデーションを設定するか、プラグインを使用して対応する形になります。 でも、わざわざ時間をかけて自作する
1/29に開催された「翻訳フォーラム式辞書デー」のフォロー記事をぼつぼつ書いていこうと思います。 まずは、今からでもそろうEPWING*1辞書データの話です。 ここでご紹介するデータを、辞書ソフト「EBWin4」に登録すれば、十分とはいえないものの、一定の辞書環境ができあがります。しかも、EBWin4ならネット辞書も登録できるので、LogoVistaや物書堂を補完する環境くらいにはなりそうです。 ●『ジーニアス英和大辞典』（大修館書店） ジーニアス英和大辞典 大修館書店 Amazon もうそろそろ入手不可かと思ってリストなどからは外してしまったこともあるのですが、2022年2月1日現在、まだ入手できます。三大英和大辞典の一角。メジャーな英和辞典のなかでは、ほぼ唯一の生き残りです。 他のプラットフォームでは、LogoVista版、物書堂版があります。オンラインはなし。 ●『ビジネス技術実用英
WordPressのバージョンが５になって以降、正式なエディタがブロックエディタになりました。 バージョン4.9の時にプラグインとしてGutenbergが紹介されていたのですが、どうも今後このブロックエディタが主流になるような感じですね。 2021年末にClassic Editor（クラシックエディタ）のサポートが終了することが決まっておりそのまま使い続けることは困難かもしれません。 今回は、ブロックエディタ(Gutenberg)を使って目次付きテンプレートと同じようにする使い方を解説します。 いきなりブロックエディタ(Gutenberg)で書いていくのはしんどいかもしれないのでClassic Editor（クラシックエディタ）との併用をおすすめします。 併用する方法は、下記の動画を参考にしてください。 https://www.youtube.com/watch?v=0hot1tqTDvw
はじめに WordPress 5.0からGutenbergと呼ばれるブロックエディターがデフォルトのエディターとして採用されました。 そのため、今後はこのブロックエディターによる開発が増えてくると思われます。 個人的には、今までのWysiWygエディターに不満を感じていたわけではありませんが、ブロックエディターという選択肢が増えたことで、できる事の幅が増えてくる と思います。 本記事では、このブロックエディターの新規ブロック（以降、カスタムブロック）の作り方を記載して行きます。 ブロックエディターとは？ ブロックエディターは、名前の通り、HTMLをブロックように積み上げてHTMLを作成していくエディターです。 詳細は、以下を参照ください。 ブロックエディターの特徴の1つとして、上記リンク先のページにも記載がありますが、 実際のサイトと同様に表示されるエディター。 であることです。 これから
Block Pattern Directory
Patterns Add a beautiful, ready-to-go layout to any WordPress site with a simple copy/paste.
WordPressで新規投稿画面を開いたら、これまでとは違う編集画面に変わってしまい、作業がしづらくなった経験はありませんか？ 従来のクラシックエディタの投稿画面から新たにブロックエディタに変わったことが原因で、WordPressに慣れている人でも「使いづらい」という意見も多数です。 そこで、従来のクラシックエディタと最新のブロックエディタの機能性を比較しながら、それぞれの長所・短所・両エディタの切り替え方法について、わかりやすく解説します。 WordPressで 困っていませんか？ WordPressのあれこれならお任せください。 ファーストネットワードプレスサービスでは、 1998年の創業から培ってきた知見・経験を基に WordPressのお悩みを解決いたします。 WordPressのブロックエディタとは？特徴とメリット WordPressブロックエディタとは WordPressのブロ
この記事では、WordPress有料テーマ「SWELL」の感想・クチコミなどの評価を1000件以上集計・分類し、それを元にレビューしています。 Cocoon、SANGO、AFFINGER、JIN、THE THOR、STORK19、Diver、THE SONICなどとの比較口コミも掲載しています。 SWELLは、個人の初心者ブロガーにおすすめですが、企業サイト（コーポレートサイト）などのWeb制作にも使われているデザインテンプレートです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress：Gutenbergのブロック操作を制限する方法 | NxWorld
Create Block Theme プラグインを使って快適なノーコード環境でブロックテーマを作成する | エビスコム - EBISUCOM
WordPress Gutenberg ダイナミックブロックの作り方
WordPressサイトエディター対応のブロックテーマ開発（基本編） – Kiwi blog
旅に出るのでWordPressでブログを立ち上げてみた | DevelopersIO
AFFINGER5（WING、子テーマ、JET）」をWordPressへインストールする手順
WordPress：Gutenbergの不要項目を非表示にする
わかるwebさんに感謝！ 困りごとに優しく丁寧に対応してくれる - すっきり生活
受託開発におけるハイブリッドテーマ開発 – Aki Hamano
全文検索を活用するには | リサーチ・ナビ | 国立国会図書館
ReactとNext.jsの正しい星取表 - honey32
registerBlockTypeで指定する内容について - Qiita
Cocoonをエックスサーバーに事業譲渡後の2年間を振り返る
Client-side WebAssembly WordPress with no server
WordPressのブロックエディタのチューニング - シナプス技術者ブログ
英語多読 各レベルでホームズを - Mazurkaの英語よもやま話
WordPress：管理画面にGutenbergの再利用ブロック一覧へのリンクを追加する方法
AMPの公式WordPressプラグインが2.0にバージョンアップ、多数の機能改善あり
國方栄二 古代ローマの出版事情［『図書』2023年5月号より］
# 今からでもそろうEPWING辞書 - 禿頭帽子屋の独語妄言 side α
ブロックエディタ(Gutenberg)を使って目次付きテンプレートを使ってみる
【WordPress】カスタムブロックの作り方を書いてみた - Qiita
WordPressのブロックエディタ・クラシックエディタの比較 | ホームページ制作大阪ドットコム
【口コミ1000件】SWELL評判・比較レビュー【デメリット10・メリット10】 | マニュオン