コピペで使えるシンプルでおしゃれな囲み枠CSSサンプル | office FITPlus-お金とITのお悩みなら横浜のFP事務所へ
アメブロカスタマイズ コラム コピペで使えるシンプルでおしゃれな囲み枠CSSサンプル アメブロでのお知らせ、WordPressサイトでのまとめ、メルマガデザインなど、いろいろな場面で使える囲み枠のサンプルを作ってみました。コピペして活用してみてください。 シンプルな背景色での囲み枠 背景色だけで表現したシンプルだけど使いやすい囲み枠です。文字が見やすいよう淡い色を用意しました。 アメブロの記事下の文章やセミナーのお知らせ枠にどうぞ 枠の中には自由に文章を書きます。 アメブロでの記事内やメルマガで使用する場合＜インラインCSS＞ <div style="padding:20px;width:80%;background:#FEDFE1;border-radius:8px;color:#724938"> アメブロの記事下の文章やセミナーのお知らせ枠にどうぞ<br/> 枠の中には自由に文章を書き
カスタム投稿タイプを追加する方法【コピペOK・プラグイン不要】 | MacoBlog
ワードプレスにあるデフォルトの「投稿」だけだと足りない時って多いと思います、そんな時に活躍するのが「カスタム投稿」。本記事では、カスタム投稿を自作して追加する方法について解説してみたいと思います。 「カスタム投稿」について【基礎知識】 「カスタム投稿」とは、ワードプレスにデフォルトで用意されている「投稿(post)」とは別に用意した投稿タイプのこと、下記のスクショを見てもらえれば分かりやすいと思います。 一番上の「投稿」のすぐ下にある「お知らせ」「カスタム」「ブログ」がカスタム投稿にあたります、定番なもので言えば「お知らせ」と「新着情報」ですかね、普通のブログ記事（投稿）とは別の役割で記事を作成したい時に別々で管理したい時によく使います。 ってこで今回はカスタム投稿タイプ「お知らせ」を実装し、コードを公開しながら解説したいと思います。 カスタム投稿タイプを作成する方法【コピペ＋編集】 プラ
WordPress プラグインなしでシンプルなページネーションを実装
WordPressのページネーションをプラグインなし、シンプルなデザインで実装してみます。 Screen shot 参考：出力されるコード <div class="pagenation"> <ul> <li class="prev"><a href="....">Prev</a></li> <li><a href="....">1</a></li> <li><a href="....">2</a></li> <li><a href="....">3</a></li> <li class="active">4</li> <li><a href="....">5</a></li> <li class="next"><a href="....">Next</a></li> </ul> </div>
WordPress：カスタマイズするなら覚えておきたい条件分岐について - NxWorld
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
３ステップでつくるWordPressサイドバーウィジェット | Firegoby
WordPressのサイドバーウィジェットを自作すると、クライアント向けにWordPressを納入する際に色々と便利なので、実際の作り方をなるべく簡単にご紹介します。 ステップ１：WP_Widgetクラスを定義する。 ウィジェットプラグインを作成するには、WP_Widgetというクラスを継承した子クラスを作成する必要があります。 クラスとか継承とか難しそうですが、テンプレートのようなものを用意するだけと思えば簡単です。 以上のソースはウィジェットプラグインを作成するためのテンプレートのようなものです。 とりあえず、このファイルを任意の名前（たとえばmywidget.phpなど）で保存してzip圧縮した後、プラグインのインストール画面からアップロードしましょう。 プラグインを有効にした後でウィジェットの画面に移動すると、以下のような感じで新しいウィジェットが追加されていると思います。 これか
カテゴリ毎の記事一覧を表示する方法[WordPress]
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 まえがき 意外と出番が多い「カテゴリ毎の記事一覧」を表示するタグを紹介します。 プラグインとかは使いません。 コード書くだけでいけます。 カテゴリ毎の記事一覧を表示するコード 細かい話はどうでも良いと思うので取りあえずコード載せます。 <?php $categories = get_categories(); foreach($categories as $category) : ?> <div><a href="<?php echo get_category_link( $category->term_id ); ?>"><?php echo $category->cat_name; ?></a></div> <u
![カテゴリ毎の記事一覧を表示する方法[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/764f404578b7f22afbc63332d1107f20090286b6/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fwordpress-logo-notext-rgb-3.gif){kind=logo}
WordPress のページによってサイドバーを切り替える方法
今回は例として、会社情報ページ(about)は会社情報用のサイドバー。商品紹介ページ(item)のページは商品紹介用のサイドバーに切り替えたい場合の手順を紹介します。 ページ用のサイドバーを用意する それぞれのページで読み込むサイドバーのファイルを用意します。サイドバーのファイル名は、sidebar にハイフンを付けてページのスラッグ名を入れます。今回の場合だと以下のような感じです。 sidebar-about.php sidebar-item.php ページによって切り替える分岐タグ ページによって読み込むサイドバーを切り替えてくれるタグを書きましょう。このタグを書く場所は page.php とか index.php とか人によっては違うと思いますが頑張ってみてください。 <?php if(is_page('about')): ?> <?php get_sidebar('about');
自分のwebサイト作る工程 - MEMOGRAPHIX
2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
WordPress 管理画面のカスタマイズ まとめ | hijiriworld Web
WordPress管理画面のカスタマイズ詰め合わせ ※随時更新していきます ダッシュボード 不要なウィジェットを削除 カスタムウィジェットを追加 ウィジェットの配置を変更 投稿画面 不要な項目を削除 エディタ ビジュアルエディタを無効にする HTMLエディタの不要なボタンを非表示 HTMLエディタにカスタムボタンを追加 フッター サイドメニュー メニューの名称変更 メニューの並び替え メニューを非表示 カスタムメニューを追加 管理バー サイト側の管理バーを非表示 不要な項目を削除 投稿一覧画面 不要なカラムを削除（投稿、ページ、カスタム投稿タイプ） カスタムカラムを追加（投稿、ページ、カスタム投稿タイプ） ソート機能も実装した応用技 ログイン画面 スタイルを変更 ログイン/ログアウト後のリダイレクト先を変更 バージョンアップ通知をOFF WordPress本体のバージョンアップ通知 プラグ
WordPressのマルチサイトで複数の独自ドメインを設定する方法（Coreserver編） | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go
WordPress 3.0 よりWordPress MU が統合され、マルチサイト機能が簡単に利用できるようになった。このマルチサイトを利用すれば、一度のインストールで、サブドメインまたはサブディレクトリで、複数のWordPressを運用できるようになる。 今回はさらに一歩進めて、WordPress のマルチサイトでドメインマッピングを利用して複数の独自ドメインを運用する方法を見ていきたいと思う。今回は、Coreserverでの設定方法になるが、途中まではほとんど共通の設定になると思う。ドメインマッピングについては、ホスティングサービスによってやり方が異なったり、できない場合もあると思うのであくまでも参考にしてもらいたい。 WordPress のインストール・マルチサイトの設定をする まず、WordPress を通常通りインストールしよう。 WordPress でマルチサイトを利用するには
The Best and Most Popular WordPress Themes of 2024 (UPDATED)
Looking for the best theme to give your website the perfect look that matches your brand and vision? With over 11,000 WordPress themes available, it’s quite difficult for beginners to find the best WordPress theme for their needs. Often, we’re asked by users if there is a single WordPress theme that fits all use cases. The answer is YES. You can use a popular multipurpose WordPress theme on just a
クライアントに頼まれやすい機能を補えるWordPressプラグインいろいろ - かちびと.net
中小企業、店舗系のWeb制作が 個人的に最も多いので、そういった クライアントさんに頼まれやすい機能 を加えるWPプラグインのメモです。 大規模なWebサイトではまた別の需 要が出てくると思います。 羅列した全てのプラグインを入れる訳ではなく、「よく頼まれる機能」を補うプラグインをあげています。順不同。 WP-Add-quicktag 今更便利さに気がついた、という感じですが、最近よく使っています。基本的にはマークアップを補うプラグインなんですが、定型文の挿入に凄く便利なのでお勧め。こちらで設定してあげればクライアントさんはワンクリックで挿入できます。複数登録も可能なので重宝しますね。 addquicktag Ktai Style 携帯サイト作って欲しい！予算無いけど！みたいな要望があったとき、というか中小規模サイトの案件では多いのでKtai Styleは必須プラグインです。予算無いなら断
2011年版！絶対にインストールしたいWordPressプラグイン45個 | Vanilla Rock
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個！』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います！その数も増えて何と30個から45個へグレードアップ！記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです！ それでは、少し長いので「続きから」どうぞ～！ WordPress
TRANS - WordPressで企業サイトを作る際によく使うプラグイン
2009年10月30日（追記）：プラグインを見直し、こちらで公開しています。 2008年8月9日（追記）：この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記（2007年7月11日）1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
10 Free Clean and Minimal WordPress Themes
20 Comments Blue Bubble and Foliogrid are nice theme. Thanks for share… It’s a small list but looks nice, clean theme maybe suitable for the magazine website than a personal web blog Really like the clean look, very appealing. I love the minimal look. I personally use the Clean Home design for my blog but I have made a few changes by adding style switching so users can change from red on white to
[JS]多彩なカスタマイズが可能な画像を拡大するスクリプト -Lightview | コリス
Lightviewは、LightBox風に画像を拡大するスクリプトで、多彩なオプションで拡大表示時のカスタマイズが可能です。 Lightview Lightviewは、単独の画像拡大をはじめ、連番での送り機能や自動スライドショー機能を備えています。 デフォルトの状態でも快適に動作しますが、下記の多彩なオプションで画像の拡大表示時のカスタマイズが可能です。 backgroundColor 背景色 border ボーダーのサイズ buttons.opacity ボタン不透明度 effects Scriptaculousの効果 images lightview.jsからみたディレクトリ imgNumberTemplete 画像のナンバリング overlay オーバーレイ radus 角丸の半径 sideshow.delay スライドの表示タイミング titleCaptionSplit タイトルと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お手軽WordPress Tips：プラグインを使わず投稿記事や固定ページの好きな場所に任意のPHPファイルを挿入、実行できるようにする - かちびと.net
無料で超絶クオリティが高いWordPressテーマ「BizVektorβ8」が凄すぎた | 無料WordPressテーマ BizVektor [ ビズベクトル ]![無料で超絶クオリティが高いWordPressテーマ「BizVektorβ8」が凄すぎた | 無料WordPressテーマ BizVektor [ ビズベクトル ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/90ece620db8095db21b6a18f5b0407fad07b76c5/height=288;version=1;width=512/https%3A%2F%2Fbizvektor.com%2Fwp-content%2Fuploads%2Fcalmly_green_thumbnail.jpg)
WordPress を専用ディレクトリに配置する - WordPress Codex 日本語版