WordPressのおすすめブランクテーマ・スターターテーマまとめ【2021年版】 | Web Design Trends
WordPressの自作テーマを作る場合、0から自分で作る方法でも作ることはできますが、WordPress独自のコードを記述する量が多くなってしまい、かなりの手間がかかってしまいます。 そんな時に使えるのが「ブランクテーマ」「スターターテーマ」と呼ばれるテーマです。ブランクテーマやスターターテーマを使うと、基本機能が備えられたコードを元にテーマを作ることができるので、効率的にテーマ制作を行うことができます。 今回は、ブランクテーマの基本と2021年最新のおすすめブランクテーマをご紹介したいと思います。 【2023年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す...
データポータビリティツールの利用範囲を拡大 | Metaについて
Facebook社は4月19日（米国時間）、利用者が自身のデータをより詳細に管理し、より多くの選択ができるようにするため、転送可能なデータにFacebookの投稿とノートの2つを追加したことを発表しました。これにより利用者は、ノートおよび投稿をGoogleドキュメント、Blogger、WordPress.comに直接転送できるようになります。これまでも写真と動画をBackblaze、Dropbox、Googleフォト、Koofrへ転送することは可能でしたが、今回のアップデートによりこの機能の利用範囲がさらに広がります。また、Facebookパートナーのサービスへの転送が可能となったデータの種類をより正確に反映するため、機能名を「自分の情報を転送する」に変更します。 このデータポータビリティツールは、プライバシー、セキュリティ、および実用性を考慮して設計されています。Facebook社は転送
WordPressのSEOを強化するコツとは？
WordPressは導入や更新の手軽さから多くのユーザーに支持されているCMSのひとつです。加えて、SEOにも強いことから、企業のオウンドメディアとしても数々の導入事例を誇っています。しかし、WordPressのSEO評価を強化するためには、プラグインの追加や適切なコーディングが必要です。 この記事では、現役のWebマーケターである筆者が、WordPressで作成したWebサイトのSEOを強化するための施策について詳しく解説していきます。 目次 そもそもSEOとはどのような概念なのか SEOを強化するために意識すべきポイントは3つ WordPressのSEOを強化するためにインストールすべきテーマとプラグイン WordPressのSEOを強化するために見直したいポイント WordPressのSEO対策を徹底して魅力的なサイトを作成しよう そもそもSEOとはどのような概念なのか SEOとは、
WordPress 5.5がサイトマップ生成機能を標準装備（上級者にはもの足りない？）
[レベル: 中級] WordPress 5.5 が、サイトマップ生成を標準機能として実装します。 プラグインを必要としません。 WordPress 本体の機能としてサイトマップを送信できます。 WP 製サイトマップの仕様 WordPress が標準機能として生成するサイトマップの仕様の概要は次のとおりです。 ファイル名: wp-sitemap.xml。WordPress をインストールしたディレクトリの直下に作られます。 登録可能 URL 件数: wp-sitemap.xml はサイトマップ インデックス ファイルです。最大で、50,000 件のサイトマップを含めることができます。サイトマップには、最大 2,000 件の URL を含めることができます。つまり最大で、1 億件の URL をサイトマップで送信できます。 robots.txt への追加: WordPress が自動生成する r
WordPressおすすめテーマ（日本語）８選！コーポレートサイト編｜2022年5月版
WordPress無料テーマではなく、有償の日本語テーマを選択するメリット WordPressでコーポレートサイトを構築、運営する場合、デザイン性だけでなく、以下の点も考慮に入れて日本語テーマを選ぶことをおすすめします。 商用利用可能と明記されているもの（大前提ですが。。） 日本語対応がしっかりしているか？（デモサイトが英語でできている場合、一見カッコよく見えるのだけど、日本語で使うとイマイチのものがあるので） WordPressのバージョンアップ時のテーマ自体のアップデート対応やセキュリティ対応がどこまでしっかりしているか？ カスタマイズがどこまで可能か？（無料テーマの場合、カスタマイズ範囲が狭く、多くの人に使われているケースがあるので、似通ったデザインのサイトになりがち） レスポンシブ対応（特にスマホ版の見た目もしっかり作られているか？） SEO対策済み（基本的なSEO対策にくわえ、特
WordPress 5.5がネイティブLazy-loadをサポート。画像にloading=”lazy”を自動追加し遅延読み込みさせる
[レベル: 中級] ネイティブ Lazy-load を WordPress 5.5 が標準機能として実装します。 <img> タグに loading=”lazy” を自動追加 width 属性と height 属性を追加してある <img> タグには loading="lazy" が記事出力時に自動的に挿入されます。 記事作成者（＝あなた）は何もする必要はありません。 WordPress 側のバックグラウンド処理によりネイティブ Lazy-load が実装され、画像の遅延読み込みが実現します。 もちろん、過去に投稿した記事にも適用されます。 CLS を防ぐために width/height が必要 loading="lazy" を WordPress が追加する画像 (<img> タグ) には width 属性と height 属性が存在していなければなりません。 理由は CLS を防ぐため
WordPressのフォント変更のコツ。ブランドイメージを正確に伝える方法
WordPressは、非常に自由度の高いサイト運営が可能で、サイトのデザインや見せ方も自分の思うようにカスタマイズできるところが魅力です。魅力的なサイトを作るために、デザイン同様に「フォント」も意識したいところです。 フォントは、その他の機能と同様にサイトのイメージを大きく左右します。つまり、どんなフォントを使用するかはとても重要な要素と言えるでしょう。 そこで今回は、WordPressのフォントを変更するメリットや注意点など解説していきます。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 フォント変更のメ
WordPressプラグインとしてSite KitをGoogleが正式公開、WPからSearch Consoleのレポートを確認可能
[レベル: 中級] Google は WordPress のプラグインとして Site Kit を正式リリースしました。 Site Kit を利用すると、Search Console や Google アナリティクスなどの Google のツールによるレポートを WordPress のダッシュボードから確認できます。 Site Kit はベータ版としてこれまでは提供されていました。 Google のサイトから直接ダウンロードしてインストールしました。 正式公開となったので、WordPress の公式プラグインディレクトリから今はインストールできます。 インストールは簡単、WP ダッシュボードから SC のレポートをチェック Site Kit の利用方法は難しくありません。 手順を簡単に説明すると次のようになります。 インストール Google アカウントにアクセス権付与 AdSense・G
WordPress 記事編集時にカスタムCSSを効かせる | バシャログ。
どうもfujiharaです。夏の終りのこの季節過ごしやすくて一番好きです 本日はWordPress 5系からGutenberg に変わったんですが、TinyMCEでカスタムCSSを効かせる方法をご紹介します。 はじめはGutenbergでもやってたんですが、それ以外の設定が多すぎてまずはTinyMCEでご紹介させてください。。 使用前 カスタマイズの前後でどう変わるかお見せします。 before after 方法 2つの手順で行っています。 読み込みCSSの追加 TinyMCEの Body に特定のクラスを追加 読み込みCSSの追加 add_action('after_setup_theme', function () { add_editor_style("assets/css/common.css"); add_editor_style("assets/css/editor_reset
ネイティブLazy-loadをWordPressで簡単実装するプラグインをGoogleが公開
[レベル: 中級] ネイティブ Lazy-load を簡単に実装する WordPress 用のプラグインを Google が公開しました。 ネイティブ Lazy-load は JavaScript のライブラリを利用することなく loading 属性を追加するだけで、画像と iframe の遅延読み込みを可能にします。 1 か月前にリリースされた Chrome 76 でサポートされました。 設定不要、インストールするだけで WP で Lazy-load Native Lazyload プラグインの使い方は非常にシンプルです。 インストールして有効にするだけです。 設定項目はありません。 有効にすると、img タグと iframe タグに loading=”lazy” 属性をプラグインが自動的に追加します。 現状では、loading 属性をサポートするブラウザは Chrome 76（以上）だ
Wordpressで投稿の本文中に別投稿タイプの記事の情報をショートコードで埋め込む | バシャログ。
そしてこのフィールドを表示する条件のところを投稿タイプ、等しい、店舗情報にしてください。 ここまでで店舗情報が作成できるようになったので、適当に入力して店舗情報の投稿を1つ作ってください。 通常の投稿タイプから店舗情報を呼び出す。 ショートコードの作成 WordPressでショートコードを追加するには、add_shortcodeという関数を使用します。 add_shortcode('ショートコードのタグ', 'コールバック関数'); 第一引数にショートコードを判別するためのタグの文字列を入れます。例えば、[some_shortcode]でショートコードを呼び出したい場合、add_shortcodeの第一引数にsome_shortcodeと入れます。 そして第ニ引数でコールバック関数名の文字列を指定します。 ショートコードで呼び出すコールバック関数を定義していきます。 function ge
【 WordPress】ユーザーIDを秘匿する方法 | バシャログ。
こんにちは。koyaです。 ちょっと前までスケボーにハマって毎日のように練習に行っていましたが、最近は暑すぎて引きこもりがちです。 OculusQuestがOculusGoのアプリに対応するらしく期待して待っています。 今回はWordPressのセキュリティ対策の中でも、ユーザーID関係の対策についてご紹介します。 何故ユーザーIDが大事なのか WordPressは初期設定だとURLの最後に/wp-adminと入力するだけでログイン画面へ遷移することができます。 ログイン画面で求められるものがユーザーIDとパスワードのみのため、ユーザーIDが発覚すると残る砦がパスワードだけになってしまいます。 パスワードだけではリスト攻撃されてしまうのでユーザーIDを秘匿することは重要です。 ではどのようにして秘匿すれば良いのでしょうか。 管理者IDを非公開にする。 WordPressは初期状態だとhtt
Docker Compose でWordPress環境を作ってみる | バシャログ。
こんにちは、ishidaです。最近、猫カフェにハマってます。 Dockerを先日インストールしたので、WordPress環境を作ってみたいと思います。 開発環境 ・macOS Mojave 10.14.4 ・Docker version 18.09.2 Docker Composeとは 公式サイトには、 Compose とは、複数のコンテナを使う Docker アプリケーションを、定義・実行するツールです。Compose はアプリケーションのサービスの設定に、Compose ファイルを使います。そして、コマンドを１つ実行するだけで、設定した全てのサービスを作成・起動します。 と書いてあります。 コマンド１つだけで、複数のサービスを作成・起動が出来るようになります。 超便利ですね。 Docker のインストール まずはDocker Desktopをインストールしていきましょう。 公式サイトか
WordPressで記事のカテゴリ・カテゴリ一覧を表示する方法まとめ ｜ CJコラム
WordPressで記事のカテゴリ・カテゴリ一覧を表示する方法まとめ WordPressのテーマ内でカテゴリを表示する方法について、 いつもパッと思い出せなくなるので、サイト制作でよく使うものをまとめてみました。 テンプレートタグを使わず柔軟にカスタマイズしたい人向けです。 これで制作がはかどりますね！ ※出力するHTMLは適宜変更してください。 投稿に設定されているカテゴリーを表示する カテゴリを1つ表示する 新着ニュース一覧などでよく使われている、1つの記事に1つカテゴリを表示する例。 カテゴリが複数設定されている場合は、一番上のカテゴリが表示されます。 $categories = get_the_category(); $cat = $categories[0]; //(例)classにスラッグを指定したカテゴリーのラベル echo '<span class="'.$cat->slu
私のWordPress、表示遅くない？――そのボトルネックの見つけ方と改善方法を探る
私のWordPress、表示遅くない？――そのボトルネックの見つけ方と改善方法を探る：とにかく速いWordPress（21）（1/2 ページ） とにかく速いWordPress 前回は、「Transients API」と「Object Cache」を用いた部分的なキャッシュによる高速化の手法を紹介しました。今回は、表示の遅延のみならず、サーバの負荷上昇の原因にもなり得るボトルネックの見つけ方とそれに対する改善手法を紹介します。 ボトルネックの基本的な見つけ方 ボトルネックは、経験豊富な方の場合、状況からある程度の目安を付けられます。しかし、経験が少ない方は、やみくもに対策を施してしまい、なかなか期待した効果が得られず、時間ばかりかかってしまうことも少なくありません。 そこで、ボトルネックを見つける良い方法は、まずはボトルネックの原因箇所を大まかに切り分けて、その後、徐々に絞り込んでいく手法で
【WordPress】Gutenberg入門①Gutenbergってどんなもの？ | バシャログ。
いきなり寒くなりましたね。年末年始まで風邪をひかずに頑張りたいyanagimachiです。 さて先日、WordPress5.0 “Bebo”が出ました。もう5.0.1も出ています。 今回の大きな変更といえば新しいエディタ「Gutenberg（グーテンベルク）」です。 今までのビジュアルエディタやテキストエディタ、よくあるWYSIWYGエディタとは違い、ブロックベースのエディタです。いわゆる見たまま編集ができるようになり、だいぶ見た目が変わりました。 今までのエディタ Gutenberg 今までの投稿はどうなるの？ タイトル＋本文＋カテゴリのシンプルな投稿で比較してみます。 ビジュアルエディタで入力した簡単なHTMLの場合 ビジュアルエディタで入力した簡単なもの（タグでいうとp,em,strong,ol,ul,li,blockquote使用）の場合、Gutenbergに変えたところ、本文が全
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressの記事一覧｜ferret
Amazon.co.jp: [改訂版]WordPress 仕事の現場でサッと使える! デザイン教科書[WordPress 5.x対応版] (Webデザイナー養成講座): 中島真洋 (著), ロクナナワークショップ (監修): 本![Amazon.co.jp: [改訂版]WordPress 仕事の現場でサッと使える! デザイン教科書[WordPress 5.x対応版] (Webデザイナー養成講座): 中島真洋 (著), ロクナナワークショップ (監修): 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/527646a7707efdac2cb1ca3b931f73b218eb7c28/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51WVmmR%2BDRL._SL500_.jpg)
【WordPress】URL変更で旧URLから新URLへ自動転送（リダイレクト）する方法を解説 | takalog
【WordPress】一部のブロックだけ使いたい、それ以外は非表示にしたいという時に使えるプラグイン「Block Manager」 | バシャログ。
