ปรับแต่ง Google Reader iPhone Edition ใน Firefox Sidebar ของคุณ

หากคุณเป็นแฟนตัวยงของทั้ง Google Reader และ Firefox คุณจะสนใจที่จะรู้ว่า Reader เวอร์ชัน iPhone ของ Google นั้นเหมาะสำหรับแถบด้านข้างของ Firefox และด้วยการปรับแต่งเล็กน้อยเราสามารถทำให้มันพอดี.

เราสามารถปรับแต่งมันเพื่อลบส่วนหัวเลือกหน้าเริ่มต้นของเราลดแบบอักษรและลบข้อความที่ตัดตอนมาเพื่อให้รายการสะอาดดีเช่นนี้:

เพิ่ม Google Reader iPhone Edition ลงใน Firefox Sidebar

สิ่งที่คุณต้องทำคือคลิกขวาที่ใดก็ได้บนแถบบุ๊คมาร์คและเลือกที่คั่นหน้าใหม่ตั้งชื่อ (หรือปล่อยว่างไว้) และใส่ URL ต่อไปนี้:

http://www.google.com/reader/i/

ตรวจสอบให้แน่ใจว่าคุณทำเครื่องหมายที่ช่อง“ โหลดบุ๊กมาร์กนี้ในแถบด้านข้าง” และเสร็จแล้ว.

ตอนนี้เมื่อคุณคลิกที่คั่นหน้าคุณจะเห็นว่ามันเปิดขึ้นในแถบด้านข้าง.

เปลี่ยนบุ๊กมาร์กเพื่อเปิดแท็กเฉพาะ (หรือหน้า)

ปัญหาแรกคือบุ๊กมาร์กเปิดไปที่มุมมองรายการทั้งหมดตามค่าเริ่มต้นซึ่งไม่ดีสำหรับพวกเราที่มีการสมัครสมาชิกจำนวนมาก ฉันชอบเปิด Reader ด้วยแท็ก "รายการโปรด" ที่เลือกไว้ตามค่าเริ่มต้นดังนั้นเราจะต้องปรับเปลี่ยนนี้.

นำทางในแถบด้านข้างไปยังแท็กที่คุณต้องการจากนั้นคลิกขวาในพื้นที่ว่างของหน้าและเลือก "ดูข้อมูลหน้าเว็บ"

ตอนนี้คุณจะเห็น URL โดยตรงไปยังหน้านั้นซึ่งคุณสามารถคัดลอกไปยังคลิปบอร์ด ...

และจากนั้นใช้ในคั่นหน้าใหม่หรือปรับแต่งคั่นหน้าเดิมที่คุณสร้างขึ้น.

ตอนนี้เมื่อใดก็ตามที่คุณคลิกที่คั่นหน้าคุณจะเห็นหน้าที่คุณต้องการดู.

ลบเส้นขอบสีน้ำเงินที่น่าเกลียด

หมายเหตุ: สำหรับการปรับแต่งส่วนที่เหลือคุณจะต้องมี การขยายที่มีสไตล์ ติดตั้งหรือคุณสามารถสร้างไฟล์ชื่อ userContent.css ในไดเรกทอรีธีม Firefox ของคุณและวางรหัสที่นั่น.

ไม่ว่าจะด้วยเหตุผลใดโลโก้ Google Reader จะมีขอบสีน้ำเงินที่น่ารำคาญอยู่รอบ ๆ แต่เราสามารถลบออกได้ด้วยสคริปต์ Stylish Stylish.

คลิกที่ไอคอนมีสไตล์เลือกสไตล์การเขียนและสไตล์ที่ว่างเปล่า.

ตั้งชื่อที่สื่อความหมายให้กับสไตล์แล้ววางในข้อความต่อไปนี้:

@namespace url (http://www.w3.org/1999/xhtml);

@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ img border: 0px! important;

คุณสามารถคลิกปุ่มดูตัวอย่างเพื่อดูการเปลี่ยนแปลงได้ทันที:

ลบส่วนหัวทั้งหมด

แทนที่จะเปลี่ยนเส้นขอบคุณสามารถลบส่วนหัวภาพทั้งหมดได้เนื่องจากไม่จำเป็นจริงๆ ปรับสคริปต์ที่มีสไตล์ให้เป็นดังต่อไปนี้แทน:

@namespace url (http://www.w3.org/1999/xhtml);

@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ display: none! important;

การคลิกปุ่มดูตัวอย่างจะแสดงการเปลี่ยนแปลงใหม่ ...

ปรับขนาดตัวอักษร

ไซต์ iPhone นั้นได้รับการปรับให้เหมาะกับหน้าจอสัมผัสขนาดเล็กดังนั้นแบบอักษรจึงใหญ่เกินไปสำหรับรสนิยมของฉัน เราสามารถเพิ่มบรรทัดต่อไปนี้ลงในสคริปต์ที่มีสไตล์เพื่อทำให้แบบอักษรมีขนาดเล็กลงเล็กน้อย:

* ขนาดตัวอักษร: 0.97em! สำคัญ;

หากคุณกำลังติดตามอยู่สคริปต์แบบเต็มควรเป็น:

@namespace url (http://www.w3.org/1999/xhtml);

@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ display: none! important;
* ขนาดตัวอักษร: 0.97em! สำคัญ;

ตอนนี้เรามีมุมมองที่กระชับมากขึ้นอ่านง่ายขึ้น:

เปลี่ยนรายการเป็นหัวเรื่องเท่านั้น

คุณจะสังเกตเห็นว่าคุณสามารถเห็นคำสองสามคำแรกของโพสต์ในมุมมองรายการ…โดยส่วนตัวแล้วฉันอยากแสดงหัวข้อข่าว เพิ่มสิ่งต่อไปนี้ในสคริปต์ของคุณ:

span.item-snippet display: none! important;
span.item-source-title font-size: 0.9em! important

ตอนนี้เรามีแอปพลิเคชันแถบด้านข้างที่มีประโยชน์จริงๆ:

สคริปต์เต็ม

นี่คือเวอร์ชันสุดท้ายของสคริปต์นี้โดยมีการลบแถบโลโก้ขนาดตัวอักษรเล็กกว่าและไม่มีข้อความที่ตัดตอนมา.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ display: none! important;
* ขนาดตัวอักษร: 0.97em! สำคัญ;
span.item-snippet display: none! important;
span.item-source-title font-size: 0.9em! important

นี่ควรอธิบายว่าทำไมฉันถึงเป็นแฟนตัวยงของ Stylish.