WordPressで3の倍数の記事にClassをつける方法（エントリの3列表示） – 埼玉県のホームページ制作・WEB制作はアデジナーレ（桶川市・北本市）
WordPressで3の倍数の記事にClassをつける方法（エントリの3列表示） 公開日 2012/07/30 更新日 2021/05/26 WordPress（ワードプレス：WP）をCMSとして使う場合、2列表示や3列表示などエントリを横に並べたいケースが多いと思います。 HTMLとCSSで横並びにする場合、CSSでfloatを使い横に配置し、ブロック要素とブロック要素の間にmarginを指定し間隔を開けることが多いと思います。また右端（折り返し）のブロックにはmargin:0;を指定するためのclass（クラス）をhtmlに記述することも多いと思います。 CMSで出力する場合、3の倍数だけにclass（クラス）を割り当てる処理が必要になります。 WordPressでは意外と簡単に実装可能です。 以下、覚え書きです。 3の倍数にclassを割り当てるために、ループ回数を入れる変数を用意し
jQueryで指定した要素にclass,idを追加する
Posted: 2010.12.24 / Category: javascript / Tag: jQuery 要素にclassやidを割り当てるにはhtmlで直接指定するのが確実ですが、大量の要素やクリックイベント後に処理したい場合は、プラグラムで割り当てる必要があります。 この記事ではjQueryを使用して、さまざまな状況下で各要素にclassやidを追加してみます。 id、classを割り当てるためのメソッド 次のような構造のhtmlがあるとします。 html <ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> <li>リスト4</li> <li>リスト5</li> </ul> たとえば、ulに「style-ul」というidを、liには「style-li」というclassを割り当てるとします。 「attr」メソッドを使用すれば、属性の追加や値
WordPressで最新記事を判別して大きく見せるなど、表示を変更する条件分岐のカスタマイズ方法 | ホワイトベアー株式会社
こんにちは、メディア事業部ウェブディレクターのコネル飯塚です。 WordPressでブログを運営していると、トップページなどに記事一覧を表示させている場合が多いと思います。 かっこ良いWordPressテンプレートもたくさんありますが、通常のループの使い方では記事一覧のすべてが同じ投稿形式の表示方法になります。 そこで、今回は記事一覧の最新の投稿記事のみ画像を大きく見せるなどが出来るように、最初の記事を判別する方法を説明していきます。 この方法を使えば、「最初の１つ」だけではなく、「最初から３つすべて」や「４つ目だけ」など、応用して見せ方に変化をつけることができます。 同じ形式の記事一覧をループさせている状態から少し変化やアクセントを付けて、見せ方を変えてみませんか？とても簡単なカスタマイズ方法なので、是非参考にしてみてください！ ループの使い方 まず、WordPressで記事一覧のような
jQueryでタブ切り替え - Qiita
<ul> <li data-tab-trigger='tab'>kuma</li> <li data-tab-trigger='tab'>tama</li> <li data-tab-trigger='tab'>kiso</li> </ul> <ul> <li data-tab-target='tab'>球磨だクマー</li> <li data-tab-target='tab'>多摩だニャー</li> <li data-tab-target='tab'>木曽だキソー</li> </ul> var tabSwitch = function(active_num){ var $trigger = $('[data-trigger-tab]'), $target = $('[data-target-tab]'), $active; if(!$target.length) return; $tar
the_contentをremove_filterで元に戻したい – Welcart フォーラム
動作に関するご質問の場合は必ずご記入ください。 WordPress のバージョン：3.5.1 Welcart のバージョン：1.3.1.1304012 ご利用のテーマ：自作 症状を確認したブラウザ：Firefox サーバー（会社名、サービス名）：ローカル環境(xampp。構築は2013年4月に入ってからなので最新だと思います) SSLの利用： 無し WordPress のパーマリンク設定：デフォルト the_content()で自動的に表示される画像のサムネイルを非表示にするために、 <?php the_content(); ?> の1行前に <?php remove_filter(‘the_content’,array($usces,’filter_cartContent’),20); ?> を記述しました。 記述場所は、 wp_content > themes > テーマフォルダ >
the_content – Welcart フォーラム
一般財団法人日本情報経済社会推進協会（JIPDEC）から、「プライバシーマーク」付与の認定を取得しています。
WordPress カテゴリー別の記事一覧を表示する
カテゴリー内の記事リストを表示することは、トップページの新着記事とかサイドバーとか、使う機会がが多いです。 特定のカテゴリーの記事一覧を表示する例カテゴリーID：5の記事を10件表示するget_postsで特定のカテゴリーに属する記事を取得します。 $args = array( 'posts_per_page'=> 10, 'category'=> 5 ); $myposts = get_posts( $args ); if( ! empty( $myposts ) ){ $html = '<ul>'; foreach ( $myposts as $post ){ $html .= '<li><a href="' . get_permalink( $post->ID ) . '">' . $post->post_title . '</a></li>'; } $html .= '<ul>';
| シンプルデザインのWelcartテンプレート・テーマ | Welthemes
世界で最も愛されるCMSであるWordPress。その使いやすさそのままにショッピング機能を追加するプラグインがWelcartです。 Welcartを更に魅力的にするためのシンプルで美しいデザインテーマをどうぞ。 最初からシンプル。商品の写真をしっかり見せることと、使い易いショッピングカート。これだけにフォーカスしたデザインテーマ集です。WordPressを使ったことのある方なら、あと少しの手間で簡単にオンラインストアを構築できます。 新テーマ「SIMPLY」リリース 「SIMPLY」はWelcartデザインテーマで最も人気の高い「minimum」の次世代テーマとして開発されたテーマです。 Welcartの新しい初期テーマ「Welcart Basic」を親テーマとして、デザインを見直し、ヘッダー画像やカラースキームのカスタマイズを強化、そしてウィジェット機能もよりわかりやすくシンプルに利用
Welcartの商品詳細ページをカスタマイズする方法
商品詳細テンプレートの全体構造 商品詳細のテンプレートは、wc_item_single.phpに記述されています。デフォルトではskuの数によってレイアウトが異なっており、以下のような構造になっています。 <div id="content" class="two-column"> <div class="catbox"> <?php if (have_posts()) : the_post(); ?> <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> <!-- 商品名 --> <h1 class="item_page_title"><?php the_title(); ?></h1> <div class="storycontent"> <?php usces_remove_filter(); ?> <?php usces_t
本当は教えたくない！ド素人でも3ステップでオシャレなアイキャッチが作れる「Canva」 | 日常の最中に、
―驚くほどシンプルなグラフィックデザインソフトウェア― と自ら名乗ってますが、 本当に驚くほどシンプルで使いやすいんです。 Canvaのスゴイ所無料ハイ、神。 アイキャッチがオシャレなブログって巧みな編集スキルを持った方がillustratorやPhotoshopを使ってるじゃないですか。 Canvaなら一部有料の操作はありますが、無料でも問題なくオシャレな画像を作成出来ます。神です。 WEB上で使えるハイ、神。 使い始める際に面倒なダウンロードもインストールも必要ありません。 今少しでも興味があるならまず上のリンクからさくっと登録して使ってみるのが一番です！この後を読む必要もなくなります。 しかもネット環境さえあれば、作成途中であってもデータはWEB上に保管されるのでPCを変えようがすぐにさっきまでの状態から再開して作業を行うことが出来ます。神です。 直観的に操作出来るハイ、k(略 こう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery タブ切り替え | 私的雑録
拡張プラグイン WCEX SKU Select を公開しました
★★★特定のカテゴリーの記事のタイトルをリスト表示 | No:232 | Ri-mode Memo
