タグ

wordpressに関するsw_lucchiniのブックマーク (138)

  • Redirecting…

    Redirecting… Click here if you are not redirected.

  • スパルタ教官と「WordPressの教科書2」が僕に教えてくれたこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    人物紹介:菊池 良 LIGのインターン生。自称・即戦力の男。 ほとんど知識が無い中、WEB業界で生きていく事を決意する。 だけど、最近気がついたんだ。何のスキルも無い僕がWEB業界で生きる為には、WordPressの1つも扱えるようにならないとダメなんじゃないか? WordPressとは? Webサーバ上にブログを開設・運用できるソフトウェアの一つ。無料であることから世界中で利用されていて、専門的な知識がそれほど無くても自由にブログのデザインをカスタマイズする事ができる。ちなみにLIGブログもWordPressで運用されている。 僕は思い立ち、エンジニアの「まさーる」さんに弟子入りする事にしたのだが… 現在、極めてピンチである。 『菊池!俺だって、お前を殴りたくは無い!だが、短期間でWordPressを使えるようにするには、スパルタ以外にありえんのだ!』 『教官! 待って下さい! こんな事

    スパルタ教官と「WordPressの教科書2」が僕に教えてくれたこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • WordPressのトップページを雑誌や新聞のような段組にする方法

    WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script

    WordPressのトップページを雑誌や新聞のような段組にする方法
    sw_lucchini
    sw_lucchini 2012/01/23
    wordpressに対応する方法
  • WordPressの管理ページをより便利にカスタマイズする方法13

    2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト! WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面:ロゴを変更する ログイン画面:CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ

    WordPressの管理ページをより便利にカスタマイズする方法13
    sw_lucchini
    sw_lucchini 2011/05/18
    管理ページのカスタマイズについて。
  • WordPress の部屋

    注意1 コード及びプラグイン等について HTML,CSSはValid ではないかもしれません。 PHP は、間違いや環境の違いなどで正しく動作しないこともあります。悪しからず。 htmlspecialchars()、mysql_real_escape_string()、esc_html()、attribute_html() 等は、質的なことではないので一切通していません。コードをコピーする場合は、各自補ってください。 URL に投稿名を含んでいますが、気分しだいで変更します。全然パーマネントなリンクではありません。 紹介しているプラグインの使用は自己責任でお願い致します。 「誤字・脱字」「てにをはが変」は適当に脳内で変換してください。 まあ、つまらんことで、突っ込みを入れられないようにするための約款みたいなものです。 注意2 アクセス制限の記事 メモの段階で、参照元へのリンクだけとか、英

    sw_lucchini
    sw_lucchini 2011/01/08
    wordpressの基礎知識
  • Wordpressプラグインの作り方〜初級編

    1.プラグイン作成の前知識 WordPressのプラグインは、以下のようなエントリーがすでにあります。 >>プラグインの作成 – WordPress Codex 日語版 >>ゼロからWordPressプラグインを作成するためのチュートリアル:phpspot開発日誌 >>WordPressプラグインの作り方 ?フィルタ編? – しばそんノート >>WordPressプラグインの作り方 ?アクション編? – しばそんノート とくにショートコードについては、多くの記事で取り上げられています。 そこで、エントリーでは、 ・プラグインが作ってみたいなぁ? ・ifとか変数とか、PHPの基はわかるけど、ゼロから組んだことない・・・ ・でも管理画面とか作ってみたいじゃん! ・APIもいじってみたいじゃん! という、かなり限定された方向けの内容になっていますw。 ところで、ショートコードとは、記事中に

    Wordpressプラグインの作り方〜初級編
    sw_lucchini
    sw_lucchini 2010/12/20
    プラグインの作り方
  • WordPressの管理画面をカスタマイズしたい時に覚えておくと重宝しそうなハックやプラグインいろいろ

    商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_

    sw_lucchini
    sw_lucchini 2010/12/16
    管理画面に関するハック・プラグインの紹介
  • scriptygoddess » Blog Archive » Decoder Button

    Had to create a plugin. Guess this means I'm getting back in the groove. ;P Referring back to these posts, this plugin will make a button on your edit post/page making it possible to paste some code you wanted to show, select the code, then click "decode" – which will convert your < to &lt; and > to &gt; in the selection – so that it doesn't break your page. Installation instructions: Download the

    sw_lucchini
    sw_lucchini 2010/12/15
    投稿画面にデコードボタンをつけるプラグイン
  • WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう

    WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう 2010年12月14日 09:39WordPress タイトルで言い切っちゃったけど、 WordPress のインストールがあまりに簡単なため これをやってないことも多いんじゃないかという気がするので。 WordPress のインストールが完了したら真っ先に ドキュメントルートに生成される wp-congig.php を ひとつ上のディレクトリに移動させましょう。 なんで移動させるの このファイルにはデータベースへの接続情報など 他人に見らたらよろしくないことが書かれてますね。 それが外部からアクセス可能な場所に置かれてるのは あまり気持ちのいいものではないので。 大丈夫なんじゃないの まあ普通にアクセスしても このファイルの PHP スクリプトは何も出力しないから 基

    WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう
    sw_lucchini
    sw_lucchini 2010/12/15
    今後は真っ先にしたい
  • 22のカスタマイズ ハック

    WordPress をカスタマイズする時のハック集 ... というかスニペット集です。使用する場面を想定して、トップページで使えるハック、サイドバーで使えるハックなど、目次をつけました。 WordPress はとってもカスタマイズ性の高いブログツール。私も WordPress をカスタマイズするのが大好きです。そんな WordPress をカスタマイズする時に使える Tips を、全部で 22個ほどまとめてみました。 ハックというよりちょっとしたコード集ですが … X( オリジナルのテーマを作るときにちょっとお役立ちかもしれません。まだまだたくさんあるのでシリーズ記事になりそうな予感。今回は私もよくやる WordPress ハックをご紹介します! WordPress カスタマイズ 目次 時短ハック トップページで使えるハック 記事ページ(シングルページ)で使えるハック サイドバーで使えるハ

    sw_lucchini
    sw_lucchini 2010/12/13
    オリジナルショートコード・独自header・wp_headのいらないコード削除はした。
  • Welcome Back

    Remember everything important. Continue with Google Continue with Apple or Remember me for 30 days Forgot password? Don't have an account? Create account Terms of Service Privacy Policy Copyright 2024 Evernote Corporation. All rights reserved.

    sw_lucchini
    sw_lucchini 2010/12/06
    Evernoteのクリップ
  • WordPress: Similar Posts の紹介と設定例 – 関連記事[投稿|エントリ]を表示するプラグイン

    投稿した記事に関連する記事を自動で選択し、サイドバーを含む任意の位置に表示できる WordPress のプラグインであるSimilar Posts(Author: Rob Marsh, SJ) の設定の一例を紹介します。 ダウンロードとインストール まず、下の二つのページからPost-Plugin LibraryとSimilar Postsをそれぞれダウンロードします。 All Things Seen and Unseen » Post-Plugin Library All Things Seen and Unseen » Similar Posts ダウンロードしたzipファイルから解凍されたフォルダをサーバのpluginフォルダにアップロードします。ブラウザからプラグイン管理ページを開き、Post-Plugin Library→Similar Postsの順にアクティベートします。 特

    WordPress: Similar Posts の紹介と設定例 – 関連記事[投稿|エントリ]を表示するプラグイン
    sw_lucchini
    sw_lucchini 2010/12/05
    関連記事を表示させるプラグイン「Similar Posts」の設定
  • はてなブックマークボタンの作成・設置について

    はてなブックマークボタンは、はてなブックマークが提供するソーシャルボタンです。ボタンを利用すると、ユーザーはその場でページをブックマークすることができます。 設置はとても簡単。以下のフォームで設定を行い、コードをあなたのページに貼るだけです。

    sw_lucchini
    sw_lucchini 2010/11/25
    はてブボタン
  • WordPressをローカルにインストールする

    2013年3月23日 Wordpress WordPressのオリジナルテーマの作り方について、今回より3作に分けて説明していこうと思います!まず1つめの記事:Wordpressをローカルにインストールする方法。ローカルで操作するとファイルをいちいちアップロードする手間が省けるので時間の節約にもなります。参照Webサイトは私の敬愛する世界的に有名なブロガーの一人、Nick La氏によるWeb Designer Wall。このサイトのデザインも素敵なのでぜひ覗いてみてください! ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする ←今ここ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマをアップロードする 簡単に手順説明 WordPressをローカルにインス

    WordPressをローカルにインストールする
    sw_lucchini
    sw_lucchini 2010/11/21
    wordpressをローカルにインストールする方法。BitNami WordPressができなかったので。
  • ローカル環境でWordPress構築するBitNamiを入れてみた(日本語化含む) | Marines, be ambitious 生暖かく千葉ロッテマリーンズを見守るそんなBlog

    どうも~。このブログはWordPressで作っているのですが、もう少しシンプルなデザインに変更しようと考えておりまして。ただphpをいちいちいじって更新して確認しているとエライサーバに負荷かかるし、面倒なんでローカル環境でも出来ないものかと探していたらいいものがりました。 超簡単&スピーディにローカル環境にPHP+MySQLWordPress構築を実現するBitNami(かちびと.net) この通りインストールしたら、わりと簡単に出来ました。便利なものがあるものです。 ちなみにこれインストールすると英語になってしまうんですが、言語ファイルを直接ぶっこむと日語になりました。 言語ファイルのインストール(WordPress Codex 日語版) 手順としては、 C:\Program Files\BitNami WordPress Stack\apps\wordpress\htdocs\

    sw_lucchini
    sw_lucchini 2010/11/18
    Bitnami WordPressを日本語化する
  • フィードダイアログ - シェア機能 - ドキュメンテーション - Meta for Developers

    フィードダイアログをアプリに追加することにより、人々がそれぞれのストーリーにコメントを付けてタイムラインに公開できるようにすることができます。 フィードダイアログでストーリーをシェアするためにアクセス許可の拡張を依頼する必要はありません。 統合このダイアログは、Facebook SDK for Javascript/iOS/Androidで、URLへの完全リダイレクトを実行することによって使用できます。このダイアログをトリガーするために使用できるサンプルコードスニペットを以下に示します。 JavaScriptフィードダイアログをトリガーするには、FB.ui関数を呼び出します。その際に、methodパラメーターの値としてfeedを使用します。 FB.ui({ method: 'feed', link: 'https://developers.facebook.com/docs/' }, fu

    フィードダイアログ - シェア機能 - ドキュメンテーション - Meta for Developers
    sw_lucchini
    sw_lucchini 2010/11/18
    Facebookシェアボタン。一応つけといたほうがいいのかしら。
  • WordPressでのパス指定を絶対パスから相対パスに変更する方法

    WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ(サイトの移転)、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $

    sw_lucchini
    sw_lucchini 2010/11/18
    パス指定を絶対から相対に変える
  • functions.phpに書いておくといいかもしれないコードいろいろ

    WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。

    sw_lucchini
    sw_lucchini 2010/11/18
    functions.phpに書いておきたいコードたち
  • WordPress: W3 Total Cache(W3TC)の高速化効果がスゴイ | Hinemosu

    WordPressを最適化するプラグイン「W3 Total Cache」(W3TC)の高速化効果がスゴイ。 これまでは「WP Super Cache」と言うキャッシュプラグインを使ってたけど、「W3 Total Cache」の先進さに惚れて一発で乗り換えを決めました。 W3Tのスゴさを三行で説明 W3Tのスゴさを三行で説明します。 色々とキャッシュできる コードの最適化も出来る CDNの設定や、ブラウザキャッシュ制御まで出来る 以下ザックリと説明していきます。 色々とキャッシュできる W3TCでは、一般的な「ページキャッシュ」以外にも、「データベースキャッシュ」や「オブジェクトキャッシュ」にも対応しています。 「データベースキャッシュ」を有効化すると、記事(post)やページ(page)、フィード(feed)の作成時間が短縮されます。 「オブジェクトキャッシュ」を有効化すると、その他の一般

    WordPress: W3 Total Cache(W3TC)の高速化効果がスゴイ | Hinemosu
    sw_lucchini
    sw_lucchini 2010/10/29
    導入しておく
  • Twitterの公式ツイートボタンを(X)HTML validにする方法

    Twitterの公式ツイートボタンのページで作成したボタン(下)を、ブログなどに表示しているサイトが増えてきました。当サイトも表示しています。公式ツイートボタンの設置方法は「WordPress/Movable Typeに公式ツイートボタンを設置する」で詳しく紹介しています。 ところで、このボタンを表示するコードをページに貼り付けると、XHTML1.xやHTML4.01のページがvalidにならなくなる場合があります。 エントリーでは、問題点の簡単な解説と、設置したTwitterの公式ツイートボタンを(X)HTML validにする方法を紹介します。 1.問題点 公式ツイートボタンのページでは、公式ツイートボタンを表示するために、次のようなコードを生成します。 このコードを埋め込んだ、DOCTYPEがXHTML1.0のページをThe W3C Markup Validation Servic

    Twitterの公式ツイートボタンを(X)HTML validにする方法
    sw_lucchini
    sw_lucchini 2010/10/28
    属性名のせいでひっかかってるようだ。