サイトを作るとパンくずが必要になってくることが多いですね。 カスタム投稿などを使うと自作だとややこしくなってしまうこともあるので、プラグインを使うと便利です。 今回は『Breadcrumb NavXT』というプラグインを使っていきます。 インストールしよう 『プラグイン＞新規追加』から『Breadcrumb NavXT』を検索して追加、『有効』の状態にしてください。 コードを入れて表示させよう とりあえずコードを入れて表示しながら調整していきましょう。その方がわかりやすいです。 該当箇所に以下のコードを入れてください。
Introducing Headless WordPress with Gatsby Cloud (Live Preview, Incremental Builds, and more!) Today we are excited to announce that Gatsby’s new source plugin for WordPress has launched in beta! This new release delivers major improvements to our headless WordPress integration with Gatsby and Gatsby Cloud. Checkout these updates in the demo video below to see how your content editors’ creative po
WordPressで記事を書いていると、タイトルやテーブル組みなど決まった型のHTMLコードを呼び出したいという時がありませんか？ そんな時に使えるプラグインが『AddQuicktag』です。 こんな感じでエディタ部分にボタンで表示されて、クリックをしたらコードをすぐに呼び出すことができます。 公式サイト ちなみに『AddQuicktag』を使用するときは新しいエディタの『Gutenberg』の時はクラシックモードにして使用したり、『Classic Editor』等のプラグインを使用して以前のエディタに戻すのをお勧めします。 まずはインストール まずはプラグインの新規追加から『AddQuicktag』をインストールしてください。 インストール後は有効化をしてください。 設定 では設定をしていきましょう。 有効化をすると『設定＞AddQuicktag』の項目ができるのでそこをクリックしてくだ
こんにちは、koyaです。 在宅勤務で自宅PCでAdobe製品を開きながら作業することが多くなり、メモリが足りなくなってしまったので16GBから48GBにアップグレードしました。めちゃくちゃ快適です。 最近はChromeだけでもメモリをたくさん使ってしまうので16GBだと足りなくなってしまいましたね… 今回はブロックエディタに独自のブロックを追加する事が出来る「Block Lab」を紹介します。 インストール プラグインの追加から検索、または以下のサイトからダウンロードしてインストールします。 wordpress.org 公式サイト 使用方法 インストールをするとサイドバーの一番下に「Block Lab」が追加されるので、ここからメニューを開くことが出来ます。 All Blocksを開くとデフォルトで「Example Block」が下書き状態で追加されています。 「Example Bloc
ShifterはWordPress環境をサーバーレスで立ち上げ、静的なサイトを生成することができるサービスです。FAQサイトをサクッと作ってみました。 Shifterとは ShifterはWordPress環境をサーバーレスで立ち上げ、静的なサイトを生成することができるサービスです。 Shifterを使って下記のようなFAQサイトを作ってみました。アカウント作成からサイト公開まで1時間弱で済みました。この状態まで無料で作成することができます。 よくある質問 – Developers.IO CAFEカスタマーサポートサイト Shifterのアカウント作成 Shifterのアカウントをお持ちでない方は以下のページからアカウントを作成します。 Shifter サイトの作成 新規サイトを作成します。サイトを作成する際はまずプランを選択する必要があります。まずは無料で始めたいのでFree Tierを
Today, we’re announcing that Site Kit is available for everyone to install from the WordPress plugin directory. Site Kit is Google’s official WordPress plugin – it enables you to setup and configure key Google services, get insights on how people find and use your site, learn how to improve, and easily monetize your content. At WordCamp EU in Berlin in June 2019, we released Site Kit as a develope
さて、最近はWeb案件からは少し遠のいていたセナ夫ですが、今年に入ってからたまたまWordPressでサイト制作する案件にジョイーンする事になり、まぁ僕が入る案件といえば大体メディア系ばっかりなんですが、その時に「Understrap」というWordPressのスターターテーマを使う事になったわけですが、恥ずかしながら聞いた事がなく、色々錯誤していたらまぁまぁ使いやすかったわけですね。 ブランクもそれなりにあるし、今年はメディア系の案件にも結構どっぷり浸かりそうな雰囲気もあるので、若手WordPressエンジニアな皆様の話について行けるようにと、今回スターターテーマ系を一度全部まとめておこうというのが目的で記事を書いてみます。 ちなみに「日本でWeb制作してました、WordPressも使えます」みたいな状態で海外就職を目指す人も多いですが（大抵スキル不足と見られる場合が多いので、専門かBo
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 タイトル長めになりました。 かれこれ、6、７年放置気味のWordPressのサイトを サーバー移転に伴い色々と整理しています。 既存のWordPressは、がっつりプラグインに依存しているしjQueryも7年前ぐらいに入れっぱなし。。 という事で、外せるプラグインは外して、これを機にjQueryも外そうと。 したところ、よくある「さらに記事を読み込む」ボタンの実装がどうやら必要だ。 このボタンを押すと、Ajaxで記事を取得してきて、表示する。と言った機能。 今まで、プラグインを利用してきたのですが、外せるなら外して自作したいですよね。 そこで、どうせなら新しめのフレームワークを入れちゃおうかなと、どれを入れようか20秒ほど考えました。 Angular2を入れる
備忘録を兼ねて、企業サイト構築時に決めている設計方針・インストールしているプラグイン・セキュリティ対策をそれぞれまとめました。セキュリティ対策の項目を除き、構築時の細かい設定やプログラム実装についての説明は省略しています。 （※）2018.01.13: セキュリティ対策について加筆・修正を行いました 概要 実装する際の方針として、WordPressと紐付ける必要のないファイルは、できるだけWordPressのファイル・フォルダと分けて構築する手法を採択しています。これはサイト全体をWordPress依存にさせたくない、ということが大きな理由です。 また、関係ないファイルをWordPress内で管理させることによって、お客様やHTMLに詳しくない編集者が不用意にファイルを更新してしまうことを防ぐ意味もあります。8年以上WordPressと付き合ってきましたが、以下の設計方針が最も最適だと考え
WordPress › Theme Directory › kanagata プラグイン Category Archives « WordPress Plugins List Calendar « WordPress Plugins Min Calendar « WordPress Plugins Resize Editor « WordPress Plugins concrete5 Infotown Table 簡単な操作でテーブルを作成するアドオンを公開しています。 EC-CUBE3 EC-CUBE3のプラグインは2016年1月28日(木)に開発元である株式会社ロックオン主催のEC-CUBEプラグインアワード3.0で開発プラグインInfoTownLinkWpがCPI賞と入選のW受賞を果たしました EC-CUBEプラグインアワード3.0 結果発表 / ECサイト構築・リニューアル / E
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
作成：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
特定のページだけヘッダに手をいれたい、テキストや画像を加えたい、CSSやJavaScriptやPHPを適用するなど、特定の複数ページにだけコードを埋め込めるWordPressのプラグインを紹介します。 個別にCSS/JavaScriptを埋め込むことができるプラグインは他にもありますが、HTMLやPHPにも対応、そしてそれらを一元管理できるのはこれだけだと思います。 CSS & JavaScript Toolbox 以前ご紹介したCSS&JavaScript Toolboxが新しいバージョンをリリースされたので、改めて紹介します。 新しいバージョンになり、Free版とPro版の機能の差はなくなりました。 ※Pro版はサポートやフォーラムへのアクセス権がつきます。 CSS & JavaScript Toolboxの特長 CSS & JavaScript Toolboxのインストール CSS
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
WordPress関連書籍の中より、ユーザレベル別にオススメを紹介します！ 2013.06.10 | 初心者向け | 玄人向け どもPurpleです。 週末はWordCamp KOBEですね。チケットは完売ということで、なかなかの競争率だったようですが、皆さんは取れましたでしょうか？ さて、質問がいただきましたー WPはなかなか操作が難しいようです。 このサイトでWPの本の紹介をしていましたが、 どの本がいいのか、わかりません。 初心者でも、理解できるお勧めのWPの本はありますか？ うむ、確かにWordPressの本が沢山出ていますね。 WordPressで検索した結果 Amazonのランキングでもこの通り WEB開発 word 相変わらず、なぜかMicrosoftのwordのランキングに多くのWordPress関連書籍が含まれていますが、それはさておきPurpleとWP-Dの面々がその中
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く