プラグイン無しでページネーションを設置
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を（触り程度だけでも）理解するHTMLからテー
会員に更新してもらうサイトを作る方法
知り合いの会員制サイトの作成を手伝っています。 会員さんのお店専用のページをつくって、会員さんがお店のページを各々自由に更新できるサイトを立ち上げたいとのこと。 WordPressを導入して個別に更新できるようにしました。条件は 投稿画面をわかりやすく。フォームを埋めていくとページが出来上がるようにする 文章だけでなく、画像もアップロードできる ほかの会員がアップした記事や画像を見たり、修正できない です。備忘録としてまとめました。 基本は「寄稿者」で、足りない機能を追加していく 会員さんに与えるアカウントは「寄稿者」にします。自分の記事を作ることはできますが、他のアカウントの記事を修正することはできません。今回の用途に近いパーミッション(権限範囲)を持っています。 しかし、このままだと今回の条件には合わない部分があるので、カスタマイズをしていきます。 シンプルなダッシュボード 寄稿者でも
ホームページだけじゃない！管理システムとしてのWordPress #wacja2012 | H.I. Art Works Web Technorogy
『WordPress』と聞くと、ブログや企業などのウェブサイト、ポータルサイトなど、いわゆる日本で「ホームページ」と呼ばれるモノを連想される方が多いと思いますが、WordPressは非常に柔軟に設計されていますので、カスタマイズによって様々な事が出来ます。 今回、実案件でちょっとした管理システムを制作させていただいたのですが、これが自分としては、なかなかの出来で、クライアントさんにとってかなり業務効率の改善に繋がったと思うので、 “どやぁ！( ﾟдﾟ)” “WordPressってこんな事も出来るんですよ” って感じでご紹介したいと思います。 ちなみに今回の記事はWordPress Advent Calendar 2012に参加しています。 「クリスマスまでの間、みんなで順番にWordPressの記事を書こう」っていうイベントです。 WordPress Advent Calendar 201
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
jQueryのtoggleでアコーディオンメニューやタブをさくっと実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある（主に下ネタ）」が盛り込まれていて、いい意味でヒドイ内容でした。もう一回観たい（´ω`） さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれ、おいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド「slideToggle／fadeToggle／toggleClass」をご紹介します。 こいつらを知っとくと下記のようなメリットがあります。。 アコーディオンメニュー、タブ、スマホサイトでよくある「上からスラスラ出てくるメニュー」とか実装できる 超シンプルな記述なので、今日から使える いやーこれは便利ですね。 というわけで、早速解説していきます。 【こちらもおすすめ】 超簡単jQ
jQueryプラグインの先頭にセミコロンがある理由
jQueryプラグインの先頭にセミコロンがある理由を調べてみました。 １．「jQueryプラグインの先頭にセミコロン」とは？ 例えば、レスポンシブ対応で画像を拡大表示できる「SuperBoxプラグイン」のコードは次のようになっています。 ;(function($) { $.fn.SuperBox = function(options) { var superbox = $('<div class="superbox-show"></div>'); var superboximg = $('<img src="" class="superbox-current-img">'); …中略… }); }; })(jQuery); 1行目の行頭にセミコロンがついています。 ;(function($){ 直感的に「エラー防止用かな？」と思って調べてみたらそのとおりだったのですが、以下調べたことについ
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
関数リファレンス - WordPress Codex 日本語版
WordPress のファイルには、便利な PHP 関数がたくさん定義されています。テンプレートタグとして知られる一部の関数は、特に WordPress テーマ用に定義されているものです。また、主にプラグインの開発に用いるアクションフック・フィルターフックに関する関数（プラグイン API）もあります。あとは WordPress のコア機能の形成に使われます。 コアの WordPress 関数の多くはプラグインやテーマ開発に役立ちます。ここでは、テンプレートタグを除いたほとんどのコア関数を一覧にしています。ページの下には WordPress の関数についてより詳しく知るためのリソースも掲載しています。ここにある情報に加え、 WordPress phpdoc サイト には WordPress 2.6.1 以降の関数がすべて網羅されています。 カテゴリー別関数 投稿 get_adjacent_p
【WordPressのデータベース（DB）を操作したいので初めの一歩から勉強して理解しています】｜今村だけがよくわかるブログ
ところでですが、MySQL,PostgreSQL,oracleなどのDBMSは、これまで一通り触ってきました。ですので、初歩的な予備知識はあると思っています。が、私個人的にWordPressに関しては、「WordPressを構成してるデータベース（DB）の理解」をしないと、うまく扱えない。前に進めないな、と感じています。 当たり前かもしれないですけども・・・ WordPressのDBに関する理解私の現状の理解は、 WordPressはDBMSとしてMySQLを採用していて、インストール時に決めたDBに、WordPressを構成するテーブルを作成するcodexのサンプルコードを参考に、ちょっとだけDBの値を引っ張ってくる程度ってくらいです。 あ、あとWordPressインストール時に作られるテーブル名も、前回調べました。（昔PostgreSQLで構築する方法もあるのはどこかで見たけど、そこは
プラグインを使わずWordPressに9の機能をつける | Webクリエイターボックス
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト！ プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 &lt;ul&gt;
WordPressのテーマファイルをHTML5にするチュートリアル
このサイトはまだHTML5にしてないので、WordPressのテーマファイルをXHTMLからHTML5にするステップごとに解説されたチュートリアルを紹介します。 Convert Your WordPress Theme to HTML5 下記は各ポイントを意訳したものです。 チュートリアルのゴール HTML5のベーシックなレイアウト Step 1: header.phpをHTML5化 Step 2: index.phpをHTML5化 Step 3: sidebar.phpをHTML5化 Step 4: footer.phpをHTML5化 Step 5: single.phpをHTML5化 Step 6: style.cssをHTML5化 チュートリアルのゴール このチュートリアルは、XHTMLでつくられたWordPressのテーマファイルをHTML5にするものです。テーマファイルはそれぞれ
WordPress向けSEO上級編：適切なパーマリンクへの変更と複数言語への対応 | Moz - SEOとインバウンドマーケティングの実践情報
この記事は、「上級WordPress SEO」という、SEOmozのウェブセミナー「Mozinar」で僕が行ったセッションを補足するものだ。WordPressに固有なSEOの問題とその解決法について一緒に議論したセミナー参加者たちに感謝したい。 WordPressのSEOは盛り上がるテーマであり、ウェブセミナーの最中と終了後にすばらしい質問をたくさん受けたのだが、その場では答える時間がなかった。寄せられた関連質問を読んでみて、その多くが同じ話題に関するものだとわかったので、誰でも閲覧できるよう、そうした共通する質問への回答を今回の記事にまとめることにした。 もちろん、WordPressは非常に柔軟なプラットフォームなので、ここで取り上げるWordPressの問題には対処法がいくつもある。この記事では、僕が過去に実施した方法に絞る。 パーマリンクの適切な構造と留意点ウェブセミナーの中で大きな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
≡ Drupal Japan ≡ | Drupal 日本サイト
QueryPosts is retired
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Manual - Documentation - Zend Framework