The Complete Guide To WordPress Custom Post Types — Smashing Magazine
Creating a CMS is pretty easy due to the modular nature of WordPress controls and functions. Daniel Pataki outlines some methods that can be used extremely well to create customized admins for nearly anything you can think of. WordPress has been gaining a foothold in the general content management system (CMS) game for a few years now, but the real breakthrough was the custom post type mechanism w
カスタム投稿タイプ | Web Design Leaves
概要 独自の投稿タイプ（カスタム投稿タイプ）を追加することにより、「投稿記事」や「固定ページ」とは別にコンテンツを管理でき、カテゴリー形式またはタグ形式で分類することができる。 カスタム投稿に固定ページのような親子関係（階層）を持たせるには「hierarchical」を「true」に指定する。 投稿記事と同様に時系列に従ってコンテンツを管理し、親子関係を持たせない場合は「hierarchical」を「false」を指定する。 カスタム投稿タイプごとに一覧表示のテンプレートファイルを使うことができる。（archive-post_type.php） 一覧表示（アーカイブ表示）を作成するには has_archive を true にしておく。 コンテンツをカスタムタクソノミー（カテゴリー形式またはタグ形式）で分類できる。 カスタム投稿タイプの登録 カスタム投稿タイプを追加するには、registe
片手間のJavaScriptでもテストがしたい！ - aike’s blog
テストしたくないでござる。テストしたくないでござる。 いやまあきちんと環境が整ってたらテスト書くのもわりと楽だし、プログラム本体書いているときの安心感が全然違うので、それなりの規模のプログラムを書く時は良いんだけど。でも、2〜3日で書くようなちょっとしたブラウザ側だけのJavaScriptプログラムとか、開発環境がインストールされていないPCでも気軽にテストできないかなあというのが今回のテーマ。 これだけメジャーなJavaScriptなんだからテストも簡単だろうと思って調べると、ブログとかのサンプルを見てもNode.js前提だったり、Mochaが良さそうだと使おうとしたらアサーションライブラリは別だとか、UIはbrowserifyいるの？いらないの？とか、もじゃもじゃしたヤクの毛にからまって必死で刈り進める感じ。テスト初心者の人にテストコードの書き方を説明するときなんか、たどりつくまでがす
WordPressでテーマからJavascriptやCSSを読み込む書き方まとめ
WordPressでテーマを作る場合、Javascriptや外部CSSを使うことも多いと思いますが、テーマのheader.phpに直接書くのではなく、functions.phpから一括で管理する方法です。 WordPressでは、キューに追加されたJavascriptやCSSを wp_head() や wp_footer() の位置で、自動的に適切な順番で出力してくれます。特にjQueryなどのライブラリやjQueryプラグインを使用する場合は、複数のjsファイルに依存関係が発生し、読み込む順番が決まってくる場合があります。こういう時でも、一括管理していればあとあとで変更が楽になります。こんな感じ。 /** * スクリプトとスタイルをキューに入れる */ function my_scripts() { // 管理画面では読み込まない if ( !is_admin() ) { // スタイル
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
Build A Blog With Jekyll And GitHub Pages — Smashing Magazine
The simplicity of Jekyll’s theming layer and writing workflow is fantastic; however, setting up the website takes a lot longer than expected. It isn’t for every project. The biggest disadvantage of a static website generator is that incorporating dynamic server-side functionality becomes difficult. Jekyll’s strength is its simplicity and minimalism, giving you just what you need to create a conten
GitHub Flow Like a Pro with these 13 Git Aliases
BONUS! I’ve added a useful 14th Git Alias: git migrate and now a 15th useful alias to open the repository in the browser GitHub Flow is a Git work flow with a simple branching model. The following diagram of this flow is from Zach Holman’s talk on How GitHub uses GitHub to build GitHub. You are now an expert of GitHub flow. Drop the mic and go release some software! Ok, there’s probably a few more
Serverspecの概要からインストールまで
変化の激しいビジネスに対応するためにシステムやサービスには、これまで以上に迅速な導入や安定した運用が求められるようになってきています。このような要求を満たすために、仮想環境やクラウド環境を基盤として利用し、サーバの構築プロセスや構成管理プロセスの効率化のためにChefやPuppet、Ansibleといった自動化ツールが活用されるようになってきています。 このように自動処理で手軽にシステムやサービスをセットアップできるようになると、構築時の人為的ミスを防げるようになるなど便利になる反面、内部で実施されている処理が人の手から離れて、把握しづらくなる傾向にあります。また自動化の導入に際しては、システムが意図した状態に作り上げられているのかを確認する作業も重要になってきます。特に大規模で複雑な環境において、この確認作業を手作業で実施することは、高コストの要因となってしまいます。 参考: Think
Speed Up Your WordPress Site — SitePoint
This article was sponsored by GoDaddy. Thank you for supporting the companies who make SitePoint possible! As one of the top user experience factors, website performance is more important than ever. Website speed and performance on mobile devices is particularly important, with a rapidly growing number of visitors accessing the web via smartphones and tablets. While WordPress is very easy to get u
How we make RWD sites load fast as heck | Filament Group, Inc., Boston, MA
How we make RWD sites load fast as heck Posted by Scott Jehl 07/30/2014 April 2020 note: Hi! Just a quick note to say that this post is pretty old, and might contain outdated advice or links. We're keeping it online, but recommend that you check newer posts to see if there's a better approach. There has been a lot of discussion about optimizing responsive layouts for performance lately, and I thin
Fun with Colors (Sass Maps, Loops, and !global) by Chris Holder on CodePen
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View. The Goal Make a color scheme with Sass that is generated from a single value and uses a basic color wheel approach. The only way to make it really
Adventures in BEM and Responsive with SASS by wesruv on CodePen
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View. Objective I've been trying to wrap my head around how to apply BEM and the pros and cons of using it (or something like it). For those of you that
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Advanced performance tooling in Chrome DevTools - Paul Irish @ Velocity 2014
