記事間の内部リンク構造を可視化するWordPressプラグイン「Show Article Map」
WordPressのブログで記事と記事の内部リンク構造を可視化するプラグインを作りましたので公開します。 内部リンクの最適化にお役立てください。 Show Article Mapができること Show Article Mapは、記事本文中に貼ってある内部リンクを解析し、記事および固定ページをノード、リンクをエッジとしたマップを自動生成します。 たとえば当ブログの場合、こんな↓マップが生成されます。 四角いノードは記事、つながり（エッジ）が内部リンク、色はカテゴリを指しています。 少し拡大するとこんなふうに見えます↓。 それぞれのノードに記事のスラッグが入っています。（後述するカスタマイズで記事タイトルに変更可能） 矢印はリンクの方向です。どの記事からどの記事にリンクが張ってあるかがわかります。 ノードはマウスホバーすると記事のタイトルが表示されます。ダブルクリックで当該記事にジャンプ可能で
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
WPテーマ「AFFINGER4」と「STORK」を両方買ったので比較して紹介！どっちがおすすめ？｜今日はヒトデ祭りだぞ！
というわけで、新サイトを作るにあたってワードプレステーマ 「アフィンガー（AFFINGER4）」 「ストーク（STORK）」 を両方買いました 新サイトっていうのはこのサイトです 今日は社畜祭りだぞ！ 何故両方買ったかと言うと優柔不断で決められなかったからです 結論だけ先に言うと アフィリエイトサイトならアフィンガー ブログならSTORK がおすすめです。僕は現在STORKを使っています この記事ではその理由を個人的な目線で書いていきますよ！ まずは何より大事なお値段から 買い物をする以上、価格は大切です。こんな感じになっております。 アフィンガー：8000円 STORK：10800円 どちらも良い金額ですが、有料テーマの中では安い方かと思います 色々なアフィリエイターさんが進めてる「賢威」とか2万円超えますからね しかしこう見るとアフィンガーの安さには驚きますね。これで値上げ後というから
エンジニア目線でWordPressで何度も調べたり感心したりした事 - Qiita
はじめに インフラ〜プログラム辺りの担当でWordPressの開発をしています。 その中で便利だと思った内容を記録しています。コーディングができないので分野が偏っていてすみません。 注意 この記事は2015年06月03日に書きはじめました。新しい書き方や内容があれば加筆修正していますが、古い内容も混じっています。 編集リクエスト絶賛受け付けています。 環境編 wp-config.phpに書いておく物 書いておくと幸せになる。 define('FS_METHOD', 'direct'); // プラグインのインストール時などに書き込み可能であれFTP情報を使わずに書き込みを行う define('WP_DEBUG', true); // デバッグON define('SAVEQUERIES', true); // クエリセーブ define('SCRIPT_DEBUG', true); //
コマンド一発で WordPress のデプロイ・同期ができるツールをつくりました
WordPress をデプロイしたり、ローカル・リモート間で同期できるツールというと Wordmove がよく知られています。LT で紹介しちゃうくらい僕も Wordmove はよく使っていたのですが、何かの折につけよく動かなくなっていて、多分 ruby のアップデートとかそういうのだと思うのですが、忙しいときにデプロイできなくなったりするとまぁめんどくさくて、もっと簡単に導入できて可用性も高いツールがほしいなということで WP-CLI と rsync を使ってデプロイ・同期させるツールをつくりました。 bash-wp-deploy bash-wp-deploy というツールです。名前からわかるとおりシェルスクリプトです。Mac でしか動作確認していませんが、bash で書いているので Linux とかでも普通に動くと思います。Windows はわかりません。WP-CLI と rsync
【企業サイト構築用】WordPress設計ガイドライン - Qiita
備忘録を兼ねて、企業サイト構築時に決めている設計方針・インストールしているプラグイン・セキュリティ対策をそれぞれまとめました。セキュリティ対策の項目を除き、構築時の細かい設定やプログラム実装についての説明は省略しています。 （※）2018.01.13: セキュリティ対策について加筆・修正を行いました 概要 実装する際の方針として、WordPressと紐付ける必要のないファイルは、できるだけWordPressのファイル・フォルダと分けて構築する手法を採択しています。これはサイト全体をWordPress依存にさせたくない、ということが大きな理由です。 また、関係ないファイルをWordPress内で管理させることによって、お客様やHTMLに詳しくない編集者が不用意にファイルを更新してしまうことを防ぐ意味もあります。8年以上WordPressと付き合ってきましたが、以下の設計方針が最も最適だと考え
子テーマを作ってWordPressの既存テーマをカスタマイズする方法
2017年5月1日 Wordpress いまやブログだけではなく、会社紹介のWebサイトやポートフォリオサイト、ECサイトに至るまで、様々なタイプのWebサイトで利用されているCMS、WordPress。すでにデザイン・コーディングが済み、自由に利用できる既存のテーマも豊富に配布されています。今回はそんな既存のWordPressテーマを使うメリットや、子テーマを作成してカスタマイズする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの既存テーマを利用するメリット ちょっと検索すればたくさんのWordPressの既存テーマが見つけられます。既存テーマを利用すると、どんなメリットがあるのでしょうか？ 制作時間を短縮できる こういった配布されているテーマを使うメリットは、なんといっても制作時間の短縮。豊富なテーマの中には、自分の思い通りのレイアウトのものも見つけら
WordPressのテーマ開発を超効率化するためのテーマMimizukuを作りました
先日「WordCamp Tokyo 2016 で「本当に使えるテーマとはどのようなものかを考え続けた結果」というLTをやったけど全然間に合わなかったので補足記事を書きました」という記事を書きまして、その中のスライドで開発中のテーマ Mimizuku の URL を載せていましたが、ある程度形になったので記事を書くことにしました。 Mimizuku の特徴 子テーマ開発用の親テーマ Habakiri で得た知見をもとに開発 レイアウトテンプレートとビューテンプレートを簡単に差し替え static ビューテンプレート get_template_part()に外部変数を渡せる独自テンプレートタグ CSS フレームワーク Basis アイコンフォント 便利 Composer スクリプトいろいろ CI（継続的インテグレーション） 子テーマ開発用の親テーマ テーマの開発手法は主に「フルスクラッチで開発
公開は終了しました – Uridas – Webマーケッター専用WordPressテーマ
公開は終了しました 現在、Uridasの販売は行っておりません。 …
一般ブロガーやWebデザイナーがAmazon Web Service(AWS)で独自ドメインのWordpressサイトを10分で作る方法 - Brian'z Imagination
ぼくはそんなにプログラマーではないので(？)あんまり難しいことは分からないけれど、Amazon Web Service(AWS)ってのがすごいらしい。Amazonといえば完全にぼくの中では欲しいものが1日で手に入るお店やさんだったけれど、AWSも2006年7月の運用からかれこれ10年もの歴史があって、なんかすごいらしい。SmartNewstとかCookpadとか、いろんなサービスがAWS上で動いていてすごいらしい(そのへんに詳しいひとがいたら解説してほしい)。 でもなんだかコンソールとかデプロイとか難しそうな用語ばかり出てきてなんだか敷居が高い(まさにクラウドだけに雲の上の存在だった)ので、もっとシンプルにAWSでブログを運用してみたかった。それに、多くのノンプログラマーのブロガーやWebデザイナーにとっては技術的なことは極力避けたいし、設定とかそういうのはパパッと済ませて、面白い記事を書
[ようやく見つけたかもしれない]WordpressサイトをGit管理する方法[メモ] - Qiita
Wordpressってどうやってソース管理するのが正解なんでしょうか。 皆様いろいろ工夫しているようですが、あまりピンとくるものがなかったので、Wordpressはソース管理できないものと諦めておりました。 でも、WP-CLIなんてものを知ってからちょこちょこ試してみたところ、もしかしたらようやく見つけたかもしれないのでメモっておきます。 はじめに エンジニア目線です 全てのカスタマイズはthemes/mywebsiteフォルダにまとまっていると仮定します DBとuploadsフォルダは管理しません その他、faviconやgoogleのトラッキングコード？は適宜管理に追加します 準備 WP-CLIをインストール WP-CLIとは Wordpressの諸々の設定をコマンドラインから行えるツールです。 詳しい事はこのあたりを参考に。 WP-CLIの使い方 - Qiita インストール cur
![[ようやく見つけたかもしれない]WordpressサイトをGit管理する方法[メモ] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/24c18462a6f14a18a0aa27a9c527c7159d8cb2ab/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUUzJTgyJTg4JUUzJTgxJTg2JUUzJTgyJTg0JUUzJTgxJThGJUU4JUE2JThCJUUzJTgxJUE0JUUzJTgxJTkxJUUzJTgxJTlGJUUzJTgxJThCJUUzJTgyJTgyJUUzJTgxJTk3JUUzJTgyJThDJUUzJTgxJUFBJUUzJTgxJTg0JTVEV29yZHByZXNzJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgyJTkyR2l0JUU3JUFFJUExJUU3JTkwJTg2JUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JTVCJUUzJTgzJUExJUUzJTgzJUEyJTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1mMzU1NjQ5Nzg3OWM2MTAxNjJjYjdkYzI1OTA5NWFlZg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBnb29zeXMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTA4ZGMxNWNjZGU5YWRlMzIyMjMxYzk3MjQwNmEyMDAy%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De3ddc80a51f56a4be47badb0eec4df52)
【ワードプレス】当ブログ厳選、実際に使用している25のオススメWordPressプラグイン
当ブログが2015年5月にWordpress（ワードプレス）を導入して約3ヶ月が経った。WordPressはプラグインによって機能拡張が可能で、そして世界には無数のプラグインが存在する。 プラグインを入れることでカスタマイズが容易で便利だが、沢山入れすぎるとコンフリクトを起こし、表示が崩れたり、パフォーマンスが悪くなったりする。 ここ3ヶ月くらいともかく様々なサイトを調べまくって、色々試行錯誤して、現在のプラグインに落ち着いてきた。ということで現状1日25,000〜30,000PVの当ブログ「小龍茶館」を運営する私が使っているオススメの25個のWordPressプラグインをご紹介。ジャンルも分けてみた。機能が多かったり設定が複雑だったりするプラグインについては、今後詳細を別途ブログ記事にしていく予定。 小龍茶館厳選、導入済みプラグイン 【表示カスタマイズ系】 ブログ表示のカスタマイズはプラ
WordPressでAjaxを使う方法の解説 | hijiriworld Web
基本の解説 STEP1. リクエスト送信先のパス WordPress で Ajax を使う場合 /wp-admin/admin-ajax.php にリクエストを送ることに決まっている。 JavaScript ファイル内で動的にパスを指定することはできないので、wp_head にフックしてリクエスト送信先のURLをグローバル変数として出力しておく。 > functions.php function add_my_ajaxurl() { ?> <script> var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>'; </script> <?php } add_action( 'wp_head', 'add_my_ajaxurl', 1 ); wp_head アクションにフックすることで head 要素内に JavaScript
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ
WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.([Hh][Tt][Aa])"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。
WordPressの制作・公開・運用・セキュリティなどに関する重要なチェック項目のまとめ
WordPressの制作の準備、制作、公開、SEOやセキュリティやメンテナンスなど運用における、WordPressでサイトやブログを運営する際の大切なポイントをまとめたチェックリストを紹介します。 Killer WordPress Checklist: 101+ easy steps to launch your next website! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 チェックリストはインフォグラフィックにもなっており、元ページでダウンロードできます。 インフォグラフィックの一部 はじめに WordPressの制作準備時のチェックリスト WordPressの制作時のチェックリスト WordPressの公開時のチェックリスト WordPessのSEOのチェックリスト WordPessのセキュリティのチェックリスト W
Bootstrap ベースのシンプルでカスタマイズ性の高い WordPress テーマ Habakiri が公式ディレクトリに掲載されました。
Habakiri Bootstrap ベースのシンプルな WordPress テーマ。レスポンシブ、多くのカスタマイズ機能。圧縮された CSS・JS を使用する高速化対策。Microformats 対応。Sass、クラスベースの functions.php。 公式サイトを見る 先日、WordPress の公式テーマディレクトリにテーマ Habakiri が掲載されました。以前掲載された Kotetsu に続き2つ目のテーマ掲載となります。 お使いの WordPress の管理画面にログインし、テーマインストール画面で「Habakiri」と検索すればすぐにインストールできます。このサイトも Habakiri を親テーマとして使っているので、だいたいの雰囲気はわかるかなと思います。 Habakiri の特徴 WordPress テーマ Habakiri には次のような特徴があります。 Boot
WordPress初心者が間違いなくハマる7つの罠と回避方法 | 隣IT
みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 2015年2月にWordpressでブログを初めています。 先人たちの知恵のおかげでなんとかまだ続けることもできていますし、記事数もまずまずカタチになってきたと思ってホっとしています。 WordPressは簡単に扱えるように設計されているのですが、初心者だと間違いなく落ちてしまう罠がいくつかあるのです。 私が実際にキレイにハマった罠とその解決法について紹介をします！ 記事がないのにサイトの公開 WordPressをインストールしたのが2015/2/12。その後テーマを入れたり、プラグイン入れたり…最初は何の記事を書こうかなぁ…などとボヤボヤしていて、最初の記事を公開したのが2015/2/16。 知らなったのですがWordPress…インストール時点で既に公開状態なんです。 当然、公開後すぐのブログで告知もしていなけれ
Lightroomから写真をブログに一発投稿するプラグイン「LR/Blog」
最近、すべての写真をクラウドにアップロードすると同時に、手元ではLightroomで管理しています。 Appleの「写真」アプリが登場していますが、やはり大量の写真を外部ストレージも含めて複数の場所で管理するのにはLightroomが便利ですし、円形フィルターなどの強力な編集機能をすばやく利用できるのが魅力です。 ところでこのLightroomで整形した写真をブログにアップロードする場合： 写真を選択 MacならShift+Command+Eでエキスポートを起動 写真を１枚１枚Marseditに入れるか、Wordpressにドラッグして追加 と、すくなくとも一度ファイルに出力しなければいけないのが面倒でした。これを一発でWordpress側に出力する方法はないものかと探していたところ、そのものずばりのプラグイン、LR/Blog が存在しました。 写真のアップロードだけではなく、新規の下書き
ブログの記事内画像を楽してRetinaディスプレイに対応させる方法
「Retina な Mac を買ったはいいけど、自分のWebサイトやブログの画像がぼやけて見えるのが気になる」という方は多いと思います。 ロゴ画像であれば Illustrator から SVG 形式で書き出すだけで対応できますが、やっかいなのがブログ本文内の画像です。 メインビジュアルの画像など限られたものであれば、たとえば「image.jpg」という画像の Retina 用として「image@2x.jpg」という縦横2倍の画像を用意することもできると思います。 しかし、ブログ本文内の画像は数も多く、「image@2x.jpg」のようなファイル名の画像もいちいち用意していられないと思います。 そこで、このブログでは jQuery 用の JavaScript を使ってなるべく手間のかからない対応をすることにしました。 このブログでは、WordPress で記事を書くときに［メディアを追加］を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
