WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
SiteGuard WP Plugin | WordPressセキュリティプラグイン
特長 SiteGuard WP Pluginは、WordPressにインストールするだけで、セキュリティを向上させることができるセキュリティプラグインです。 管理ページとログインページの保護を中心とした日本語対応のシンプル・簡単プラグインで、以下の攻撃を防ぐことができます。 不正ログイン 管理ページ（/wp-admin/）への不正アクセス コメントスパム 重要なお知らせ このプラグインは、インストールして有効化すると、自動的にログインページのURLを変更します。 （WordPressのログインページ（wp-login.php）を「login_<5桁の乱数>」に変更します。） 管理画面の「SiteGuard」＞「ログインページ変更」をクリックして、新しいログインページを確認してブックマークしてください。 また、新しいログインページのURLを管理者宛のメール（サブジェクト「WordPress:
【WordPress5.9 / 6.0版】theme.json 全解説 - Qiita
WordPress6.1以降の各メジャーバージョンにおける変更点については、以下記事をご参照ください。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.3】theme.json の変更点 【WordPress6.4】theme.json の変更点 【WordPress6.5】theme.json の変更点 変更履歴 2023.03.20: title プロパティに関する説明を追加しました。(解説) はじめに WordPress5.8で、新しいツールである theme.json が導入されました。 これにより、テーマやブロックがサポートする機能・レイアウト・スタイルなどの多くを、このJSONファイル一つで一元的にコントロール出来るようになりました。 この theme.json は、WordPres
【WordPress】指定したカテゴリー内で利用しているタグ一覧を取得して表示する例
WordPressでサイトを作成していると、指定したカテゴリー内の投稿で利用しているタグ一覧を表示したい場合があるかもしれません。 今回は、そのような場合に利用できるソースコードの例となります。 指定したカテゴリー内で利用しているタグ一覧を取得して表示する例例では、まず、指定したカテゴリーに属する投稿で利用しているタグのオブジェクトを取得する関数を作成します。そして、作成した関数を利用しタグ一覧を表示します。 以下が作成する関数の例となり、functions.phpに記述します。 function my_tags_in_cat( $cat_id ){ // 現在のカテゴリーに属する投稿のIDを配列で取得 $post_ids = get_objects_in_term( $cat_id, 'category' ); // 現在のカテゴリーに属する投稿で利用しているタグのオブジェクトを取得 $
Wordpressでタグクラウドを設置する方法|tamatuf
タグクラウドはwp_tag_cloud() のテンプレートタグで簡単に表示することができます。 テンプレートのタグクラウドを表示したい箇所にwp_tag_cloud()を記入します。 <?php wp_tag_cloud(); ?> 表示を確認すると設定しているタグが一覧で表示されました。 デフォルトの設定では、タグは「タグ名」の「昇順」で表示されます。 テキストのサイズは、そのタグが設定されている数によって変動しています。 表示を変更する パラメーターを設定することで、タグの表示を変更することができます。 並び順を変更する order ソート順を変更します。 初期値は「昇順（ASC）」で「降順（DESC）」、「ランダム（RAND）」が選択できます。 orderby タグの表示順とする項目を選択します。 初期値は「タグ名（name）」で、「使用数（count）」に変更できます。 例えば、o
投稿記事の並び順を直感的に変更することができるWordPressプラグイン Intuitive Custom Post Order | WordPressを知ろう！みんなの教科書
Intuitive Custom Post Orderの機能 投稿ページ、固定ページをドラッグ＆ドロップで直感的に変更できる カテゴリー、タグをドラッグ＆ドロップで直感的に変更できる カスタム投稿タイプやショッピングカートプラグイン（Welcart/Woocommerce）のカテゴリにも対応 インストール手順 ２通りのインストール方法があります。 検索を使って新規インストール プラグイン→新規追加から検索を使ってIntuitive Custom Post Orderをインストール 作者ページからプラグインをダウンロードして直接インストール Intuitive Custom Post Order インストール手順がわからない方はこちらの記事を参照 設定 ダッシュボード→設定→並び替え設定をクリックし、設定画面へ移動します。 順番を任意に入れ替えたい投稿タイプ、タクソノミーを選択 カスタム投稿
【WordPress】記事の抜粋を取得・表示、文字数・文末[…]のカスタマイズ【the_excerpt()】
この抜粋項目に入力した内容を表示したい場合、'the_excerpt()'を使用します。 テーマファイルに下記のように記述します。 <?php the_excerpt(); ?> 本文の「冒頭」の表示 上記「抜粋」項目が未入力の場合は、本文の冒頭の文字（デフォルトでは冒頭110文字）が表示される仕組みになっています。いちいち抜粋項目に入力するのは面倒くさいのでこちらを利用している方が多いのでないでしょうか。 入れておくべきプラグイン「WP Multibyte Patch」 本文の冒頭文字を表示させる際にはWordPressプラグイン「WP Mulitibyte Patch」をインストール・有効化する必要があります。 （注） 日本語のように語句の間を半角スペースで区切らない言語では「55単語」を判定できないため、抜粋できずに本文のほとんどが出力されてしまうことがあります。 WordPress
![【WordPress】記事の抜粋を取得・表示、文字数・文末[…]のカスタマイズ【the_excerpt()】](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f8b5af7b32325a6391cee23276961f36589c2d6/height=288;version=1;width=512/https%3A%2F%2Fdeco8.net%2Fwp-content%2Fuploads%2F2019%2F11%2Fwordpress-581849_640.jpg)
WordPressの抜粋で知っておくべき基本と3つのカスタマイズ - 岡山のWordPressを使ったホームページ制作ならOffise Kondo
2023年10月30日デザインの崩れを修正いたしました。2023年10月29日スライダーの画像をPCとスマホで変更できるようにいたしました。2023年10月28日タグ一覧を任意の順番に並び替えられるようにいたしました。2023年10月27日WordPress、プラグイン、テーマ、PHPのバージョンアップを担当いたしました。2023年10月26日サイトが正常に表示される状態まで復旧いたしました。2023年10月25日デザインの微調整を担当いたしました。2023年10月24日カスタム投稿に詳細ページ実装いたしました。2023年10月23日WordPress、プラグイン、テーマ、PHPのバージョンアップを行いました。2023年10月22日GOOGLEマップを埋め込みました。2023年10月21日ヘッダーのレイアウト崩れを修正いたしました。2023年10月20日ページ毎に異なるCTAボタンが表示で
WebストーリーをWYSIWYG形式で作成するWordPressプラグインをGoogleが公開
[レベル: 中級] Web Stories（Web ストーリー、旧 AMP Stories）を作成する WordPress 用プラグインを Google はリリースしました。 ブラウザで実際にどのように見えるかを確認しながら Web ストーリーを編集できるのが特徴です。 🔥 Web Stories are coming to WordPress! The first public beta is now available (for the adventurous) to install & test. 👉🏽 More info here: https://t.co/KYUwyF8h8j pic.twitter.com/55qKNX1c4s — Paul Bakaus (@pbakaus) July 1, 2020 WYSIWYG で Web ストーリーを編集 このプラグインが優れて
WordPress : 特定カテゴリーを指定するif文 | クロジカ
ホーム / ハック / WordPress : 特定カテゴリーを指定するif文
[WordPress]カテゴリ毎に記事の一覧を表示して、自由に変更する - FlipClap
WordPressで↓のようにカテゴリ毎に記事の一覧を表示する方法です。 早速ですがテーマに書くコードは↓のようになります。get_categories() でカテゴリを取得して、カテゴリ毎にループさせる形です。 <?php $categories = get_categories(); foreach($categories as $category) : ?> <h1><a href="<?php echo get_category_link( $category->term_id ); ?>"><?php echo $category->cat_name; ?></a></h1> <ul> <?php $args = array( 'cat' => $category->cat_ID ); $query = new WP_Query( $args ); if ( $query ->h
![[WordPress]カテゴリ毎に記事の一覧を表示して、自由に変更する - FlipClap](https://cdn-ak-scissors.b.st-hatena.com/image/square/28f00a4d25f459d11ac3118383f33d224bb06d6a/height=288;version=1;width=512/https%3A%2F%2Fflipclap.co.jp%2Fwp-content%2Fthemes%2Fsango-theme%2Flibrary%2Fimages%2Fdefault.jpg)
WordPressのカテゴリやタグに画像を登録する方法 | MONOCHROME DESIGN｜東京杉並のフリーランスWEBデザイナー。WordPressホームページ/ウェブサイト制作
WordPressのカテゴリやタグ自体に画像を登録したいという要望があったので、その方法などをご紹介します。 カテゴリやタグ自体に画像を登録したい事があった 最近携わっている案件で必要になったのですが、カテゴリ一覧やタグ一覧などのページで、そのカテゴリやタグを表す画像を登録したいという要望がありました。 WordPressでは、カテゴリやタグに設定できるのは、「名前」「スラッグ」「説明」（カテゴリは「親」も）のみで、カテゴリやタグ自体に画像を登録することは基本的に出来ません。しかし、調べてみるとプラグインを使えばそれが可能になるという事がわかりました。プラグインとその方法をご紹介します。 使うプラグインは「Advanced Custom Fields（ACF)」です まず使うプラグインは「Advanced Custom Fields（ACF)」です。このプラグインは、元々WordPress
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の無料のプラグイン「Maps Builder」で複数のピンを立てたGoogleMapを作成する方法！ | インクループ株式会社｜神奈川県相模原市 ホームページ制作、WEBマーケティング
WordPressの無料のプラグイン「Maps Builder」で複数のピンを立てたGoogleMapを作成する方法！【お手軽で簡単、HTMLタグも埋め込めます】 2016.11.28 網干 裕介 ＷＥＢ制作, ＴＩＰＳ Googleマップ , WordPress , ピン , プラグイン , マーカー コメントを書く 降雪の翌日に、駐輪場の自転車が泥だらけになっていて憂鬱な気持ちになった網干です。 どうやら、家の屋根の雪が滑り落ちた際に泥が跳ねて自転車が犠牲になったようです…。 駐輪場に屋根はあるのですが、こればかりはどうやっても回避できません…(´・_・`) というわけで、今回はWordPressのGoogleMap作成プラグイン「Maps Builder」を使って、複数のピンを立てた地図をサクッと作る方法をご紹介致します。 今回の記事を読むことで、下図のようなGoogleマップが作成
WordPressでカテゴリーを別サイトに移行する方法｜新サイト構築の手順
こんなふうに悩んではいませんか？ 記事を書いていると、ライティングが得意なジャンルと不得意なジャンルがあることに気がつきますよね。 雑記ブログなのに特化サイトっぽくなってしまった。そんな時、カテゴリーごと特化サイトにお引越しするという選択肢があります。 この記事ではカテゴリーを特化サイトに移す方法を紹介します。過去に一度30記事ほどを移動したことがあるのですが、PVが倍以上になったので特化ブログ恐るべしです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Local
WordPress 5.8で導入されたtheme.jsonとは？ | ITコラム | ソリッドシード株式会社
WordPressのtag関連【タグ】のまとめ（一覧・タグクラウドなど） | WordPress | Web関連 | KEPRATE
ワードプレスで抜粋文の文字数が変えられない
特定の親カテゴリーに属する子・孫カテゴリーに反映させる条件分岐 / YOMEMO