WordPressのブログで記事と記事の内部リンク構造を可視化するプラグインを作りましたので公開します。 内部リンクの最適化にお役立てください。 Show Article Mapができること Show Article Mapは、記事本文中に貼ってある内部リンクを解析し、記事および固定ページをノード、リンクをエッジとしたマップを自動生成します。 たとえば当ブログの場合、こんな↓マップが生成されます。 四角いノードは記事、つながり（エッジ）が内部リンク、色はカテゴリを指しています。 少し拡大するとこんなふうに見えます↓。 それぞれのノードに記事のスラッグが入っています。（後述するカスタマイズで記事タイトルに変更可能） 矢印はリンクの方向です。どの記事からどの記事にリンクが張ってあるかがわかります。 ノードはマウスホバーすると記事のタイトルが表示されます。ダブルクリックで当該記事にジャンプ可能で

使用サーバー、フレームワークやライブラリが分かる機能拡張は他にもあります。 今回紹介するのは更に詳しく、使用しているjQueryのプラグインやWordPressのテーマ・プラグインやフォントなどの情報もすぐに分かる優れものです。 かっこいいインタラクションを備えたページなど、どんなスクリプトを使用しているのか調べたい時にも役立ちます。

jQuery Skeduler Pluginは上図のようなタイムテーブル、時間表を作成できるスクリプトです。jQueryに依存しています。CSSと要素を用意してデータをセットすればいいみたい。管理も楽そうです。結構便利なんじゃないかなぁと。htmlpreviewで動作サンプル読み込んだのでご興味有る方はご確認下さい。デモではランダムで作成されています。データの内容はコンソールで確認できます。 jQuery Skeduler Plugin動作サンプル

WordPressのどんなテーマファイルでも、どんなページでも、どんなデザインでも、ページごとに自由なレイアウトを作成できる便利なプラグインを紹介します。 これ系のプラグインは有料が多いですが、レスポンシブ対応で高性能、そして無料というのはありがたいですね。 Elementor Elementor -wordpress.org Elementorの特徴 Elementorのインストール・使い方 Elementorの特徴 Elementorは、どんなテーマファイルを使っていても、どんなページでも、どんなデザインにでも適用できます。 大きな特徴はコードの知識は不要、ドラッグ&ドロップで要素やコンポーネントを配置し、簡単に調整できます。 自身のブログやポートフォリオに使ってもよし、クライアントが自由にレイアウトをしたい時にもいいですね。

WordPressには『プラグイン』っていう便利な機能があります。プラグインっていうのは、拡張機能の事です。プラグインを適切に選んで使う事ができれば、例えば集客の効果を高める事ができたり、アクセスアップなどにもつなげられます。

営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 【有料ユーザー数No.1】ノーコード&30秒で予約受付フォームの作成ができる「formrun」はこちら！ 直感的な操作で作成と設置が可能で、顧客管理

「WordPressを使い始めたけど、プラグインがありすぎてどれを使えばいいかわからない・・」 「結局自分のサイトに合ったおすすめのプラグインはどれ・・・？」 WordPressは、誰でも簡単にブログやサイトが作れてしまうCMS（Content Management Systemの略：コンテンツ管理システム）です。 ドメインを取得してサーバーを借りたら、あとはインストールするだけで使えてしまいます。 WordPressをインストールして、好きなテーマを選んで「さっそく記事を書いていこう！」と記事を作成するその前に！ まずは、運営に必要なプラグインをインストールしておくことをおすすめします！ 先に必要なプラグインをインストールしておくべき理由は「記事を書くことが圧倒的にラクになる」「集客を手助けしてくれる」「ユーザビリティが向上する」の3つです！ この記事では、WordPress歴約１０年の

