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 のギャラリー機能使っていますか？ 使いにくい WordPress のギャラリーをちょっと使えるようにするカスタマイズです。 ものすごく長くなってしまいました ... できるだけ簡単にまとめてみたので興味があるひとはぜひ読んでみてくださいね！ Webサイトで写真を一覧表示したいときに、よく使われているギャラリー。WordPress のテーマにも、Webサイト全体をギャラリーみたくするものも、数多くありますよね！でも普段はブログや一般的な Webサイトとして使っていて、その中の数ページをギャラリーページとして使いたい … ってこともあると思います。 私の場合、ギャラリーを jQuery のプラグインと組み合わせて作成する事が多いので、WordPress のギャラリー系のプラグインは使ってません（おすすめのギャラリー系、画像管理系のプラグインがあったら教えて欲しいです）。 ま
スマートフォンWPtouch トップページのカスタマイズ
iPhone、Android、Galaxyなどのスマートフォン向けにしてくれるとっても便利で有名なプラグインWPtouch があります。プラグインを有効化してデフォルトでも充分に使えますが、当サイトのようにトップページに固定ページを設けて作成しているサイトにとってはデフォルトではブログのイメージが強く何か物足りません。そこでトップページを新たに作成してみました。 WPtouch をカスタマイズする前の準備 WPtouch をインストールされていない方は、まずWPtouch のプラグインをインストールして有効化しましょう。有効化したらレイアウトを確認してみましょう。もしも手元にスマートフォンがない方はパソコンでスマートフォン画面を確認するをご覧下さい。 WPtouchをインストールしてプラグインを有効化する。 パソコンでスマートフォン画面を確認出来る状態にする。 WPtouchを有効化したス
wordpress TOPページの新着記事にmore（続きを読む）を表示する方法 | WEBデザイナーのしおり
ＴＯＰページを固定ページに設定した場合、新着記事を表示させたい事って多いと思います。日付とタイトルのみの表示は問題なく表示できるのに、本文も表示させたい時に困った事はないですか？私は悩みました！悩んだ末に解決策が見つかったので記載しておきます。 １．通常アーカイブページなどでは問題なく表示できるのに、固定ページでは全ての記事が表示されてしまいます。 解決策は <div class="comment""> <?php global $more; $more = 0; ?> <?php the_content(__('(more...)')); ?> </div> まとめ TOPページなどの固定ページに新着情報を表示する <?php $lastposts = get_posts('numberposts=10&offset=0'); foreach($lastposts as $post) :
WordPressマルチサイトネットワークから新着記事を取得するコード（修正版）
[2013-07-15追記] WordPressマルチサイトからの記事の取得に関しては、WP Over Networkプラグインの開発協力という形で継続しています。そのため、当記事のコードはアップデートされません。最新版に対応した形で実現したい方は、WP Over Networkプラグインをお使いください。 WP Over Network をリリースしました。 | Foreignkey, Inc. WordPressをネットワーク化し、1つのWordPressで複数のサイトを管理している際に、ネットワーク全体の新着記事を表示するためのコードです。以前ブログに投稿したコードがありますが、get_blog_list()がWordPress3.0から非推奨になったため、get_blog_list()を使用しないように変更した修正版です。 また、各サイトから1件を取得して並び替える実装だったのです
[066] Twenty Ten を1カラムや3カラムにする | WordPress experiment – twentyten customize-
WordPress3.0 のデフォルトテーマ「Twenty Ten」 を１カラムや３カラムにしたいと思ったことはありませんか？今回はCSSの設定だけでTwenty Tenを１カラムや３カラムにする方法をご紹介します。 ＣＳＳで１カラムにする方法 １カラムにするには container や content の枠を広げて下さい（ margin-right を 240px を 0px にします）。子サイトの style.css に以下を追加して下さい。そして、ウィジェットエリア１と２に登録したウィジェットを削除して下さい。 [html] #container { margin-right: 0px; } #content { maｍrgin-right: 0px; } [/html] ＣＳＳで３カラムにする方法 Twenty Ten のサイドバーは #primary と #seconda
有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
こんなに高性能なのに商用でも無料利用できるEコマース用WordPressテーマファイル -Velvet Sky
Eコマースサイトでよく利用される機能を備えたWordPress用のテーマファイルとPrestashop用のテーマファイルを紹介します。 Free Prestashop and WordPress E-Commerce Theme: Velvet Sky [ad#ad-2] すぐにEコマースサイトができてしまいそうなテーマファイルですが、利用するにあたっての一番のポイントは日本語化でしょうか。 デザインをはじめ、機能も便利なものが揃っているので、勉強目的にも役立つと思います Velvet Skyの主な特徴 Velvet Skyの対応ブラウザ Velvet Skyのデモ Velvet Skyのライセンス Velvet Skyの主な特徴 WordPress 3.1+対応 Prestashop 1.4.2.5対応 カスタムホームページ 水平タイプのメニューとサブメニュー スライドショーモジュール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
