WordPressの今までの解説書は全部過去のものに、制作の仕様が大きく変わったブロックテーマの使い方がよく分かる解説書 -作って学ぶWordPressブロックテーマ
「ブロックテーマ」とは、WordPressのサイトエディタのために用意された新しいテーマのフォーマットで、Gutenbergのブロックを使用してテンプレートを構成するものです。WordPressが後方互換を考慮するかぎり、今までのクラシックエディタや初期のGutenbergも使用できると思いますが、これからWordPressのテーマを制作するなら、このブロックテーマが必須になります。 WordPressのこれからのテーマ制作の標準「ブロックテーマ」をしっかり学べる解説書を紹介します。 著者はHTMLやCSSをはじめ、JavaScriptの解説書などWeb制作系の解説書で、はずれ無しのエビスコム様。ていねいで詳しい解説は分かりやすく、実践的なサンプルもたくさんあるので、かなり役立つと思います。 本書もWordPressのブロックテーマをその基礎知識から実践的なテクニックまで詳しく解説されてお
WordPressと静的ファイルを共存させて部分CMS化する
Posted: 2010.12.03 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressを使用してコーポレートサイトを制作&運営する場合、「新着情報」や「よくある質問」など、よく更新するページをWordpressで制作（CMS化）して、ほとんど更新のない「会社概要」や作り込みをするページを静的ファイル（html）にしたいなというケースがあると思います。 この記事ではWordpressと静的ファイルを共存させる方法と、それに伴った変更すべき設定などをご紹介します。 WordPressをインストールする たとえばこんな感じですでにルートにhtmlファイルやフォルダがあるとします。 index.html sitemap.html about.html service.html Wordpressはかなりのファイル数があるのでルートにインストール
静的なトップページなどにWordPressの新着情報を表示する方法 | oku-log
ブログ部分だけWordPressを使ってCMS化するケースは今でもたまにあります。 その場合、静的サイトが先にあるケースがほとんどで大体がトップページに新着情報を表示する流れに。 例えばブログの新着情報を静的なトップページ（index.htmlなど）に５件表示して、『一覧はこちら』といったリンクをつけるようなケースです。 ものによってはサクッとWordPressで作り直した方が楽な案件もありますが、今回は静的ページはそのままで新着情報を追加する方法を紹介します。 ブログ部分をWordPressで準備する まずはWordPressを準備して任意のディレクトリに設置します。 今回は例として/public_html/wp/の場所に設置することにします。 静的ページでphpを読めるようにする 通常phpを使用する場合、拡張子は.htmlではなく.phpを使用します。 が、今回は静的ページをそのまま
WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
WordPressサイトの画像をWebPに変換・対応できるプラグイン「WebP Converter for Media」 – ワードプレステーマTCD
WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26
超簡単にローカル環境が構築できるLocalbyFlywheelの使い方
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Local by Flywheel（ローカルバイフライホイール）とは、簡単にWorpdressサイトを構築できる、ローカル環境構築ツールである。 プログラムのコードが書けない人や、コマンドを理解できない人でも簡単にインストールすることができ、複数のWordpressサイトをボタンクリックだけで、自身のPCに構築することができる。 手軽にテスト環境を構築したい人や、初めてWordpressサイトを構築する人など、初心者には特にこのLocal by Flywheelを使ってローカル環境を作ることをオススメする。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月
WordPressのローカル環境構築ならLocalがおすすめ！ | Web Design Trends
WordPressのWebサイトを制作する上で欠かせないのがローカル環境の構築です。サーバー上にWordPressをインストールして開発を行う場合、サイト公開前からサーバーを用意しないといけなかったり、ファイルを編集する度にアップロードする必要があるなど、なにかと手間がかかってしまいます。 MAMPやXAMPPなど、ローカルにサーバー環境を構築して開発を行うためのツールは様々存在していますが、今回ご紹介するLocal by FlywheelはWordPressに特化したローカル環境構築ツールなので、操作が簡単だったり難しい設定が必要なく、初心者でも簡単にローカル環境を構築することができてしまいます。 Localとは Local（正式名称：Local by Flywheel）はWordPressをローカル環境で開発することに特化したツールです。WordPressの開発を行う際は、サーバー上で
WordPress 5.5に実装されたネイティブ サイトマップ機能を無効化する方法
[レベル: 中級] この記事では、Wordpress 5.5 に標準実装されたサイトマップ生成機能を無効化する方法を紹介します。 WordPress のコア XML サイトマップ機能 リリースされたばかりの WordPress 5.5（この記事を公開している時点での最新バージョン）は、検索エンジン向けの XML サイトマップを作成する機能をコア機能として標準実装しました。 これまでサイトマップ生成にはプラグインを利用していました。 コア サイトマップは WordPress をインストールしたディレクトリの直下に作られます。 ファイル名は wp-sitemap.xml です。 example.com に WordPress をインストールしていたらサイトマップの場所は example.com/wp-sitemap.xml になります。 アクセスしたサイトマップはこんな感じです（正確には、サイ
WordPressの画像サイズを変更、追加、削除する方法 | みずねノート
WordPressでは画像をアップロードすると、いくつかの異なるサイズの画像が自動的に作成されています。この機能により、投稿に追加する画像サイズを簡単に選べたり、サイトを訪れた人の通信環境等に合わせて自動的に適切なサイズの画像を送信したりしています。 この記事では、自動的に作成される画像サイズの変更や、追加・削除する方法を紹介します。 ## 画像の保管場所は？ アップロードされた画像や、自動的に作成されたサイズ違いの画像は、WordPressの中のフォルダに保管されています。 インストールした場所にある「wp-contents」フォルダの中の「uploads」フォルダです。設定により、ここに直接画像が置かれている場合と、年月別のフォルダに分けて置かれている場合があります。FTPソフトや、サーバーのファイルマネージャ機能を使うと確認できます。 「image001-100x100.jpg」のよ
Contact Form 7からのメールがOffice365の場合届かない
レンタルサーバーに設置したWordPressにプラグインContact Form 7を利用すると、Office365に設定された独自ドメインのメールが送信できませんでした。さくらやGmail、xserverだと大丈夫だったのに・・・。そんなときプラグイン Cimy Swift SMTPで「指定したSMTPサーバーを使うように切り替える」ことで対応できましたのでご紹介いたいます。 メールサーバー：office365 独自ドメイン：お名前.comで管理 ホームページのサーバー：さくらインターネット Cimy Swift SMTP設定方法 1. Cimy Swift SMTPのインストール まずは「プラグイン」「新規追加」より「Cimy Swift SMTP」をインストールしてください。 2. Cimy Swift SMTPの設定 サイドメニューの「設定」より「Crimy Swift SMTP」
Enhanced Media Library 使い方-Part6 おまけー実践編ー
【備忘録】データ反映されてないWordPress Popular Posts ”Sorry. No data so far”
日本語 « WordPress 5.0 利用開始前に知っておくべきこと
WordPress 5.0 には、編集エディターの一新と、それに伴うデータ保存形式の変更という、かつてない大きな仕様変更が含まれています。そのため、従来の更新とは異なり、利用開始の際には、すべての利用者が対応のためのなんらかのアクションと決断を行わなくてはなりません。 編集者は、新しいエディターについての知識が必要となります。サイト開発者・管理者の方は、新しいエディターを取り入れたサイトが意図した通りに動作することを事前に確認してください。 新エディター Gutenberg ブロックエディターに備える WordPress 5.0 利用開始時にもっとも注意すべき点は、旧バージョンから更新、または、新規インストールを行った場合に、デフォルトのエディターが、従来のエディター（クラシックエディター）から新エディター （ブロックエディター、コード名 Gutenberg）に置き換わることです。これがど
[WP] Search Regex でカスタム投稿タイプを対応させる方法 | @mekemoke
ご無沙汰してます。ガッツリ制作シーズンに入った小杉です。 やー、レスポンシブサイトは Rootstrap を親テーマにして改造するとめちゃくちゃ速いということがわかりました。 それは置いといて。 文字列を置換できるプラグイン、Search Regex Search Regex ってプラグイン。便利ですよね。 WordPress コンテンツ内の文言を検索したり、置換したりできるプラグインです。 公式サイト：WordPress › Search Regex « WordPress Plugins ただ、更新が滞っているので若干心配ではありますが。 ローカル環境から本番環境に移行する際、エクスポートしたコンテンツのパスが変わるので、それを全部置換したいなと思って。 phpMyAdmin と FTP が使えない状況だったので、管理画面で何とかするしかないわけです。 ちなみに、ローカル環境からエクス
![[WP] Search Regex でカスタム投稿タイプを対応させる方法 | @mekemoke](https://cdn-ak-scissors.b.st-hatena.com/image/square/48390f66d340dbb71b8ea1e8313dba44252038d7/height=288;version=1;width=512/https%3A%2F%2Ffarm2.staticflickr.com%2F1182%2F542439223_79fe963a6f.jpg)
WordPressブログを少しでも高速に表示するためにやってきたことメモ帳 - 電磁波で死んでしまう前に
Googleが表示速度の速いサイトを高い評価にしているのはご承知のとおり。 ウェブを見るユーザーのお客様ご自身が、速く表示されるサイトのほうがうれしいと思うはずだからね。 だから、表示速度を速くする改善をやってます。しょっちゅうじゃないけど。そのメモ帳です。 １．Googleのページスピードインサイト 表示速度の測定は、Googleが提供しているページスピードインサイトというサイトで調べることが可能です。 速度を調べるだけでなく、改善すべきポイントも表示してくれます。 まあ、Googleにしてみれば、 わたしたちはあなたのサイトの表示速度について、この部分がこんな風に遅いから、改善したほうがいいよ。そしたら評価を高くしてあげるよ てなもんでしょうか。 ２．まず、このはてなブログ このはてなブログの測定結果は モバイル ５８（Poor：はよ改善せえ！） パソコン ６５（Needs Work：
勝手に閉じるWordPressのPタグをねじ伏せる５つの呪文 : おち研 技術部
WordPressで自動改行処理をするwpautopの条件と対処方法、また無効にする方法についてまとめました。 WordPressのパラグラフ処理は、少し癖がありますね。 頼まれもしないのに勝手にPタグくっつけておきながら、いざ自分で装飾に使おうとすると、ちょっとしたことでブチブチ切れてしまうので困ってる方も多いんじゃないでしょうか。 …ということで傾向と対策について考えてみました。 WordPressの改行タグが閉じる条件 WordPressでは基本的に2連続の改行、つまりテキストの前後に空行が1行以上入ると<P>タグで囲まれるようになっています。 この処理は wpautop() という関数がおこなっており、他にもいくつかの条件でパラグラフを認識しています。 改行コード2連続 行頭のURL Pタグの中にDIVタグを入れる 傾向1: 改行コード2連続でPタグが閉じる 前述の通りWordPr
Zenlogic よくある質問（FAQ）
キーワードで検索検索検索の仕方は？ カテゴリーお手続き84新規契約34継続更新17解約・退会18会員/担当者情報23ご請求・お支払い29機能・ご利用方法269カスタマーポータル8メール48WEB・プログラム60データベース19FTP・ファイル共有23サーバー仕様・情報53SSLサーバー証明書21ドメイン名・DNS44サイボウズ製品19WEBアプリケーション62WordPress15EC-CUBE6RoundCube15Tiny File Manager20phpMyAdmin10phpPgAdmin10その他3トラブルシューティング88メール36WEB・プログラム29データベース3FTP・ファイル共有9SSLサーバー証明書4ドメイン名・DNS4その他4サービスお引越し9旧サービスからの移行37シェアドホスティング13サポートについて10用語集13 FAQ TOP ページが見つかりませんでし
WordPressで親カテゴリのスラッグで分岐：メモ
WordPress Codexに載っている方法ですが、自分用のメモに。 一応メモっているんですが、忘れていて検索してしまうこともありまして、その際に自分なら検索時に使いそうなワードで記事を作ればこの記事が表示され、「ああ、書いてた」といろいろ思い出せるかなと。もちろん、上の方に表示されていればですが。 親カテゴリーのスラッグで分岐 実現したかったことは、以下のことです。 ・「カテゴリーA」を親カテゴリとし、「カテゴリーa1」「カテゴリーa2」をその子カテゴリーとして作成 ・「カテゴリーA」の子カテゴリーは今後も増えて行く予定 ・「カテゴリーA」とそこの属する子カテゴリーをまとめて分岐させたい ・IDではなく、カテゴリーのスラッグをキーにしたい IDを個別に指定するのは後の作業が大変なので、親カテゴリーで分岐させたほうが楽、というのが理由です。in_categoryでは実現できませんので、C
指定したカテゴリの最上位の親カテゴリを取得する関数 - Qiita
function get_top_categoryData($cat_id){ $category_data=get_category($cat_id); while($category_data->category_parent != 0){ $category_data=get_category($category_data->category_parent); } return $category_data; } 指定したIDが最上位の場合はそのまま指定したIDのカテゴリ情報を返します。 利用例 取得したカテゴリの最上位カテゴリの名称を表示 ※例なので、カテゴリは記事にひとつのみ設定されている想定です。 $post_category = get_the_category(); $post_top_category = get_top_categoryData($post_catego
PHPで複数の一括置換 str_replace | zaru blog
PHPで複数の一括置換がしたい… こんなお悩み、普通のPHPerなら悩む必要ないよね。あーあ、なんで今まで気がつかなかったんだろう。アホすぎる。普通にstr_replace() で実現可能じゃないか。置換対象に配列指定可能。 $str = 'iPad欲しい。Xperia欲しい。お金欲しい。'; $search = array('iPad','Xperia','お金'); echo str_replace($search,'彼女',$str); #=> 彼女欲しい。彼女欲しい。彼女欲しい。 $str = 'iPad欲しい。Xperia欲しい。お金欲しい。'; $search = array('iPad','Xperia','お金'); $replace = array('あれも','これも','もっともっと'); echo str_replace($search,$replace,$str)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hublog.biz
