ブログを WordPress + さくらのVPS から GatsbyJS + Netlify へ移行 - アカベコマイリ
ブログを WordPress + さくらのVPS から GatsbyJS + Netlify へ移行した。その作業メモをまとめる。 移行補助ツール WordPress から GatsbyJS へ移行する際に使用した補助ツールについて。 wpxml2md WordPress の記事を GatsbyJS 用に Markdown 化するためのツール。 wpxml2md - npm WordPress の Markdown 移行補助ツールを開発してみた これは WordPress の管理画面から出力した XML を解析して、記事単位の Markdown ファイルに変換するというもの。当初は変換ぐらいしか実装していなかったが、移行にともない機能不足を感じたので以下を追加した。 メタデータ埋め込み 記事 XML からタイトルや日付を解析 記事ファイル冒頭へ gatsby-transformer-rem
WrdPress のセキュリティ強化方法 | Thought is free
WordPress で作られたサイトを見回すと、結構セキュリティに無関心なように見えるサイトがちょこちょこと見られる。 なので、初心者でも簡単にできる WrdPress のセキュリティ強化方法を書いておく。 wp-config.php を見えなくする wp-config.php は MySQL のユーザー名とパスワードが書かれているので、特に共有サーバーを利用してる場合はやった方が良い。 万が一、共有サーバーで共有してる人に MySQL のユーザー名とパスワードが漏れると、DB の中身を見られたりイタズラされたりする可能性がある。 内部からのアクセス禁止 権限（パーミッション）を 400 にするのが良い。 400 ってのは「所有者のみが読み込みできる」って意味。 ただし、サーバーの設定によっては 404 や 440 じゃないと動作しない場合もあるので、その時は環境によって修正。 また、「所
ギャラリー（アタッチメント）の各要素を取得する方法
Tweet TweetWPのギャラリー機能はどうも使いにくい。 投稿に帰属する添付（attachment）なので、そこから各種要素を拾い出すことができます。 ギャラリーの各要素を取得して自由に使う方法です。 <?php $postid = $post -> ID; $args = array( 'numberposts' => -1,//取得件数（初期値は5件、-1で全添付を取得） 'order' => 'ASC',//並び順 'orderby' => 'menu_order',//並び順の規準 'post_type' => 'attachment',//取得種類（この指定で添付を取得できる） 'post_mime_type' => 'image',//取得種類（この指定で添付の種類ギャラリーを取得できる） //'post_mime_type' => 'application/pdf',/
WordPress カスタム投稿タイプかどうか判別したい。 - かもメモ
is_archive()とかの分岐をカスタム投稿タイプでしたい時の書き方 アーカイブページ is_post_type_archive( $post_type ) を使う <?php // 特定のpost typeで判別 if( is_post_type_archive( 'hibiki' ) ) { // 投稿タイプがhibikiのアーカイブページ } // いずれかのpost typeで判別 if( is_post_type_archive( array( 'akatsuki', 'hibiki', 'ikazuchi', 'inazuma') ) ) { /* 投稿タイプが * 'akatsuki', 'hibiki', 'ikazuchi', 'inazuma' * いずれかに一致するアーカイブページ */ } シングルページ ( 固定ページ、個別投稿ページ、添付ファイルページ )
「WP-PageNavi」で出力されるHTMLを任意の形に変更・整形する方法！ | スタッフブログ | 株式会社クーネルワーク
こんにちは、制作部のkeishibukiです。 今回のテーマはWordPressプラグインの「WP-PageNavi」。 投稿一覧などで使われるページャー機能（上の画像のようなもの）を 簡単に実装できる便利なプラグインです。 「WP-PageNavi」の簡単な使い方 プラグインのインストール まずは以下の手順でプラグインをインストールしてください。 管理画面>プラグイン>新規追加>「WP-PageNavi」で検索>インストール&有効化 プラグインの使い方 ページャー機能を実装したい箇所（archive.phpなど）に以下のコードを書いてください。 <?php wp_pagenavi(); ?> 出力結果 <div class="wp-pagenavi"> <span class="pages">1 / 4</span> <span class="current">1</span> <a c
カスタム投稿タイプ、カスタムタクソノミーについて整理してみた | 無料WordPressテーマ Principle
つまり、元々ある「投稿」、「固定ページ」以外に「おすすめ商品」という投稿タイプを新たに作って、そのおすすめ商品記事の分類方法として「カテゴリー」と「メーカー」というタクソノミーを新たに作ったわけです。 このように自分で追加した投稿タイプをカスタム投稿タイプと言います。同様に自分で追加したタクソノミーをカスタムタクソノミーと言います。それだけです。 落ち着いて考えたらそんなに難しくはないのですが、「カスタムタクソノミー」という見慣れない聞き慣れない言葉がこれらの概念を無駄に難解にしてると思います。罪深きカスタムタクソノミー・・。 ややこしかったら、「タクソノミー」を全部「分類タイプ」に脳内で変換して読むようにしたらいいと思います。 カスタム投稿タイプをコピペで作ろう ではカスタム投稿タイプを実際作ってみましょう。 「ソニー」や「パナソニック」などのターム自体はWordPressの管理画面から
AMP
説明 ページエクスペリエンス (PX) は、Core Web Vitals (CMV) を含む一連のランキングシグナルで、ウェブページを操作する際のユーザーエクスペリエンスを測定するものです。AMP は、多くの最適化やベストプラクティスをサイト上で自動的に適用する強力なツールであり、訪問者にとって良好なページ体験を容易に実現することができます。AMP チームがサポートする公式プラグイン「AMP Plugin」は、通常のパブリッシングフローとシームレスに統合され、既存のテーマやプラグインを利用して、AMP のパワーを WordPress サイトに簡単に導入することができます。 より多くのビデオについては、 以下の AMP の WordPress のビデオシリーズをチェックしてください。 プラグインの主な機能は次のとおりです : AMP 有効マークアップを可能な限り生成するプロセスを自動化し、
WordPress4.4以降からhead内に挿入されるようになった不要なタグ「Embed」を削除。 - ONZE
先日WordPressがアップデートされて「Version 4.4」がリリースされました。 いくつかの新しい機能が追加されましたが、今回から採用された「Embed」は比較的新しいシステムなのでご存じない方が多いと思います。 この機能は、他のウェブサイトで「oEmbed」に対応している記事を、自分のブログに埋め込み可能になるもので、WordPress4.4 以降からは記事のURLを貼るだけで簡単に引用表示できます。 なお「Embed」機能で引用表示される情報は以下のとおり。 アイキャッチ画像 タイトル 抜粋テキスト サイトロゴ サイトタイトル コメント数 共有ダイアログ また「Embed」対応のために、WordPress4.4にアップデートすると<?php wp_head(); ?>のときに下記のコードが自動で挿入されるようになります。 <link rel='https://api.w.or
[WordPress]wp_head()のいらないタグを削除してをスッキリさせる方法 | TechMemo
WordPressを使ってサイトを作成すると、自動的に<head>に追加される項目がいくつかあります。自動で追加されるメタ情報などのタグは、テーマファイルのheader.phpをみてもらうとわかりますが、wp_head()というWordPressの関数で呼び出しています。 header.phpを見ると、以下のような記述がありませんか？この部分がタグの情報を呼び出しているんです。 <?php wp_head(); ?> でも、追加されるタグの中にはいらないものも結構あるんですよね。 今回はいらないタグを削除してヘッダーをすっきりさせる方法をご紹介いたします。 wp_headの情報はどこから読み込んでいるのか wp_head()で呼び出されるタグは、/wp-includes/default-filters.php に記述されています。default-filters.phpを開くと、以下のような
![[WordPress]wp_head()のいらないタグを削除してをスッキリさせる方法 | TechMemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e6ff0c254b0853115cf6b4895c6c9a48dabd0ec/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2013%2F03%2Fwp_head.jpg)
テーマを自作したい人必見！WordPressの基本的な仕組み | 無料WordPressテーマ Principle
テーマを自作するにあたって最低限知っておきたいWordPressの基本的な仕組みをまとめました。 まず1つは、 テーマフォルダの構成 これが分からないとテーマフォルダを作ることが出来ません。 それと、WordPressの仕組みを理解するのに欠かせない テンプレート階層 パーツテンプレート テンプレートタグ ループ という機能・概念についてです。 この4つさえ理解できれば、WordPressの仕組みの根幹部分は押さえられると思います。 ちょっと長いと思いますが、WordPressの基本中の基本部分ですので、もしテーマを自作したい人は参考にして下さい。 初心者にも分かるように丁寧に教えてもらいたいという人はTechAcademy [テックアカデミー]へどうぞ↓ そのフォルダの中に、style.css、index.phpを新規作成します。この2つはWordPressにこのフォルダをテーマだと認識
テンプレート階層 - WordPress Codex 日本語版
はじめに WordPress テンプレートはパズルのピースのように組み合わせられ、サイト上で Web ページを表示します。一部のテンプレート（例: ヘッダー・フッターテンプレート）はすべての Web ページ内で使用される一方、他のテンプレートはある条件の下でのみ使用されます。 このドキュメンテーションの目的 このドキュメンテーションは、次の疑問に答えてくれるでしょう。 ある種類のページを表示するとき、どのテンプレートファイルが使われるのか？ このドキュメンテーションの使い方 WordPress 1.5 で「テーマ」機能が導入されて以来、テンプレートはますますカスタマイズしやすくなりました。WordPress テーマを作成するには、WordPress がブログ上の各種ページを表示するためにどのようにテンプレートファイルを選択するのかを正しく理解する必要があります。すでにあるテーマをカスタマイ
オリジナルテーマの作り方 3.0+
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト！ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
WordPressのウィジェットを自作するためのTips
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
テーマのウィジェット対応 - WordPress Codex 日本語版
当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p> テーマのウィジェット対応とは ウィジェット対応（Widgetizing）とは、テーマ内にウィジェットやウィジェット領域を実装するプロセスのことです。 ウィジェットの登録 以下をテーマの functions.php ファイルに追加してください。 <?php /** * Register our sidebars and widgetized areas. * */ function arphabet_widgets_init() { register_sidebar( array
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://wpcj.net/1987
WordPressのセキュリティ対策 xmlrpc.phpとwp-cron.phpの無効化 | モバイル・スマホWeb・WordPressのSEO塾.com
WordPressのテーマをHTML5でコーディングする際の呪文 | Labrid WP
http://wpdocs.osdn.jp/wiki/images/wp-template-hierarchy.jpg
★★★WordPressの記事検索機能を作る方法 | lblevery
WordPress Codex 日本語版