OSSのテキストエディター「Brackets」で使える、Web制作に便利なプラグインを紹介し、拡張機能マネージャーの使い方や便利なプラグインを探すコツ、プラグインのインストール方法について解説する。 OSSのテキストエディターの豊富なプラグインをいろいろと使ってみよう OSSのテキストエディター「Brackets」は、拡張が容易に行えて好みの環境にカスタマイズしやすいのが特徴の一つだ。 筆者は、以前の記事でもBracketsの使い方について紹介したが、今回はBracketsのお勧めプラグイン（拡張機能）を紹介していこう。 その前に、Bracketsでプラグインをインストールする「拡張機能マネージャー」を紹介しておく。 Bracketsの「拡張機能マネージャー」とは Bracketsでは「拡張機能マネージャー」を利用してプラグインのインストールやアンインストールができる。「拡張機能マネージャ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Qiita上の内容を集約し、大幅に修正・加筆したものを本として出版しました。 →ブログ：Bracketsの解説書を出版しました 基本的な使い方 こちらにて別途紹介しています。 →[Bracketsの機能紹介、使い方解説] (http://qiita.com/assialiholic/items/c8137321c7599a168b16) →Bracketsショートカット集 カテゴリ一覧 必ず入れておきたいもの ソースコード関連-全般 ソースコード関連-HTML/CSS ソースコード関連-JS/PHP、その他 画像・デザインデータ連携系

年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。 レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型（垂直）タイプだけでなく横型（水平）で見せるタイプもあります。 jQuery Timelinr 縦型・横型の両タイプが用意されているjQueryプラグインで、スライダーのような見栄えでタイムラインを実装できます。 スライドのオート機能や各アニメーション速度の設定、「prev」「next」のナビ機能などの設定もいろいろと用意されています。 Dynamic Timeline レスポンシブ対応もされているjQueryプラグインで、こちらも縦型・横型の両タイプが用意されており、ビューサイズ指定で通常は横型のものをスマートフォンでは縦型に見せるなども可能です。 他にもコン

WordPressプラグインのダウンロードランキング・トップ200！！実質1位は日本発のあのプラグイン 2014 8/12 WordPressというオープンソースのソフトウェアがあります。 ネット関連の仕事をしてる人や、ブログをやっている人なら聞いたことがある方も多いと思いますが、世界中のウェブサイト構築に使われている大人気のソフトウェアです。 僕はWordPressが大好き・得意でして、仕事でも凄く使っています。 勿論、このブログもWordPressで出来ていますし、以前に「誰かが記事をコピーしたら教えてくれるプラグインCCC(Check Copy Contents)を作ってみた」でも書いたようにプラグインも時々作ったりもしてます。 WordPressを使ったサイト構築のお話があれば是非どうぞ（宣伝） WordPressプラグインのダウンロードランキング さて、WordPressの人気の

作成：2014/04/7 更新：2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある！」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー １．カルーセル（横） ２．フェードアウト ３．画像と文字をスライド ４．文字が遅れて移動する効果 ５．異なるタイミングを設定できる ナビゲーション・メニュー ６．多階層 ドロップダウンメニュー ７．多階層 効果つき ８．スマホではドロップダウン ９．スマホではセレクトメニューに １０．Amazon風 メガドロップダウンメニュー １１．横スライド １

先日「delaymania」の大ちゃん(delaymania)から、 「<head>の中ってどうやってあんなにきれいに並べ替えてるの?」 という質問をされて、そういえばこのプラグインについてちゃんと書いてないなぁと思ったので、改めてWordPressプラグイン「Head Cleaner」をご紹介。 すでに各所で紹介されているので、いまさら感はたっぷりなんですけどね。 WordPressのテンプレートを制作する際、<head>要素の内部をどれだけ順序立てて書いても、<?php wp_head(); ?>によってプラグイン関連のCSSやJavaScriptなどが呼び出され、結局思ったような状態にはなりません。 これをどうにかしてしまおうというのが、WordPressプラグイン「Head Cleaner」です。 プラグインをインストール・有効化するだけで効果が発揮されます。 これは実際に「Hea

こんにちわ段田です。 今回もWordPressプラグインにスポットをあてたいと思います。 今回は管理画面の投稿画面で役立つプラグインをテーマに紹介します。 1.Parent Category Togglerプラグイン 通常、投稿画面ではカテゴリ項目で子のカテゴリにチェックした場合、画像のように親のカテゴリには自動的にチェックが入りません。 Parent Category Togglerプラグインは自動で親のカテゴリにチェックしてくれます。プラグインインストール後、子カテゴリにチェックすると、自動的に親のカテゴリにもチェックを入れてくれます。 便利！ Parent Category Toggler 2.Save Editor Scroll Positionプラグイン 投稿を保存した時、エディタのスクロールは一番上に移動してしまいます。このスクロールの位置をそのまま動かさないようにするプラグイ

こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

こんにちは Latin です。WordPressのプラグイン「Regenerate Thumbnails」のご紹介。先日、実案件ですごく便利なプラグインだな～と感じたのでメモ。 WordPress の functions.php にオリジナルサイズのサムネイルを、いくつか生成する処理をいれているのですが、途中の仕様変更でサムネイルサイズが変わる事に･･･。 通常、サムネイル生成は「画像をアップロード」した際に走る処理の為、アップロードし直さなければなりませんが、すでに数百件のデータが入っている場合、そんな訳にもいきません。 既に数百件の記事が投稿されている。（画像が数百枚） サムネイル生成の処理は「画像アップロード時」に走る為、再アップロード作業が必要。 プラグインでなんかいいのないかな～と思っていたら、 ちょうど LIGさんのブログでまさに「要件バッチリ」なプラグインを紹介されていました